/* Apple-inspired glass surfaces over the existing studio overview. */
:root{--display:'Inter',Arial,sans-serif;--bg:#151515;--ink:#eeeeee;--muted:#a4a4a4;--line:#ffffff13;--glass:rgba(48,48,48,.47);--glass-border:rgba(255,255,255,.11)}
body{background:#151515;background-image:radial-gradient(ellipse at 82% 12%,#7777771f 0,transparent 45%),radial-gradient(ellipse at 22% 66%,#9a9a9a13 0,transparent 40%);background-attachment:fixed;color:#eee;font-family:'Inter',Arial,sans-serif}aside{background:linear-gradient(150deg,#ffffff0b,#ffffff04);backdrop-filter:blur(32px) saturate(105%);-webkit-backdrop-filter:blur(32px) saturate(105%);border-right:1px solid #ffffff12;box-shadow:inset -1px 0 0 #00000015}header{background:linear-gradient(#20202075,#18181870);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #ffffff0c}main{padding-top:0}.workspace{font-family:'Inter',Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.6px;color:#8f8f8f}nav a{border-radius:9px;font-size:12px;font-weight:450;color:#bdbdbd;transition:background .18s,box-shadow .18s}nav a:hover{background:#ffffff09}nav a.active{background:linear-gradient(150deg,#ffffff1c,#ffffff0d);box-shadow:inset 0 1px 0 #ffffff13,0 2px 6px #00000016;color:#fff}nav a.active b{color:#e5e5e5}.avatar{border-radius:50%;background:linear-gradient(145deg,#777,#3b3b3b);box-shadow:inset 0 1px 0 #ffffff25,0 2px 4px #0002}.sidefoot{border-top-color:#ffffff0b}.demo{font-family:'Inter',Arial,sans-serif;border-radius:6px;background:#ffffff08;border:1px solid #ffffff08;font-size:8px;font-weight:500;letter-spacing:.6px;color:#aaa}.eyebrow{font-family:'Inter',Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:1px;color:#919191}.title{margin:30px 0 25px}h1{font-family:'Inter',Arial,sans-serif;font-weight:550;letter-spacing:-1.1px;font-size:30px}.title p{font-size:12px;color:#999}h2{font-family:'Inter',Arial,sans-serif;font-weight:550}.studio-grid{gap:12px}.tile,.panel,.stat,.strip{border-radius:15px!important;background:linear-gradient(140deg,#ffffff0e,#ffffff03),var(--glass);border:1px solid var(--glass-border)!important;box-shadow:inset 0 1px 0 #ffffff08,0 6px 22px #0000001c!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.tile{padding:21px}.tile-caption{font-family:'Inter',Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.7px;color:#c4c4c4}.tile-index{font-family:'Inter',Arial,sans-serif;color:#737373;font-size:8px}.display-number{font-family:'Inter',Arial,sans-serif;font-weight:400;letter-spacing:-2.8px;color:#f1f1f1;font-size:51px}.paid-tile .display-number{font-size:62px}.metric-unit{font-family:'Inter',Arial,sans-serif;font-size:9px;font-weight:450;letter-spacing:.3px;color:#bdbdbd}.tile-meta{font-family:'Inter',Arial,sans-serif;font-size:8px;color:#a9a9a9}.tile-text-link{font-family:'Inter',Arial,sans-serif;letter-spacing:.5px;font-size:8px;font-weight:500;color:#bcbcbc}.tile-divider{background:#ffffff15}.focus-tile{background:linear-gradient(140deg,#ffffff1b,#ffffff06),#77777755}.focus-tile .tile-index{color:#c1c1c1}.focus-tile .tile-text-link{color:#dedede}.principle-tile{background:linear-gradient(140deg,#ffffff17,#ffffff04),#66666650}.principle-copy{font-family:'Inter',Arial,sans-serif;font-size:25px;font-weight:450;letter-spacing:-.8px;line-height:1.15;color:#eee}.principle-tile .tile-meta{color:#bbb;line-height:1.8}.principle-tile .tile-text-link{color:#ddd}.geometry{border-color:#ffffff30}.geometry i,.geometry b,.geometry span{border-color:#ffffff30}.banner-tile{background:linear-gradient(135deg,#ffffffb8,#ffffff88),#99999975;color:#1e1e1e;border-color:#ffffff65!important}.banner-title{font-family:'Inter',Arial,sans-serif;font-size:24px;line-height:1.15;letter-spacing:-.7px;font-weight:500}.banner-tile .metric-unit{font-family:'Inter',Arial,sans-serif;color:#3d3d3d;font-size:9px}.banner-tile>.round-arrow{background:#222222bb;color:#e7e7e7}.round-arrow{border:1px solid #ffffff22;background:linear-gradient(145deg,#edededd9,#aaa9);color:#222;box-shadow:inset 0 1px 0 #fff5,0 2px 6px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.round-arrow:hover{background:#fff;color:#111}.fee-chart{gap:7px}.fee-bar{border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#c4c4c4,#9a9a9a);box-shadow:inset 0 1px 0 #ffffff4d}.fee-bar.highlight{background:linear-gradient(180deg,#878787,#626262)}.fee-column:hover .fee-bar{background:#ddd}.fee-column small{font-family:'Inter',Arial,sans-serif;color:#888}.progress-ring{background:conic-gradient(#c4c4c4 0 var(--completion),#ffffff15 var(--completion) 100%);box-shadow:0 0 20px #ffffff04}.progress-ring>div{background:radial-gradient(ellipse at 30% 20%,#333,#282828);box-shadow:inset 0 0 15px #0001}.progress-ring .display-number{font-family:'Inter',Arial,sans-serif;font-weight:400;letter-spacing:-2px}.progress-ring .display-number small{font-family:'Inter',Arial,sans-serif;font-weight:400;color:#ccc}.ring-label{font-family:'Inter',Arial,sans-serif;font-size:8px;font-weight:500;color:#aaa;letter-spacing:.8px}.allocation-lines>div{font-family:'Inter',Arial,sans-serif;font-size:9px;color:#bcbcbc}.allocation-track,.allocation-track i{border-radius:4px}.allocation-track{background:#ffffff12}.allocation-track i{background:#aaa}.allocation-track i.excess{background:#eee}.attention-list a{border-top-color:#ffffff12;font-family:'Inter',Arial,sans-serif;font-size:10px}.attention-list small,.next-date,.next-actions small{font-family:'Inter',Arial,sans-serif}.next-actions>a{border-color:#ffffff15}.next-actions strong{font-size:11px;font-weight:450}.next-actions small{font-size:9px;color:#919191}.next-date{font-size:9px;color:#aaa}.panelhead{background:#ffffff02;border-color:#ffffff0c}.panelhead h2,.timeline-panel .panelhead h2{font-family:'Inter',Arial,sans-serif;text-transform:none;font-size:15px;font-weight:550;color:#ddd}.panelhead small{font-family:'Inter',Arial,sans-serif}.stats{gap:12px}.stat strong{font-family:'Inter',Arial,sans-serif;font-weight:450}.stat label{font-family:'Inter',Arial,sans-serif;text-transform:none;font-size:10px}.pill,.pill.risk,.pill.hold{border-radius:6px!important;background:#ffffff0c;color:#bbb;padding:4px 7px;font-family:'Inter',Arial,sans-serif}.progress,.progress i{border-radius:5px}.progress{background:#ffffff12}.progress i{background:#aaa}button,input,select,.primary{border-radius:7px!important;font-family:'Inter',Arial,sans-serif;font-size:11px}button{background:linear-gradient(150deg,#ffffff17,#ffffff08);border:1px solid #ffffff16;box-shadow:inset 0 1px 0 #ffffff0d,0 1px 3px #0002!important;color:#ddd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}button:hover{background:#ffffff20}button:focus-visible,a:focus-visible{outline:2px solid #bbb;outline-offset:3px}.primary{background:linear-gradient(#e7e7e7,#bcbcbc);border-color:#ffffff35;color:#252525;font-weight:550}.primary:hover{background:#e5e5e5;color:#222}input{background:#11111170;border:1px solid #ffffff18;box-shadow:inset 0 1px 2px #0003!important;color:#ddd}select{background:#ffffff0d;border:1px solid #ffffff1a;color:#ddd;box-shadow:inset 0 1px 0 #ffffff08!important}input:focus,select:focus{outline:2px solid #ffffff35}.field label{font-family:'Inter',Arial,sans-serif;text-transform:none;font-size:10px;color:#aaa}.legend{font-family:'Inter',Arial,sans-serif;font-size:10px;color:#909090}.action{border-color:#ffffff0a}.action input{accent-color:#aaa}dialog{background:linear-gradient(140deg,#ffffff10,#ffffff03),#272727e8;border:1px solid #ffffff20;border-radius:16px!important;box-shadow:inset 0 1px 0 #ffffff0d,0 20px 80px #0008!important;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}dialog::backdrop{background:#0006;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}#toast{border-radius:11px!important;background:#454545e8;color:#eee;border:1px solid #ffffff1c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 25px #0005!important}th,.gantt-head{font-family:'Inter',Arial,sans-serif;font-size:9px;letter-spacing:.4px;background:#14141440!important;color:#999}.gantt-label{background:#282828e8;border-color:#ffffff09}.gantt-label.phase{background:#303030e8}.gantt-track.phase{background:#ffffff03}.gantt-track{border-color:#ffffff09;background-image:linear-gradient(to right,transparent calc(100% - 1px),#ffffff09 calc(100% - 1px))}.gantt-head{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.gantt-bar{border-radius:5px!important;font-family:'Inter',Arial,sans-serif;font-size:9px;background:linear-gradient(#bdbdbd,#9e9e9e);border:1px solid #ffffff13;box-shadow:inset 0 1px 0 #ffffff22,0 2px 4px #0001!important;color:#202020}.gantt-bar.task{background:linear-gradient(#656565,#505050);color:#ddd}.gantt-bar.complete{background:#777;color:#eee}.gantt-bar:hover{background:#ccc;color:#222}.gantt-label .schedule-name{border:0;border-radius:0!important;background:none;box-shadow:none!important;backdrop-filter:none;font-family:'Inter',Arial,sans-serif;font-size:11px}.gantt-label .schedule-name:hover{background:none}.weekhead,.timeline-key{font-family:'Inter',Arial,sans-serif;font-size:9px}.weekhead{border-color:#ffffff09}.timeline-key{background:#ffffff02;border-color:#ffffff09;color:#929292}.timeline-panel .panelhead .timeline-actions button{background:#ffffff0b;border-color:#ffffff18;box-shadow:inset 0 1px 0 #ffffff0a!important}.milestone-dot{color:#ccc}.today-line,.key-today{border-color:#999}footer{font-family:'Inter',Arial,sans-serif;border-color:#ffffff0a;font-size:8px;color:#808080}footer button{font-family:'Inter',Arial,sans-serif;border-radius:6px!important;background:#ffffff05;box-shadow:none!important;font-size:9px}.tile:focus-visible,.progress-ring:focus-visible{outline:2px solid #ddd;outline-offset:3px}@supports not (backdrop-filter:blur(1px)){.tile,.panel,.stat,.strip{background:#292929}aside{background:#242424}dialog{background:#303030}.banner-tile{background:#b5b5b5}}
@media(max-width:1200px){.tile{padding:20px}.principle-tile{padding-top:150px}}@media(max-width:700px){aside{background:#282828ba;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.studio-grid{gap:10px}.tile{padding:16px;border-radius:13px!important}.display-number{font-size:46px}.paid-tile .display-number{font-size:55px}.principle-copy{font-size:22px}.principle-tile{padding-top:150px}.title p{font-size:11px}h1{font-size:25px}.tile-caption{font-size:9px}.tile-meta{font-size:8px}.banner-title{font-size:22px}.gantt-label .schedule-name{font-size:10px}.legend{font-size:9px}}