:root{color:#0b1b45;background:#f5f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:212px 1fr;min-height:100vh;display:grid}aside{background:#fff;border-right:1px solid #e7edf6;padding:18px 14px}.brand{letter-spacing:-1px;margin:0 8px 25px;font-size:24px}.brand b{color:#1766a2;font-size:31px}.brand small{letter-spacing:2px;color:#8190aa;margin-left:4px;font-size:7px;display:block}nav{gap:5px;display:grid}nav button,.settings{text-align:left;color:#25375e;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 13px;font-size:13px}nav button.active{color:#0866e9;background:#e8f1ff;font-weight:700}.factory{border:1px solid #e1e8f2;border-radius:10px;gap:9px;margin-top:58px;padding:10px;display:flex}.factory small,.user small{color:#71809a;display:block}.settings{margin-top:18px}main{min-width:0;padding:0 14px 18px}header{justify-content:space-between;align-items:center;height:58px;display:flex}.search{color:#7c89a2;background:#edf2f8;border-radius:10px;width:44%;padding:10px 13px}.search kbd{float:right;background:#f8fbff;border:1px solid #e2e8f1;border-radius:5px;padding:2px 7px}.user{align-items:center;gap:10px;display:flex}.avatar{background:#e9eef8;border-radius:50%;padding:10px}.user i{color:#0aa36d;font-size:10px}.hello{align-items:baseline;gap:16px;padding:3px 9px 10px;display:flex}.hello h1{color:#102d78;margin:0;font-size:25px}.metrics{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.metrics article{background:#fff;border:1px solid #edf1f6;border-radius:11px;gap:10px;min-height:91px;padding:13px;display:flex;box-shadow:0 5px 18px #24436d08}.metricIcon{color:#0870f5;background:#eef5ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:23px;display:grid}.metrics strong{margin:3px 0;font-size:25px;display:block}.metrics em{font-size:10px;font-style:normal}.good em{color:#009f6b}.bad em,.bad .metricIcon{color:#ef3340}.warn em{color:#f39b00}.purple .metricIcon{color:#7d65ef}.upper{grid-template-columns:minmax(0,3fr) minmax(300px,1.15fr);gap:10px;margin-top:10px;display:grid}.panel{background:#fff;border:1px solid #e1e8f2;border-radius:11px;box-shadow:0 4px 18px #25436a08}.panelTitle{align-items:center;gap:12px;height:48px;padding:0 15px;display:flex}.panel h2{font-size:15px}.panelTitle h2{font-size:16px}.panelTitle>b{color:#e92f3b;background:#fff0f1;border-radius:12px;padding:4px 9px;font-size:10px}.chips{margin-left:auto}.chips span{border:1px solid #e7edf5;padding:6px 9px;font-size:9px}.tr{border-top:1px solid #edf1f6;grid-template-columns:.7fr .8fr 1.25fr 1.25fr 1.1fr .7fr 1.2fr;align-items:center;min-height:43px;padding:4px 14px;font-size:10px;display:grid}.tr.head{color:#62718d;background:#f7f9fc;min-height:27px}.tr small,.tr strong{display:block}.priority{color:#fff;text-align:center;border-radius:5px;padding:6px 15px;display:inline-block!important}.high{background:#ff3341}.medium{background:#f7a51b}.impact{color:#e43a45}.action{padding:10px 15px}.action h2{margin:0 0 10px}.action sup{color:#7458ef;background:#eee9ff;border-radius:6px;padding:2px 5px}.action label{color:#e52e3c;background:#fff0f1;border-radius:5px;padding:3px 7px;font-size:9px}.action h3{margin:10px 0 4px;font-size:16px}.action p{font-size:10px}.action>button,.stage button,.tabs button{color:#fff;background:#0872f5;border:0;border-radius:6px;width:100%;padding:9px;font-weight:700}.checks{color:#1a5364;margin-top:8px;line-height:25px}.checks b{color:#00a16b}.why{color:#0a62d8;background:#f4f8ff;border-radius:7px;padding:8px}.why p{color:#43526c;margin:4px;line-height:19px}.lower{grid-template-columns:minmax(0,3.2fr) 305px;gap:10px;margin-top:10px;display:grid}.schedule{overflow:hidden}.tabs{border-bottom:1px solid #e6ecf5;align-items:center;gap:24px;padding:8px 13px;display:flex}.tabs b{color:#086df0}.tabs button{width:auto;margin-left:auto;padding:8px 12px}.tabs button+button{color:#0872f5;background:#fff;border:1px solid #cfe0fb;margin-left:-18px}.filters{color:#65738c;border-bottom:1px solid #e6ecf5;padding:8px 13px}.filters b{float:right;color:#0967e4;background:#e7f0ff;padding:5px}.gantt{font-size:10px}.ghead,.grow{border-top:1px solid #edf1f6;grid-template-columns:240px repeat(4,1fr);min-height:41px;display:grid}.ghead{background:#fafbfd;min-height:30px}.ghead span,.grow>span,.grow>div{border-right:1px solid #edf1f6;padding:7px 10px}.grow small{display:block}.grow i{background:#4abf91;border-radius:6px;height:6px;margin-top:5px;display:block}.bar{border-radius:4px;margin:6px 3px;background:#8bbcf7!important;border:0!important;padding:7px!important}.c1{background:#9ad9b1!important}.c2{background:#b8a7ed!important}.c3{background:#ff9b96!important}.c4{background:#ffd47c!important}.c5{background:#8cbcf5!important}.c6{background:#c3ccd9!important}.details{border:0;padding:11px}.details h2{margin:2px 0 12px}.detailtabs{color:#196de2;border-bottom:2px solid #1b73f5;padding:8px 3px;font-size:10px}.cards{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px;display:grid}.cards span{background:#f7f9fc;border:1px solid #e7ecf3;padding:8px;font-size:9px}.cards b{margin-top:3px;font-size:12px;display:block}.details h4 b{float:right}.progress{background:#e4e9f0;border-radius:6px;height:8px}.progress i{background:#42b881;border-radius:6px;width:35%;height:100%;display:block}.stage{border:1px solid #e4eaf2;border-radius:8px;margin-top:14px;padding:10px}.stage h3{font-size:14px}.stage p{font-size:10px}.stage>div{gap:8px;margin-top:15px;display:flex}.stage .ghost{color:#33435f;background:#fff;border:1px solid #e0e6ef}@media (width<=1200px){.metrics{grid-template-columns:repeat(3,1fr)}.upper,.lower{grid-template-columns:1fr}.details{display:none}}@media (width<=800px){.shell{grid-template-columns:70px 1fr}.brand{font-size:0}.brand b{font-size:25px}nav button{font-size:0}nav button:first-letter{font-size:16px}.factory,.settings{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.user span:not(.avatar),.user b,.user i{display:none}.tr{grid-template-columns:.7fr 1fr 1.5fr}.tr span:nth-child(n+4){display:none}.ghead,.grow{grid-template-columns:140px repeat(4,1fr)}}.search{align-items:center;gap:8px;display:flex}.search input{color:#34425f;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.toast{z-index:30;color:#fff;cursor:pointer;background:#0b1b45;border:0;border-radius:9px;padding:12px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 28px #0b1b4533}.metrics article,.tr{transition:all .15s}.metrics article:hover,.tr:not(.head):hover{background:#f7faff}
