/* Reference-led modular dashboard: quiet greys, square tiles, mono information. */
:root{--display:'Space Mono',ui-monospace,monospace;--bg:#111113;--ink:#e9e9df;--muted:#929292;--line:#353538}body{background:#111113;color:#e9e9df}aside{background:#19191c;border-color:#09090a;box-shadow:none;backdrop-filter:none}header{background:#111113f2;border-color:#ffffff0a}.workspace,.eyebrow,.demo,th,footer,.tile-caption,.tile-meta,.metric-unit,.tile-text-link,.timeline-key,.weekhead{font-family:var(--display)}.workspace{letter-spacing:.5px}nav a{border-radius:0;font-weight:400}nav a.active{background:#323235;box-shadow:none}nav a:hover{background:#27272a}.avatar{border-radius:0;box-shadow:none;background:#414144}.brand img{opacity:.94}.title{margin:30px 0 24px}h1{font-size:30px;letter-spacing:-1px;font-weight:500}.title p{font-size:11px;color:#8b8b8d}.eyebrow{font-size:9px;letter-spacing:1.2px}.demo{border:0;border-radius:0;background:#242426;color:#a4a4a2;font-size:8px}button,input,select,.primary,.pill,dialog,.panel,.strip,.stat,.gantt-bar,#toast{border-radius:0!important;box-shadow:none!important}button{background:#2c2c2f;border:1px solid #444447;font-family:var(--display);font-size:10px;color:#d9d9d4}button:hover{background:#3c3c3f}.primary{background:#c4c4b9;border-color:#c4c4b9;color:#202022;font-weight:400}.primary:hover{background:#deded2;color:#202022}.panel{background:#202022;border:0}.panelhead{border-color:#363638;background:none}.panelhead h2{font-family:var(--display);font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:0}.panelhead small{font-size:9px}.stats{gap:8px}.stat{background:#202022;border:0!important}.stat strong{font-family:var(--display);font-weight:400;font-size:32px}.stat label{font-family:var(--display);text-transform:uppercase;font-size:9px}.strip{background:#2e2e32;border:0}.strip strong{color:#e9e9df}.strip p{color:#a0a0a0}.progress i{background:#a8a8a0}.progress{background:#363639}.gantt-head,th{background:#1a1a1d!important;color:#929294}.gantt-label{background:#202022}.gantt-label.phase,.gantt-track.phase{background-color:#262629}.gantt-label,.gantt-track{border-color:#353538}.gantt-bar{background:#afafa6;color:#202022;font-family:var(--display);font-size:9px;border:0}.gantt-bar.task{background:#54545a;color:#e0e0d8}.gantt-bar.complete{background:#797977;color:#eee}.gantt-bar:hover{background:#c4c4b9;color:#202022}.timeline-panel .panelhead h2{font-size:14px}.timeline-key{background:#1d1d20;color:#929292}.gantt-label button{background:none;border:0;font-family:'Inter',Arial,sans-serif}.gantt-label button:hover{background:none}.milestone-dot{color:#c0c0b4}.today-line,.key-today{border-color:#8b8b91}input{background:#171719;border-color:#414145}select{background:#29292d;border-color:#414145;font-family:var(--display);font-size:10px}.pill,.pill.risk,.pill.hold{background:#37373b;color:#c3c3bc}.action{border-color:#363638}dialog{background:#252528;border-color:#454548}dialog::backdrop{backdrop-filter:blur(3px)}.field label{font-family:var(--display);text-transform:uppercase;font-size:9px}.toolbar{margin-bottom:20px}.legend{font-family:var(--display);font-size:9px}.panelhead .timeline-actions button{background:#2a2a2d;border-color:#444447}.progress-ring:focus-visible,.tile:focus-visible,.next-actions a:focus-visible,.attention-list a:focus-visible{outline:2px solid #e9e9df;outline-offset:-4px}.studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:170px 170px 230px 140px;gap:9px;margin:0 0 28px}.tile{padding:20px;background:#202022;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.tile-caption{display:flex;justify-content:space-between;align-items:start;font-size:10px;line-height:1.4;letter-spacing:.4px;text-transform:uppercase;color:#d7d7cd;gap:12px}.tile-index{color:#77777a;font-size:8px}.display-number{font-family:var(--display);font-size:48px;font-weight:400;line-height:1.05;letter-spacing:-3px;color:#e9e9df;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto}.metric-unit{font-size:9px;color:#d4d4ca;white-space:nowrap;letter-spacing:.2px}.tile-text-link{font-size:8px;letter-spacing:.4px;color:#bcbcb4;margin-top:16px;display:block}.tile-text-link:hover{text-decoration:underline}.tile-divider{height:1px;background:#444447;margin:16px 0 10px;flex-shrink:0}.tile-meta{font-size:8px;line-height:1.6;display:flex;justify-content:space-between;gap:10px;color:#c2c2b9}.focus-tile{grid-column:1;grid-row:1;background:#4e4e55}.focus-tile .tile-index{color:#aaaab0}.focus-tile .tile-text-link{color:#d5d5cd;margin-top:10px}.paid-tile{grid-column:2;grid-row:1 / 3}.paid-tile .display-number{font-size:58px}.completed-tile{grid-column:1;grid-row:2}.completed-tile .display-number{font-size:48px}.finance-tile{grid-column:3 / 5;grid-row:1 / 3}.finance-plot{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:15px}.finance-plot .amount{font-size:36px;letter-spacing:-2px}.fee-chart{display:flex;align-items:end;gap:6px;height:170px;flex:1;justify-content:flex-end;min-width:90px}.fee-column{display:flex;flex:1;max-width:45px;min-width:12px;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:7px}.fee-bar{background:#acaca2;display:block;min-height:2px}.fee-bar.highlight{background:#62626d}.fee-column:hover .fee-bar{background:#deded2}.fee-column small{font:8px var(--display);text-align:center;color:#88888c}.capacity-tile{grid-column:1;grid-row:3 / 5}.capacity-tile .metric-bottom{margin-top:50px}.capacity-tile .display-number{font-size:44px}.round-arrow{display:flex;align-items:center;justify-content:center;background:#dbdbd0;color:#242426;width:28px;height:28px;border-radius:50%;font:19px 'Inter',sans-serif}.capacity-tile>.round-arrow{position:absolute;right:18px;top:42px}.allocation-lines{margin-top:20px}.allocation-lines>div{display:grid;grid-template-columns:45px 1fr 24px;align-items:center;gap:6px;margin:13px 0;font:9px var(--display);color:#b1b1aa}.allocation-track{display:block;height:3px;background:#3d3d41}.allocation-track i{height:3px;display:block;background:#9c9c96}.allocation-track i.excess{background:#e3e3d4}.principle-tile{grid-column:2;grid-row:3 / 5;background:#4e4e55;padding-top:150px;justify-content:end}.principle-copy{font:23px/1.2 var(--display);letter-spacing:-1px;color:#ecece0;margin-bottom:20px}.principle-tile .tile-meta{font-size:8px;display:block;color:#d4d4cc}.principle-tile .tile-text-link{color:#e0e0d4;margin-top:18px}.geometry{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #c5c5be80;right:-50px;top:-35px;pointer-events:none}.geometry i{position:absolute;left:34%;top:0;height:100%;border-left:1px solid #c5c5be80}.geometry b{position:absolute;left:34%;top:0;height:100%;border-left:1px solid #c5c5be80;transform:rotate(32deg);transform-origin:bottom}.geometry span{position:absolute;left:34%;right:0;top:72%;border-top:1px solid #c5c5be80}.ring-tile{grid-column:3;grid-row:3}.progress-ring{display:grid;place-items:center;border-radius:50%;width:170px;height:170px;max-width:100%;aspect-ratio:1;margin:auto;background:conic-gradient(#a5a5b1 0 var(--completion),#414145 var(--completion) 100%);padding:4px}.progress-ring>div{border-radius:50%;background:#202022;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.progress-ring .display-number{font-size:42px;letter-spacing:-2px}.progress-ring .display-number small{font:17px var(--display);color:#deded4;letter-spacing:-1px}.ring-label{font:8px var(--display);margin-top:8px;color:#c4c4bb}.attention-tile{grid-column:4;grid-row:3}.attention-tile .metric-bottom{margin-top:25px}.attention-tile .display-number{font-size:40px}.attention-list{margin-top:auto;padding-top:15px}.attention-list a{display:flex;justify-content:space-between;border-top:1px solid #3b3b3f;padding:9px 0;gap:10px;font-size:10px}.attention-list small{font:8px var(--display);color:#929296;white-space:nowrap}.banner-tile{grid-column:3 / 5;grid-row:4;background:#b8b8af;color:#222225;flex-direction:row;align-items:end;justify-content:space-between;padding-right:50px}.banner-title{font:22px/1.2 var(--display);letter-spacing:-1px}.banner-tile .metric-unit{color:#2a2a2b;font-size:9px}.banner-tile>.round-arrow{position:absolute;right:16px;top:16px;background:#29292b;color:#ddddd3}.next-tile{grid-column:1 / 5;grid-row:5;min-height:180px}.next-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:25px}.next-actions>a{display:flex;gap:12px;align-items:start;border-top:1px solid #444447;padding-top:13px}.next-actions>a>span:last-child{margin-left:auto;color:#bababa}.next-date{font:9px var(--display);color:#9c9ca1;white-space:nowrap}.next-actions strong{display:block;font-size:11px;line-height:1.5;font-weight:450}.next-actions small{display:block;font:8px var(--display);line-height:1.6;margin-top:5px;color:#84848a}footer{color:#757579;border-color:#ffffff0a}footer button{font-size:8px}footer span{font-family:'Inter',sans-serif}@media(min-width:1500px){.studio-grid{grid-template-rows:180px 180px 260px 150px}.display-number{font-size:58px}.finance-plot .amount{font-size:46px}.progress-ring{width:190px;height:190px}}@media(max-width:1200px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:160px 160px 240px 280px 140px}.focus-tile{grid-column:1;grid-row:1}.paid-tile{grid-column:2;grid-row:1 / 3}.completed-tile{grid-column:1;grid-row:2}.finance-tile{grid-column:1 / 3;grid-row:3}.capacity-tile{grid-column:1;grid-row:4 / 6}.principle-tile{grid-column:2;grid-row:4 / 6}.ring-tile{grid-column:1;grid-row:6;height:240px}.attention-tile{grid-column:2;grid-row:6;height:240px}.banner-tile{grid-column:1 / 3;grid-row:7;min-height:140px}.next-tile{grid-column:1 / 3;grid-row:8}.next-actions{grid-template-columns:1fr;gap:10px}.capacity-tile .metric-bottom{margin-top:60px}.tile{padding:20px}.principle-tile{padding-top:150px}}@media(max-width:700px){aside{background:#19191c}.title{gap:12px}h1{font-size:25px}.tile{padding:16px}.studio-grid{gap:8px}.display-number{font-size:43px}.paid-tile .display-number{font-size:50px}.tile-caption{font-size:9px}.tile-index{font-size:7px}.tile-meta{font-size:7px;gap:5px}.capacity-tile .display-number{font-size:36px}.capacity-tile .metric-unit{font-size:8px}.capacity-tile .metric-bottom{gap:6px}.allocation-lines>div{font-size:8px;grid-template-columns:38px 1fr 20px}.principle-copy{font-size:20px}.finance-plot .amount{font-size:32px}.progress-ring{width:155px;height:155px}.ring-tile,.attention-tile{height:230px}.banner-title{font-size:20px}.banner-tile .metric-unit{font-size:8px}.tile .round-arrow{width:25px;height:25px}.next-actions{gap:14px}.principle-tile{padding-top:150px}.tile-text-link{font-size:7px}.attention-list a{flex-direction:column;gap:4px}.attention-tile .metric-unit{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}