:root{--ink:#17232e;--navy:#10212c;--slate:#53636e;--line:#e7ebed;--soft:#f5f7f6;--paper:#fff;--amber:#e38b28;--teal:#16877c;--green:#24865b;--red:#ca4e4e;--yellow:#a67310;--radius:14px;--shadow:0 8px 28px #17232e0d}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}.sidebar{width:250px;background:var(--navy);color:#cad6dc;position:fixed;inset:0 auto 0 0;padding:24px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 29px;color:white;font:600 19px 'Space Grotesk'}.brand-mark{height:31px;width:31px;border-radius:9px;background:var(--amber);display:grid;place-items:center;color:#17232e;font-weight:700}.brand small{display:block;color:#8fa2ad;font:11px 'DM Sans';letter-spacing:.3px}.nav-label{font-size:10px;color:#718892;text-transform:uppercase;letter-spacing:1px;padding:12px 11px 7px}.nav{display:grid;gap:3px}.nav button{background:none;color:#b5c3c9;text-align:left;border-radius:8px;padding:9px 11px;font-size:13px}.nav button:hover,.nav button.active{background:#ffffff12;color:white}.nav .ico{width:23px;display:inline-block;color:#81b6b0}.side-foot{margin-top:auto;border-top:1px solid #ffffff17;padding:15px 10px 0;font-size:12px;color:#8fa2ad}.side-foot b{color:#eff5f2;display:block;margin-bottom:3px}.main{margin-left:250px;width:calc(100% - 250px)}.top{height:69px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:20px;position:sticky;top:0;z-index:4}.search{height:37px;width:min(390px,40vw);border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fafcfc}.top-spacer{flex:1}.bell{position:relative;background:#f1f5f4;width:36px;height:36px;border-radius:9px}.bell:after{content:'8';position:absolute;top:-5px;right:-5px;background:var(--red);color:white;border-radius:9px;font-size:10px;padding:2px 5px}.role{border:1px solid var(--line);background:white;border-radius:9px;padding:8px 10px;color:var(--ink);font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#c9ddd7;display:grid;place-items:center;font-weight:700;color:#17645e}.content{padding:29px 32px 50px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.eyebrow{color:var(--teal);text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.1px;margin-bottom:5px}.page-head h1{font:600 27px 'Space Grotesk';margin:0;letter-spacing:-.5px}.sub{color:#71808b;margin-top:6px}.primary{background:var(--amber);color:#17232e;border-radius:8px;padding:10px 14px;font-weight:700}.secondary{background:#edf2f1;color:#2a4645;border-radius:8px;padding:9px 12px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:var(--paper);border:1px solid var(--line);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--teal)}.stat.warn:before{background:var(--amber)}.stat.alert:before{background:var(--red)}.stat .n{font:600 27px 'Space Grotesk';margin:8px 0 1px}.stat .label{color:var(--slate);font-size:12px}.stat .hint{font-size:11px;color:#71808b;margin-top:6px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-title{font:600 15px 'Space Grotesk';padding:17px 19px;border-bottom:1px solid var(--line)}.pipeline{margin:20px 0}.stages{display:flex;gap:0;padding:18px 20px;overflow:auto}.stage{min-width:102px;flex:1;position:relative;padding-right:9px}.stage:after{content:'';height:2px;background:#dfe7e5;position:absolute;left:20px;right:-2px;top:10px}.stage:last-child:after{display:none}.stage-dot{width:21px;height:21px;z-index:1;position:relative;border-radius:50%;background:#d9e3e1;border:4px solid white;box-shadow:0 0 0 1px #d9e3e1}.stage.active .stage-dot{background:var(--amber);box-shadow:0 0 0 1px var(--amber)}.stage b{display:block;font-size:12px;margin-top:9px}.stage span{font-size:11px;color:#7a8990}.dash-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:18px}.project-row{display:grid;grid-template-columns:1.2fr 110px 1fr 88px;align-items:center;padding:14px 19px;border-bottom:1px solid #edf0f0;gap:10px}.muted{color:#7a8990;font-size:12px}.progress{height:7px;background:#e9efed;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--teal);border-radius:8px}.progress.warn i{background:var(--amber)}.progress.alert i{background:var(--red)}.badge{display:inline-block;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.green{color:#176540;background:#e6f4ed}.amber{color:#8b5e0c;background:#fff2d9}.red{color:#a93d3d;background:#fae6e6}.gray{color:#596771;background:#edf0f1}.blue{color:#176879;background:#e4f4f5}.alert-row{padding:13px 18px;border-bottom:1px solid #edf0f0;display:flex;gap:11px}.alert-icon{height:29px;width:29px;background:#fff1d9;color:#a96f13;border-radius:7px;display:grid;place-items:center}.charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.chart-body{padding:18px;display:flex;align-items:center;gap:27px;min-height:175px}.donut{width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--teal) 0 39%,var(--amber) 39% 61%,var(--red) 61% 83%,#aeb9bd 83%);position:relative}.donut:after{content:'9\A Projects';white-space:pre;position:absolute;inset:22px;background:white;border-radius:50%;display:grid;place-items:center;text-align:center;font:600 15px 'Space Grotesk';line-height:18px}.legend{display:grid;gap:9px;font-size:12px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.bars{height:130px;flex:1;display:flex;align-items:end;gap:13px;border-bottom:1px solid #dce5e2}.bar{flex:1;background:#7fbab2;min-width:15px;border-radius:4px 4px 0 0;position:relative}.bar:nth-child(2n){background:#e7a55c}.bar span{position:absolute;bottom:-19px;font-size:10px;color:#75828b;left:50%;transform:translateX(-50%)}.lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.mini-row{padding:12px 16px;border-bottom:1px solid #edf0f0;display:flex;justify-content:space-between;gap:8px}.mini-row:last-child{border:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#71808b;text-transform:uppercase;font-size:10px;letter-spacing:.6px;background:#fafcfc;padding:12px 15px;white-space:nowrap}.table td{padding:14px 15px;border-top:1px solid #edf0f0;white-space:nowrap}.table tr:hover td{background:#fbfdfd}.filters{display:flex;gap:9px;margin-bottom:16px;flex-wrap:wrap}.filters input,.filters select{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 11px;color:#51616a}.filters input{min-width:240px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.kpi{background:#f4f8f7;border-radius:10px;padding:13px}.kpi b{display:block;font:600 20px 'Space Grotesk';margin-top:4px}.workspace-nav{display:flex;gap:3px;border-bottom:1px solid var(--line);overflow:auto;margin-bottom:18px}.workspace-nav button{background:none;white-space:nowrap;padding:12px 14px;color:#6b7980}.workspace-nav button.active{color:var(--teal);border-bottom:2px solid var(--teal);font-weight:700}.two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.timeline{padding:17px 20px}.event{position:relative;padding:0 0 17px 25px;border-left:2px solid #e0eae7;margin-left:6px}.event:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--teal);left:-5.5px;top:4px}.event b{font-size:12px}.event time{display:block;color:#819098;font-size:11px;margin-top:4px}.empty{padding:45px;text-align:center;color:#7d8990}.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:13px;overflow:auto}.board-col{background:#edf3f1;border-radius:12px;padding:10px;min-width:210px}.board-col h3{font-size:12px;margin:3px 2px 10px;color:#4c5f64}.task-card{background:#fff;border-radius:9px;padding:12px;margin-bottom:9px;box-shadow:0 2px 5px #22352a0d;border:1px solid #e5ece9}.task-card b{font-size:13px}.task-card small{display:block;color:#819098;margin-top:7px}.modal-back{position:fixed;inset:0;background:#10212c88;display:grid;place-items:center;z-index:10;padding:20px}.modal{max-width:510px;width:100%;background:white;border-radius:15px;box-shadow:0 18px 60px #0004}.modal h2{font:600 20px 'Space Grotesk';margin:0;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-body{padding:20px 22px;display:grid;gap:12px}.modal label{display:grid;gap:6px;font-size:12px;font-weight:700}.modal input,.modal select{padding:10px;border:1px solid var(--line);border-radius:8px}.modal-footer{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}#toast{position:fixed;right:22px;bottom:22px;background:#173c38;color:white;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);z-index:20;opacity:0;transform:translateY(8px);transition:.2s}.show{opacity:1!important;transform:none!important}.mobile-menu{display:none}.action{font-size:11px;color:#9b6216;background:#fff0d5;padding:7px 9px;border-radius:7px;font-weight:700}
@media(max-width:1100px){.sidebar{width:68px;padding:22px 8px}.brand span,.brand small,.nav-label,.nav button span:not(.ico),.side-foot{display:none}.brand{padding:0 10px 23px}.main{margin-left:68px;width:calc(100% - 68px)}.stats{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}.dash-grid,.two{grid-template-columns:1fr}.project-row{grid-template-columns:1fr 90px 1fr}.project-row .badge{display:none}}.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-close{display:none}@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:.2s;width:250px}.sidebar.open{transform:none}.sidebar.open .brand>span,.sidebar.open .nav-label,.sidebar.open .side-foot{display:block}.sidebar.open .nav button span:not(.ico){display:inline}.sidebar-close{display:grid;place-items:center;position:absolute;right:14px;top:14px;width:34px;height:34px;background:#ffffff14;color:#fff;border:1px solid #ffffff25;border-radius:8px;font-size:24px;line-height:1}.main{margin:0;width:100%}.mobile-menu{display:block}.top{padding:0 15px}.search{display:none}.content{padding:22px 14px}.stats,.charts{grid-template-columns:1fr}.page-head h1{font-size:23px}.page-head{gap:10px}.kpis{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:repeat(4,220px)}}