:root{--nav:#111b36;--ink:#172033;--muted:#718096;--bg:#f4f7fb;--blue:#4f6ef7;--green:#19b979;--orange:#f59e42;--red:#ef5261}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--nav);color:#fff;padding:25px 17px;display:flex;flex-direction:column;z-index:10}.brand{font-size:20px;font-weight:800;color:#fff;text-decoration:none;padding:0 12px 28px}.brand i{color:#6e8aff}.sidebar nav{display:grid;gap:5px}.sidebar nav a,.sidebar-user a{color:#aeb9d5;text-decoration:none;padding:11px 13px;border-radius:10px}.sidebar nav a i{margin-right:12px}.sidebar nav a:hover,.sidebar nav a.active{background:#253354;color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid #2d3854;padding:18px 10px 0}.sidebar-user small{color:#7f90b5}.sidebar-user a{display:block;padding-left:0}.workspace{margin-left:245px;padding:24px 30px;min-height:100vh}.topbar{display:flex;align-items:center;margin-bottom:24px}.topbar h1{font-weight:750;font-size:25px;margin:0}.topbar p{color:var(--muted);margin:2px 0 0}.filter-card,.panel{background:#fff;padding:18px;border-radius:16px;box-shadow:0 5px 24px rgba(31,45,75,.06);margin-bottom:20px}.filter-card label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.kpi{height:100%;padding:20px;color:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(30,40,80,.12)}.kpi.blue{background:linear-gradient(135deg,#4f6ef7,#7790ff)}.kpi.green{background:linear-gradient(135deg,#18af75,#42cf9a)}.kpi.orange{background:linear-gradient(135deg,#ef8d35,#ffb256)}.kpi.red{background:linear-gradient(135deg,#e94a5b,#ff7582)}.kpi.purple{background:linear-gradient(135deg,#7557e7,#9b83f7)}.kpi.dark{background:linear-gradient(135deg,#2d3b59,#536482)}.kpi small{opacity:.82;text-transform:uppercase;font-weight:700}.kpi strong{display:block;font-size:25px;margin-top:8px}.chart-wrap{height:310px}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111b36,#3152bd)}.login-card{width:min(420px,92vw);background:#fff;padding:38px;border-radius:20px;box-shadow:0 25px 80px #09122b77}.login-card h1{font-weight:800}.table{font-size:13px}.badge-risk{font-weight:700}.upload-zone{border:2px dashed #ccd5e4;border-radius:14px;padding:28px;text-align:center;background:#fafcff}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:15px 0 40px #09122b55}.sidebar.open{transform:none}.workspace{margin-left:0;padding:18px}.topbar{position:sticky;top:0;background:var(--bg);z-index:5;padding:8px 0}.filter-card{overflow-x:auto}.chart-wrap{height:270px}}
@media(max-width:575px){.workspace{padding:12px}.topbar h1{font-size:21px}.panel{padding:14px;border-radius:13px}.kpi strong{font-size:21px}.chart-wrap{height:235px}.filter-card>div{min-width:160px}.dt-layout-row{display:block!important}.dt-search{margin-bottom:10px}}