:root{--bg-void:#080c14;--bg-deep:#0d1220;--bg-card:#161d2e;--bg-input:#0f1624;--border:#ffffff12;--cyan:#38bdf8;--amber:#f59e0b;--green:#10b981;--red:#f43f5e;--text:#f1f5f9;--muted:#94a3b8;--faint:#4b5563}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-void);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}.login-screen{background:radial-gradient(circle at 80% 20%,#38bdf81f,transparent 32%),var(--bg-void);grid-template-columns:minmax(360px,480px) 1fr;min-height:100vh;display:grid}.login-card{background:var(--bg-deep);border-right:1px solid var(--border);flex-direction:column;justify-content:center;padding:48px;display:flex}.brand,.sidebar-logo{align-items:center;gap:12px;display:flex}.logo{background:linear-gradient(135deg,var(--cyan),#0369a1);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid;box-shadow:0 0 18px #38bdf859}.brand strong,.logo-text{font-size:18px;font-weight:800}.brand span,.logo-text span,.topbar span,.user-card span,.list-row span,.card p{color:var(--muted);margin-top:2px;font-size:12px;display:block}.login-card h1{margin:36px 0 12px;font-size:32px;line-height:1.05}.login-card p{color:var(--muted);line-height:1.6}.login-card form{gap:10px;margin-top:28px;display:grid}.login-card input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:12px}.login-card button,.btn{background:var(--cyan);color:#00131f;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:800}.error{color:var(--red);font-size:12px}.login-panel{flex-direction:column;justify-content:center;max-width:760px;padding:80px;display:flex}.login-panel svg{color:var(--cyan);width:46px;height:46px}.login-panel h2{margin:22px 0 14px;font-size:52px;line-height:1}.login-panel p{color:var(--muted);font-size:18px;line-height:1.6}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-deep);border-right:1px solid var(--border);flex-direction:column;width:240px;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);height:72px;padding:0 20px}nav{flex:1;gap:3px;padding:14px 8px;display:grid}nav button{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}nav button.active,nav button:hover{color:var(--cyan);background:#38bdf81a}.user-card{border-top:1px solid var(--border);align-items:center;gap:10px;padding:14px;display:flex}.avatar{background:linear-gradient(135deg,var(--amber),#ea580c);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--bg-deep);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:64px;padding:0 24px;display:flex}.topbar h1{margin:0;font-size:17px}.topbar>div:first-child{flex:1}.search{border:1px solid var(--border);background:var(--bg-card);width:260px;height:36px;color:var(--faint);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0}.branch{background:var(--bg-card);border:1px solid var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.branch i{background:var(--green);border-radius:50%;width:7px;height:7px}.content{padding:24px;overflow:auto}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.kpi,.card,.ai-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.kpi:hover,.card:hover{border-color:#63b3ed40}.kpi-icon{border-radius:8px;place-items:center;width:38px;height:38px;margin-bottom:14px;display:grid}.kpi.cyan .kpi-icon{color:var(--cyan);background:#38bdf81f}.kpi.green .kpi-icon{color:var(--green);background:#10b9811f}.kpi.amber .kpi-icon{color:var(--amber);background:#f59e0b1f}.kpi.red .kpi-icon{color:var(--red);background:#f43f5e1f}.kpi strong{font-size:28px;display:block}.kpi span,.kpi small{color:var(--muted);margin-top:3px;display:block}.grid-2-1{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card h2,.ai-panel h2{margin:0 0 4px;font-size:16px}.progress{background:var(--bg-input);border-radius:999px;height:8px;margin:16px 0;overflow:hidden}.progress div{background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:999px;height:100%}.readiness{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.readiness span{background:var(--bg-input);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:9px;font-size:12px}.ai-panel{background:linear-gradient(135deg,#0e152ae6,#080c14e6);border-color:#38bdf833;line-height:1.55}.ai-orb{background:linear-gradient(135deg,var(--cyan),#0369a1);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:14px;display:grid}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;color:var(--faint);letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border);padding:10px;font-size:11px}td{color:var(--muted);border-bottom:1px solid #ffffff09;padding:12px 10px}td:first-child{color:var(--text);font-weight:700}.pill{border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.pill.done{color:var(--green);background:#10b9811f}.pill.waiting{color:var(--amber);background:#f59e0b1f}.list-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:12px 0;display:flex}.list-row svg{color:var(--cyan);flex:none}.list-row>div{flex:1}.timeline{border-bottom:1px solid #ffffff0a;gap:12px;padding:12px 0;display:flex}.timeline span{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 14px var(--cyan);border-radius:50%;margin-top:4px}.timeline strong{font-size:13px}.timeline p{color:var(--muted);margin:2px 0 0;font-size:12px}.hint{color:var(--faint);margin-top:12px;display:block}.loading{color:var(--muted)}@media (max-width:900px){.login-screen{grid-template-columns:1fr}.login-panel{display:none}.sidebar{width:76px}.logo-text,nav button span,.user-card div:not(.avatar){display:none}.topbar{gap:8px;padding:0 12px}.search{display:none}.kpi-grid,.grid-2,.grid-2-1{grid-template-columns:1fr}.content{padding:14px}.readiness{grid-template-columns:1fr 1fr}table{font-size:12px}}.list-row.clickable{cursor:pointer;border-radius:8px;padding:12px 8px}.list-row.clickable:hover{background:#38bdf814}.inline-form{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;gap:10px;margin:12px 0 16px;padding:14px;display:grid}.inline-form label{color:var(--muted);gap:6px;font-size:12px;display:grid}.inline-form input,.inline-form select,.inline-form textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#0b111d;border-radius:8px;padding:9px 10px}.inline-form textarea{resize:vertical;min-height:72px}.tabs-mini{gap:6px;display:flex}.tabs-mini button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 10px;font-weight:800}.tabs-mini button.active{color:var(--cyan);background:#38bdf81f;border-color:#38bdf859}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.btn-muted{background:var(--bg-card)!important;color:var(--muted)!important;border:1px solid var(--border)!important}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.row-actions button{background:var(--bg-input);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:7px;padding:6px 8px;font-weight:800}.row-actions button:hover{color:var(--cyan);border-color:#38bdf859}@media (max-width:900px){.form-grid{grid-template-columns:1fr}}.executive-dashboard{gap:20px;display:grid}.dash-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dash-stat{background:#111827;border:1px solid #94a3b824;border-top-width:2px;border-radius:13px;justify-content:space-between;align-items:center;min-height:112px;padding:20px 20px 18px;display:flex;box-shadow:0 14px 34px #0000002e}.dash-stat.blue{border-top-color:#2f86ff}.dash-stat.green{border-top-color:#10d3a0}.dash-stat.amber{border-top-color:#f6aa13}.dash-stat.purple{border-top-color:#7c4dff}.dash-stat span{text-transform:uppercase;letter-spacing:.06em;color:#8a96ad;margin-bottom:7px;font-size:12px;display:block}.dash-stat strong{color:#f3f7ff;letter-spacing:.02em;font-size:30px;font-weight:900;line-height:1;display:block}.dash-stat small{color:#8c98b3;margin-top:8px;font-size:12px;display:block}.dash-stat.green small,.dash-stat.blue small{color:#15c99b}.dash-stat em{background:#ffffff0b;border-radius:11px;place-items:center;width:42px;height:42px;font-size:19px;font-style:normal;display:grid}.dash-main-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.dash-panel{background:#111827;border:1px solid #94a3b824;border-radius:13px;padding:26px 26px 24px;position:relative;box-shadow:0 18px 45px #00000029}.dash-panel-title h2{color:#f4f7ff;margin:0;font-size:16px}.dash-panel-title p{color:#8b98b2;margin:6px 0 0;font-size:13px}.trend-panel{min-height:390px}.trend-bars{grid-template-columns:repeat(5,1fr);align-items:end;gap:6px;height:150px;margin-top:82px;display:grid}.trend-item{align-items:end;gap:7px;display:grid}.trend-item span{color:#9ba8c0;justify-self:center;font-size:11px}.trend-line{border-radius:999px;height:5px}.trend-line.blue{background:#2f86ff}.trend-line.green{background:#14c99a}.trend-line.amber{background:#f5a40c}.trend-item small{color:#65728b;justify-self:center;font-size:11px}.legend{color:#8f9ab1;gap:22px;margin-top:22px;font-size:12px;display:flex}.legend span{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.blue{background:#2f86ff}.dot.amber{background:#f5a40c}.dot.red{background:#ff4e4e}.activity-panel{min-height:390px}.activity-item{gap:16px;margin-top:28px;padding-left:2px;display:flex;position:relative}.activity-item:not(:last-child):after{content:"";background:#94a3b826;width:1px;height:26px;position:absolute;top:22px;left:10px}.activity-mark{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.activity-mark.green{color:#10d3a0;background:#10d3a02e}.activity-mark.amber{color:#f6aa13;background:#f6aa132e}.activity-mark.purple{color:#9b7cff;background:#7c4dff33}.activity-mark.blue{color:#2f86ff;background:#2f86ff2e}.activity-mark.red{color:#ff4e4e;background:#ff4e4e2e}.activity-item strong{color:#f0f4ff;font-size:14px;display:block}.activity-item small{color:#8794ad;margin-top:5px;font-size:12px;display:block}.department-panel{min-height:330px}.department-table{margin-top:26px}.department-table th{letter-spacing:.18em;color:#94a0b8;text-transform:uppercase;padding:13px 16px;font-size:11px}.department-table td{color:#f2f6ff;padding:14px 16px}.department-table td:first-child{font-weight:800}.dept-progress{vertical-align:middle;background:#172139;border-radius:999px;width:260px;height:6px;margin-right:10px;display:inline-block;overflow:hidden}.dept-progress .bar{border-radius:999px;height:100%;display:block}.dept-progress .green{background:#10d3a0}.dept-progress .amber{background:#f6aa13}.dept-progress .blue{background:#2f86ff}.dept-progress .red{background:#ff4e4e}.department-table b{color:#d9e2f6;font-size:12px}.status-chip{border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.status-chip.green{color:#10d3a0;background:#10d3a024}.status-chip.amber{color:#f6aa13;background:#f6aa1329}.status-chip.red{color:#ff4e4e;background:#ff4e4e29}@media (max-width:1100px){.dash-stat-grid,.dash-main-grid{grid-template-columns:1fr 1fr}.department-table{min-width:960px}.department-panel{overflow:auto}}@media (max-width:760px){.dash-stat-grid,.dash-main-grid{grid-template-columns:1fr}.trend-panel,.activity-panel{min-height:auto}.trend-bars{margin-top:42px}.dept-progress{width:140px}}.trend-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.month-filter{color:#eaf0ff;background:#0c1324;border:1px solid #94a3b838;border-radius:9px;min-width:132px;padding:10px 12px;font-size:13px;font-weight:700}.trend-item{appearance:none;text-align:initial;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0}.trend-item.active{background:#2f86ff14;outline:1px solid #2f86ff38;padding:8px}.trend-line.red{background:#ff4e4e}.trend-meta{color:#9aa7c0;flex-wrap:wrap;gap:10px;margin-top:18px;font-size:12px;display:flex}.trend-meta strong{color:#f3f7ff;margin-right:4px}.trend-meta span{background:#172139;border-radius:999px;padding:6px 10px}.dash-stat em{color:#dce7ff;letter-spacing:.02em;font-size:11px;font-weight:900}@media (max-width:760px){.trend-title{display:block}.month-filter{width:100%;margin-top:12px}.trend-meta span{width:100%}}.chart-wrap{height:190px;margin-top:44px}.management-row{grid-template-columns:auto 1fr auto}.management-row .row-actions{opacity:.92}.modal-backdrop{z-index:50;background:#030712b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#111827;border:1px solid #94a3b838;border-radius:14px;width:min(460px,100%);padding:24px;box-shadow:0 28px 80px #00000073}.modal-card h3{color:#f8fbff;margin:0 0 10px;font-size:18px}.modal-card p{color:#aab6cc;margin:0 0 20px;line-height:1.55}.card-head .row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:760px){.chart-wrap{height:220px;margin-top:28px}.management-row{grid-template-columns:auto 1fr}.management-row .row-actions{grid-column:2;justify-content:flex-start}}