/* macOS-inspired desktop treatment, retaining the neutral Interlace palette. */
:root{--bg:#202020;--ink:#ededed;--muted:#a0a0a0;--line:#3b3b3b;color-scheme:dark}
body{background:#202020;font-size:13px;-webkit-font-smoothing:antialiased}aside{background:linear-gradient(160deg,#2d2d2df5,#252525f5);border-right:1px solid #101010;box-shadow:1px 0 0 #ffffff06;padding:28px 16px;backdrop-filter:blur(24px)}.brand{margin-left:10px}.workspace{font-size:10px;font-weight:600;color:#8f8f8f;letter-spacing:.5px;margin:24px 11px 12px}.workspace span{font-size:9px;color:#727272}nav a{padding:10px 12px;margin:3px 0;border-radius:7px;font-size:12px;font-weight:500;gap:10px;color:#c1c1c1;transition:background .15s}nav a b{font-size:15px;width:18px;display:flex;justify-content:center;color:#a9a9a9}nav a:hover{background:#ffffff08}nav a.active{background:#ffffff14;color:#fff;box-shadow:inset 0 1px 0 #ffffff09,0 1px 2px #0002}nav a.active b{color:#eee}.sidefoot{padding-top:15px;margin-left:9px;margin-right:8px;border-color:#ffffff0b}.avatar{background:linear-gradient(#666,#444);box-shadow:inset 0 1px 0 #ffffff20;font-size:12px;width:30px;height:30px}.sidefoot small{font-size:10px}main{padding:0 32px}header{height:64px;position:sticky;top:0;z-index:8;backdrop-filter:blur(22px);background:#202020e8;border-bottom:1px solid #ffffff0a;font-size:11px}.demo{background:#ffffff09;border:1px solid #ffffff08;border-radius:5px;padding:5px 8px;font-size:8px;letter-spacing:.9px;color:#aaa}.title{margin:29px 0 24px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1px;color:#888}h1{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:8px 0}h2{font-size:15px;font-weight:600;letter-spacing:-.3px}.title p{font-size:12px;line-height:1.6;color:#969696}button{border-radius:6px;background:linear-gradient(#414141,#373737);border:1px solid #ffffff14;box-shadow:0 1px 2px #0003,inset 0 1px 0 #ffffff09;padding:7px 11px;font-size:11px;color:#ddd;transition:background .15s}button:hover{background:linear-gradient(#4c4c4c,#414141)}button:active{transform:translateY(1px);background:#343434}.primary{background:linear-gradient(#d8d8d8,#bfbfbf);color:#242424;border-color:#ffffff20;font-weight:600}.primary:hover{background:linear-gradient(#eee,#d3d3d3);color:#222}.stats{border:0;background:transparent;gap:12px;margin-bottom:25px;overflow:visible}.stat{background:linear-gradient(145deg,#303030,#292929);border:1px solid #ffffff0b!important;border-radius:10px;padding:20px;box-shadow:0 2px 6px #00000015}.stat strong{font-size:29px;color:#eee;margin:10px 0 6px}.stat label{font-size:10px;color:#a7a7a7}.stat small{font-size:9px;color:#848484}.panel{border-radius:10px;background:#292929;border:1px solid #ffffff0c;box-shadow:0 3px 12px #00000018;margin-bottom:23px}.panelhead{padding:17px 20px;border-color:#ffffff0a;background:#ffffff02}.panelhead a{font-size:10px;color:#bcbcbc}.columns{gap:20px}.strip{border-radius:10px;border-color:#ffffff0c;background:linear-gradient(125deg,#303030,#2a2a2a);padding:20px 23px}.strip strong{color:#e4e4e4}.strip p{font-size:12px;color:#aaa}.strip .eyebrow{color:#888}th{background:#252525!important;color:#8b8b8b;font-size:8px;letter-spacing:.6px;padding:12px 16px}td{border-color:#ffffff08;padding:16px;font-size:11px}.click:hover{background:#ffffff04}.projectname{font-weight:550}.sub{color:#959595;font-size:9px}.pill,.pill.risk,.pill.hold{border-radius:5px;background:#ffffff0c;color:#c0c0c0;padding:4px 7px;font-size:9px}.progress{height:3px;background:#454545}.progress i{background:#aaa}.action{padding:17px 20px;border-color:#ffffff08}.action strong{font-size:11px}.action small{font-size:9px;color:#939393}.action input{accent-color:#aaa}.toolbar{gap:10px;align-items:center}.toolbar input{background:#171717;box-shadow:inset 0 1px 2px #0003}.toolbar select{min-width:150px}input,select{border-radius:6px;background:#1e1e1e;color:#ddd;border-color:#ffffff13;padding:8px 10px;font-size:11px;box-shadow:inset 0 1px 2px #0002}select{background:#353535;box-shadow:0 1px 2px #0002}input:focus,select:focus{outline:2px solid #ffffff35;outline-offset:1px}.legend{font-size:10px;color:#8c8c8c}.panelhead .timeline-actions button{background:#ffffff08;box-shadow:inset 0 1px 0 #ffffff09;font-size:10px}.timeline-panel .panelhead h2{font-size:15px;color:#ddd}.timeline-panel .panelhead small{font-size:9px;color:#888}.gantt-label{background:#292929;border-color:#ffffff08}.gantt-head{background:#242424!important;color:#888}.gantt-track{border-color:#ffffff08;background-image:linear-gradient(to right,transparent calc(100% - 1px),#ffffff08 calc(100% - 1px))}.gantt-label.phase,.gantt-track.phase{background-color:#2d2d2d}.gantt-bar{border-radius:4px;background:linear-gradient(#adadad,#969696);box-shadow:inset 0 1px 0 #ffffff25,0 1px 2px #0002;color:#252525}.gantt-bar.task{background:linear-gradient(#5c5c5c,#4f4f4f);color:#ddd}.gantt-bar.complete{background:#676767;color:#ddd}.gantt-bar:hover{background:#bcbcbc}.gantt-label button{background:transparent;border:0;box-shadow:none;border-radius:0}.gantt-label button:hover{background:transparent}.gantt-label .schedule-name{font-size:11px}.gantt-label small{font-size:9px;color:#949494}.weekhead{font-size:9px;color:#929292;border-color:#ffffff08}.timeline-key{font-size:9px;padding:12px 18px;border-color:#ffffff08;color:#888;background:#ffffff01}.timeline-key small{font-size:9px}.milestone-dot{color:#bcbcbc}.today-line,.key-today{border-color:#888}.field{margin:16px 0;gap:7px}.field label{font-size:10px;color:#999}.bodypad{padding:20px}.detailgrid{gap:20px}dialog{background:#303030;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 20px 70px #0009,inset 0 1px 0 #ffffff0d;padding:25px}dialog::backdrop{background:#0007;backdrop-filter:blur(5px)}dialog h2{font-size:18px}.buttons{gap:8px}#toast{border-radius:9px;background:#424242;color:#eee;box-shadow:0 5px 22px #0005;border:1px solid #ffffff15;font-size:12px}footer{font-size:8px;letter-spacing:.7px;border-color:#ffffff0a;padding:17px 0;color:#777}footer button{font-size:9px;background:#ffffff04;box-shadow:none;padding:5px 8px}.tabs button{border-radius:6px}.tabs button.active{background:#505050}.estimate td input,.estimate td select{font-size:11px}@media(max-width:1100px){main{padding:0 25px}.stat{padding:16px}.gantt-label .schedule-name{font-size:10px}}@media(max-width:700px){aside{background:#282828;padding:18px;border:0;border-bottom:1px solid #ffffff10}.brand{margin:0}nav{margin-top:15px;gap:5px}nav a{margin:0;padding:9px 11px;font-size:11px}.brand,.brand img{width:72px;height:72px}main{padding:0 18px}header{height:52px}.title{margin:25px 0 20px}.title p{font-size:11px}h1{font-size:26px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.panelhead{padding:16px}.timeline-actions{gap:6px}.toolbar{align-items:flex-start}.gantt-label .schedule-name{font-size:10px}}
/* Slightly deeper neutral dark surfaces. */
:root{--bg:#171717;--line:#303030}body{background:#171717}aside{background:linear-gradient(160deg,#222222f5,#1c1c1cf5);border-right-color:#0e0e0e}header{background:#171717e8}.panel{background:#202020;border-color:#ffffff0b}.stat{background:linear-gradient(145deg,#252525,#202020)}.panelhead{background:#ffffff02}th,.gantt-head{background:#1c1c1c!important}.gantt-label{background:#202020}.gantt-label.phase,.gantt-track.phase{background-color:#242424}.strip{background:linear-gradient(125deg,#252525,#202020)}input{background:#171717}.toolbar input{background:#141414}select{background:#2c2c2c}dialog{background:#252525}nav a:hover{background:#ffffff08}nav a.active{background:#ffffff13}@media(max-width:700px){aside{background:#202020}}