#centre-info{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;max-width:300px}#centre-value{font-size:2em !important;font-weight:700;color:#2c3e50;margin-bottom:0.5rem}#centre-subtitle{font-size:0.9rem;color:#7f8c8d;font-style:italic;text-align:center}#centre-info #centre-value{font-size:2em !important}.tooltip{position:fixed;display:none;background:rgba(0,0,0,0.9);color:#fff;padding:1rem;border-radius:8px;font-size:0.9rem;pointer-events:none;z-index:1000;max-width:300px;box-shadow:0 4px 20px rgba(0,0,0,0.15)}.tooltip strong{font-size:1rem;display:block;margin-bottom:0.5rem;color:#fff}.tooltip .percentage{color:#3498db;font-weight:600}.tooltip .over-budget{color:#e74c3c;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:2rem}:root{--primary-colour: #2c3e50;--secondary-colour: #3498db;--success-colour: #27ae60;--warning-colour: #f39c12;--danger-colour: #e74c3c;--light-bg: #ecf0f1;--white: #ffffff;--text-dark: #2c3e50;--text-light: #7f8c8d;--border-colour: #bdc3c7;--shadow: 0 2px 10px rgba(0, 0, 0, 0.1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#2c3e50;background-color:#ecf0f1;min-height:100vh;display:flex;flex-direction:column}.container{max-width:2000px;margin:0 auto;padding:0 20px}header{background:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.1)}header h1{font-size:2.5rem;font-weight:700;margin-bottom:0.5rem}header .subtitle{font-size:1.1rem;opacity:0.9;font-weight:300}main{padding:2rem 0;flex:1}.controls{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.controls .control-group{display:flex;align-items:center;gap:0.5rem}.controls .control-group label{font-weight:600;color:#2c3e50;white-space:nowrap}.controls .control-group select,.controls .control-group input[type="text"]{padding:0.5rem 1rem;border:2px solid #bdc3c7;border-radius:5px;font-size:1rem;min-width:180px;transition:border-color 0.3s}.controls .control-group select:focus,.controls .control-group input[type="text"]:focus{outline:none;border-color:#3498db}.controls .btn{padding:0.6rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s;white-space:nowrap}.controls .btn:hover{background-color:#217dbb;transform:translateY(-2px);box-shadow:0 2px 10px rgba(0,0,0,0.1)}.controls .btn:active{transform:translateY(0)}footer{background:#2c3e50;color:#fff;text-align:center}footer a{color:#fff}#visualisation-container{position:relative}.visualization-wrapper{display:flex;align-items:center;justify-content:center;position:relative;height:600px}#sunburst{flex-shrink:0;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.legend{display:none;margin-bottom:40px}.legend .legend-item{display:flex;align-items:center;cursor:pointer;padding:0.5rem;border-radius:6px;transition:all 0.2s;color:black}.legend .legend-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.legend .legend-item .legend-color{display:none}.legend .legend-item .legend-text{flex:1;display:flex;flex-direction:column}.legend .legend-item .legend-text .legend-name{font-size:0.8rem;font-weight:600;color:black}.legend .legend-item .legend-text .legend-value{font-size:0.7rem;color:black}.centre-circle{fill:transparent;transition:fill 0.3s ease}.centre-value-svg{text-anchor:middle;font-size:2em;font-weight:700;fill:#2c3e50}.centre-subtitle-svg,.centre-name-svg{text-anchor:middle;font-size:.9em;fill:#7f8c8d;font-style:italic;stroke:#ECF0F1;stroke-width:2px;paint-order:stroke fill}path{stroke:#ECF0F1;stroke-width:1px;cursor:pointer}path.hovered{opacity:0.8;stroke-width:3px}@media (max-width: 768px){.tooltip{display:none !important}.container{padding:0 15px;margin:0}.visualization-wrapper{flex-direction:column;align-items:center;height:auto}#sunburst{position:static;transform:none;margin-bottom:1rem}.legend{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:0.5rem;position:static;right:auto;top:auto;min-width:auto;max-width:100%;width:100%;margin-top:1rem}#visualisation-container{width:100%;margin:0 auto;text-align:center}#scale{transform:scale(0.6)}header h1{font-size:1.8rem}header .subtitle{font-size:0.9rem}.controls{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.controls .control-group{flex-direction:column;align-items:stretch;gap:0.5rem}.controls .control-group select,.controls .control-group input[type="text"]{min-width:auto;width:100%}.controls .btn{width:100%;text-align:center}}