:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#14233c;background:#f3f6fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f3f6fc;font-size:14px}header{background:#101f39;color:#fff;padding:19px max(22px,calc((100vw - 1290px)/2));box-shadow:0 2px 14px #131d3214}header strong{font-size:19px;letter-spacing:-.4px}header span{font-size:13px}header nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:15px}header nav a{display:inline-block;text-decoration:none;font-size:13px;border-radius:9px;padding:9px 11px;color:#b9cbe4;margin:0;transition:background .15s}header nav a:hover{background:#263d5c;color:white}main{max-width:1290px;margin:30px auto;padding:0 22px}.card{background:white;border:1px solid #e1e7f1;border-radius:15px;padding:22px;margin:14px 0;box-shadow:0 5px 22px #172e490a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.cards .card{margin:0}.num{font-size:29px;font-weight:780;letter-spacing:-.9px;color:#132849}h1{font-size:28px;letter-spacing:-.8px;margin:0 0 8px}h2{font-size:17px;letter-spacing:-.25px;margin:0 0 15px}.muted,small{color:#78869e}.msg{padding:14px;border:1px solid #cbe8d9;background:#ebfaf1;border-radius:11px}.err{background:#fff0f0}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cfdae9;border-radius:9px;background:#fff;font:inherit}label{display:block;font-weight:650;margin:12px 0 5px}button,.action{display:inline-block;background:#345ce7;color:white;border:0;padding:10px 18px;border-radius:9px;font-weight:600;cursor:pointer;text-decoration:none;margin-top:12px}button:hover,.action:hover{background:#2448c2}a{color:#355ada}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #edf0f5}th{color:#73809b;font-size:11px;text-transform:uppercase;letter-spacing:.7px}tr:last-child td{border-bottom:0}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#7384a2;font-weight:800;margin-bottom:7px}.period{display:flex;gap:5px;background:#e7ecf5;border-radius:12px;padding:5px;flex-wrap:wrap}.period a{text-decoration:none;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:700;color:#62718e}.period a.active{background:#fff;color:#244ac8;box-shadow:0 2px 5px #0a173118}.kpi{position:relative;overflow:hidden;min-height:144px}.kpi-label{font-size:12px;color:#70809b;font-weight:650;margin-bottom:15px}.kpi:before{content:'';position:absolute;top:0;right:0;width:70px;height:70px;transform:translate(24px,-24px);border-radius:50%;background:#ecf1ff}.kpi-icon{position:absolute;top:20px;right:20px;background:#e9eefe;color:#4166d9;padding:9px;border-radius:10px;font-size:15px}.kpi-foot{font-size:11px;color:#8793a7;margin-top:10px}.panels{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px}.tag{display:inline-block;background:#eaf0ff;color:#3558cf;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.meter{height:8px;background:#ebeff7;border-radius:50px;overflow:hidden;margin-top:9px}.meter span{display:block;height:100%;background:linear-gradient(90deg,#4668f1,#30b6b0);border-radius:50px}.empty{text-align:center;padding:26px;color:#8996a9}.guide{display:flex;gap:10px;flex-wrap:wrap}.guide a{text-decoration:none;background:#edf2ff;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:700}.note{font-size:12px;color:#8290a8;line-height:1.6}@media(max-width:800px){.panels{grid-template-columns:1fr}.dash-head{align-items:stretch;flex-direction:column}main{padding:0 15px;margin-top:22px}header{padding:17px}header nav a{padding:9px 7px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.num{font-size:23px}}@media(max-width:410px){.cards{grid-template-columns:1fr}}

/* V3 responsive workspace shell */
:root{--nav:#111f39;--primary:#405de5;--paper:#fff;--canvas:#f3f6fb}
body{background:var(--canvas);min-height:100vh}
.sidebar{position:fixed;z-index:70;left:0;top:0;bottom:0;width:252px;background:linear-gradient(180deg,#0d1e38,#162946);color:#e9efff;display:flex;flex-direction:column;padding:25px 14px;box-shadow:4px 0 32px #0e203012}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:white!important;padding:5px 10px 30px;font-size:14px;letter-spacing:.3px;font-weight:800;line-height:1.4}
.brand small{display:block;font-size:10px;letter-spacing:1.4px;color:#8097bb;margin-top:3px}
.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#5169e9;border-radius:12px;font-size:24px}
.nav-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#738aaa;margin:0 14px 13px}
.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}
.side-link{color:#bbcae1!important;text-decoration:none!important;display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px;padding:12px 15px;border-radius:11px}
.side-link:hover,.side-link.selected{background:#2e4263;color:#fff!important}
.nav-icon{width:19px;text-align:center;color:#9ab0db;font-size:17px}
.sidebar-bottom{margin-top:auto;border-top:1px solid #34445f;padding:18px 12px 4px;display:flex;flex-direction:column;gap:9px;font-size:12px}
.sidebar-bottom a{color:#b9c8e8;text-decoration:none}.user-name{font-weight:700;color:#fff}.user-role{color:#8399b8;text-transform:capitalize;margin-bottom:6px}
.app-shell{margin-left:252px;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e4eaf4;min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:13px;font-weight:750;color:#32445f}
.topbar-right{color:#258a6d;font-size:12px}.app-main{max-width:1750px;margin:0 auto;padding:30px 35px 70px}
.card{box-shadow:0 6px 18px #1b325108;border-color:#e4e9f2;border-radius:16px}
.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.dash-head{margin-bottom:23px}.num{font-size:31px}
.menu-toggle{display:none;border:0;background:transparent;font-size:21px;padding:0;margin:0;color:#283959}
.list-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pill-green{display:inline-flex;background:#e9f9f2;color:#137458;border-radius:40px;padding:5px 10px;font-size:11px;font-weight:700}
.progress-row{background:#edf1f8;border-radius:15px;height:9px;overflow:hidden}.progress-row>span{display:block;background:linear-gradient(90deg,#4666e7,#27b6a8);height:100%;border-radius:15px}
.table-wrap{overflow:auto}.subtle{color:#8794a8;font-size:12px}
@media(max-width:1100px){.sidebar{width:218px}.app-shell{margin-left:218px}.app-main{padding:23px}.topbar{padding:0 24px}}
@media(max-width:760px){.sidebar{transform:translateX(-110%);transition:transform .2s;width:252px}.nav-open .sidebar{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle{display:block}.topbar{gap:14px;justify-content:flex-start}.topbar-right{margin-left:auto}.app-main{padding:20px 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.cards{grid-template-columns:1fr}.topbar-right{display:none}}