*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg0: #0d1117;--bg1: #111827;--bg2: #1a2236;--bg3: #1e2d47;--bg4: #2a3550;--border: #2a3a5a;--border2: #2a3550;--text0: #ffffff;--text1: #e2e8f0;--text2: #cbd5e1;--text3: #94a3b8;--text4: #64748b;--text5: #374151;--green: #34d399;--blue: #60a5fa;--orange: #fb923c;--red: #f87171;--yellow: #fbbf24;--purple: #c084fc;--pink: #f472b6;--bg-green: #0d2d22;--bg-blue: #0d1f3a;--bg-orange: #2a1800;--bg-red: #2a1010;--bg-purple: #1e1035;--border-green: #064e3b;--border-blue: #1e3a5f;--border-orange: #4c2d10;--border-red: #4c1d1d;--border-purple: #3b0764}body{background:var(--bg1);color:var(--text1);font-family:Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--bg2);border-right:1px solid var(--border2);display:flex;flex-direction:column;overflow-y:auto}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{background:var(--bg2);border-bottom:1px solid var(--border2);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.page-content{flex:1;overflow-y:auto;padding:20px 24px}.sidebar-logo{padding:16px;border-bottom:1px solid var(--border2)}.sidebar-logo h2{font-size:13px;font-weight:700;color:var(--text0)}.sidebar-logo p{font-size:10px;color:var(--text4);margin-top:2px}.sidebar-section{padding:12px 0 4px}.sidebar-label{font-size:9px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.6px;padding:0 14px;margin-bottom:4px}.client-item{display:flex;align-items:center;gap:9px;padding:8px 14px;cursor:pointer;border-left:2px solid transparent;transition:background .15s}.client-item:hover{background:var(--bg3)}.client-item.active{background:var(--bg3);border-left-color:var(--blue)}.client-avatar{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.client-info .cn{font-size:12px;color:var(--text1)}.client-info .ci{font-size:10px;color:var(--text4)}.sidebar-footer{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border2)}.sign-out-btn{width:100%;padding:7px;background:transparent;border:1px solid var(--border2);border-radius:6px;color:var(--text4);font-size:11px;cursor:pointer;transition:all .15s}.sign-out-btn:hover{border-color:var(--red);color:var(--red)}.tb-left h1{font-size:15px;font-weight:700;color:var(--text0)}.tb-left p{font-size:10px;color:var(--text4);margin-top:2px}.tb-kpis{display:flex;gap:20px;flex-wrap:wrap}.tb-kpi .tl{font-size:9px;color:var(--text4);text-transform:uppercase;letter-spacing:.5px}.tb-kpi .tv{font-size:16px;font-weight:700;color:var(--text0);margin-top:1px}.status-badge{font-size:10px;padding:3px 10px;border-radius:5px;font-weight:700}.badge-active{background:var(--bg-green);color:var(--green);border:1px solid var(--border-green)}.badge-warn{background:var(--bg-orange);color:var(--orange);border:1px solid var(--border-orange)}.nav-tabs{background:var(--bg2);border-bottom:1px solid var(--border2);display:flex;overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.nav-tabs::-webkit-scrollbar{height:3px}.nav-tabs::-webkit-scrollbar-thumb{background:var(--border2)}.nav-tab{padding:10px 14px;cursor:pointer;font-size:11px;font-weight:600;color:var(--text4);border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}.nav-tab:hover{color:var(--text3)}.nav-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.krow{display:grid;gap:10px;margin-bottom:16px}.k5{grid-template-columns:repeat(5,1fr)}.k4{grid-template-columns:repeat(4,1fr)}.k3{grid-template-columns:repeat(3,1fr)}.k2{grid-template-columns:1fr 1fr}.card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.card .cl{font-size:9px;color:var(--text4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card .cv{font-size:19px;font-weight:700;color:var(--text0)}.card .cs{font-size:10px;color:var(--text4);margin-top:3px}.card.ab{border-color:var(--border-blue);background:var(--bg-blue)}.card.ag{border-color:var(--border-green);background:var(--bg-green)}.card.ao{border-color:var(--border-orange);background:var(--bg-orange)}.card.ar{border-color:var(--border-red);background:var(--bg-red)}.card.api{border-color:#5c1a3a;background:#2a0d1f}.cgrid{display:grid;gap:12px;margin-bottom:14px}.c2{grid-template-columns:1fr 1fr}.c3{grid-template-columns:1fr 1fr 1fr}.c1{grid-template-columns:1fr}.cbox{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px}.cbox h3{font-size:9px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.cbox canvas{max-height:200px}.note{background:var(--bg2);border:1px solid var(--border2);border-left:3px solid var(--blue);border-radius:0 8px 8px 0;padding:8px 12px;font-size:11px;color:var(--text3);line-height:1.6;margin-top:4px}.note.w{border-left-color:var(--orange)}.note.g{border-left-color:var(--green)}.note.r{border-left-color:var(--red)}.note.pi{border-left-color:var(--pink)}.tbl{width:100%;border-collapse:collapse;font-size:11px}.tbl th{padding:7px 9px;text-align:left;color:var(--text4);font-size:9px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border2);font-weight:700;white-space:nowrap}.tbl td{padding:7px 9px;border-bottom:1px solid var(--bg2);color:var(--text2)}.tbl tr:hover td{background:var(--bg3)}.tbl tr.tot td{border-top:2px solid #2d5a8f;font-weight:700;color:var(--text0);background:var(--bg2)}.pill{display:inline-block;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:700}.phi{background:var(--border-green);color:var(--green)}.pmi{background:#451a03;color:var(--yellow)}.plo{background:var(--border-red);color:var(--red)}.ppur{background:var(--border-purple);color:var(--purple)}.ppi{background:#500724;color:var(--pink)}.sgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-bottom:14px}.sbox{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:7px 3px;text-align:center}.sbox .sm{font-size:9px;color:var(--text4);font-weight:700;margin-bottom:3px}.sbox .sv{font-size:13px;font-weight:700}.sbox .sd{font-size:9px;margin-top:2px}.hi{color:var(--green)}.mi{color:var(--yellow)}.lo{color:var(--red)}.nd{color:var(--text5)}.proj-card{background:#1a2a44;border:1px solid var(--border-blue);border-radius:10px;padding:12px 16px;margin-bottom:14px}.proj-card h3{font-size:9px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.proj-inner{display:grid;grid-template-columns:repeat(4,1fr)}.pi2{text-align:center;padding:6px 4px}.pi2+.pi2{border-left:1px solid var(--border2)}.pi2 .pl{font-size:9px;color:var(--text4);margin-bottom:3px}.pi2 .pv2{font-size:16px;font-weight:700}.pi2 .ps{font-size:10px;color:var(--text4);margin-top:2px}.prog-bar{background:var(--bg3);border-radius:4px;height:7px;margin-top:8px;overflow:hidden}.prog-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#3b82f6,#34d399)}.slayout{display:grid;grid-template-columns:285px 1fr;gap:14px}.spanel{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px;height:fit-content;position:sticky;top:0}.spanel h3{font-size:9px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.6px;margin-bottom:11px;padding-bottom:6px;border-bottom:1px solid var(--border)}.sg{margin-bottom:12px}.sr{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.slbl{font-size:11px;color:var(--text2)}.sval{font-size:11px;font-weight:700;color:var(--text0);background:var(--bg1);padding:2px 8px;border-radius:5px;min-width:62px;text-align:right}.sdiv{border:none;border-top:1px solid var(--border2);margin:10px 0}.chlbl{font-size:9px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;margin-top:2px}input[type=range]{width:100%;height:4px;-webkit-appearance:none;background:var(--border2);border-radius:2px;outline:none;cursor:pointer}input[type=range].bl::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid var(--bg1)}input[type=range].gn::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid var(--bg1)}input[type=range].or::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--orange);border:2px solid var(--bg1)}.rbar{background:#1a2a44;border:1px solid var(--border-blue);border-radius:10px;padding:10px 14px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.rbi{text-align:center}.rbi+.rbi{border-left:1px solid var(--border2)}.rbl{font-size:9px;color:var(--text4);margin-bottom:2px}.rbv{font-size:15px;font-weight:700;color:var(--text0)}.mpills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:11px}.mp{padding:3px 7px;border-radius:5px;cursor:pointer;font-size:9px;font-weight:700;background:var(--bg1);color:var(--text4);border:1px solid var(--border2);transition:all .15s}.mp.on{background:var(--border-blue);color:var(--blue);border-color:#2d5a8f}.prow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-bottom:11px}.pb{padding:6px 4px;border-radius:6px;cursor:pointer;border:1px solid var(--border2);background:var(--bg1);text-align:center;font-size:9px;font-weight:700;color:var(--text3);transition:all .2s}.pb:hover{border-color:#2d5a8f;color:var(--blue);background:#1a2a44}.recogrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.reco{background:var(--bg3);border:1px solid var(--border);border-left:3px solid;border-radius:0 8px 8px 0;padding:8px 10px}.reco h4{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.reco p{font-size:10px;color:var(--text3);line-height:1.55}.flow-bar-wrap{margin-bottom:8px}.flow-bar-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:3px;color:var(--text2)}.flow-bar-bg{background:var(--bg2);border-radius:3px;height:8px;overflow:hidden}.flow-bar-fill{height:100%;border-radius:3px;transition:width .6s}.ig-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.ig-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px;text-align:center}.ig-card .il{font-size:9px;color:var(--text4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.ig-card .iv{font-size:20px;font-weight:700}.ig-card .is{font-size:10px;margin-top:3px;color:var(--text4)}.ig-header{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:14px;margin-bottom:12px}.rec-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.rec-ch{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.rec-ch h4{font-size:10px;font-weight:700;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid var(--border2)}.rec-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--bg1);font-size:10px}.rec-row:last-child{border-bottom:none}.rec-row .rm{color:var(--text3)}.rec-row .rv{font-weight:700;color:var(--text0)}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-group{margin-bottom:10px}.form-label{font-size:10px;color:var(--text4);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;display:block}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg1);border:1px solid var(--border2);border-radius:6px;padding:7px 10px;color:var(--text1);font-size:12px;font-family:inherit;outline:none;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue)}.form-textarea{resize:vertical;min-height:70px}.btn{padding:7px 14px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;border:none;transition:all .15s}.btn-blue{background:#1e3a5f;color:var(--blue);border:1px solid #2d5a8f}.btn-blue:hover{background:#2d5a8f}.btn-green{background:var(--border-green);color:var(--green);border:1px solid #0a6640}.btn-green:hover{background:#0a5c38}.btn-red{background:var(--border-red);color:var(--red);border:1px solid #7a2020}.btn-red:hover{background:#6b1a1a}.login-wrap{min-height:100vh;background:var(--bg0);display:flex;align-items:center;justify-content:center}.login-box{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:32px;width:340px}.login-logo{text-align:center;margin-bottom:24px}.login-logo h1{font-size:18px;font-weight:700;color:var(--text0)}.login-logo p{font-size:11px;color:var(--text4);margin-top:4px}.login-error{background:var(--border-red);color:var(--red);padding:8px 12px;border-radius:6px;font-size:11px;margin-bottom:12px}.login-btn{width:100%;padding:10px;background:var(--border-blue);border:1px solid #2d5a8f;border-radius:6px;color:var(--blue);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;margin-top:4px}.login-btn:hover{background:#2d5a8f}.login-btn:disabled{opacity:.5;cursor:not-allowed}.g{color:var(--green)!important}.b{color:var(--blue)!important}.o{color:var(--orange)!important}.r{color:var(--red)!important}.y{color:var(--yellow)!important}.pur{color:var(--purple)!important}.pi{color:var(--pink)!important}.muted{color:var(--text4)}.section-title{font-size:9px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;margin-top:14px}.section-title:first-child{margin-top:0}.divider{border:none;border-top:1px solid var(--border2);margin:14px 0}