*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#24324a;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:linear-gradient(180deg,#0d2f57,#174f77);color:white;position:fixed;inset:0 auto 0 0;z-index:1000}.sidebar-brand{height:72px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #ffffff22}.sidebar-brand small{display:block;color:#b9d8ee}.brand-mini,.logo-mark{display:grid;place-items:center;background:linear-gradient(135deg,#f3b638,#ffdf82);color:#173556;font-weight:800;border-radius:12px}.brand-mini{width:40px;height:40px}.logo-mark{width:74px;height:74px;font-size:26px;margin-bottom:22px}.nav-scroll{height:calc(100vh - 72px);overflow:auto;padding:12px}.nav-group-btn{border:0;background:transparent;color:#d9eaf6;width:100%;display:flex;justify-content:space-between;padding:9px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.nav-link{color:#e7f2fa!important;border-radius:10px;padding:9px 11px;margin:2px 0;display:flex;gap:10px;align-items:center;font-size:13px}.nav-link i{width:18px;text-align:center}.nav-link:hover,.nav-link.active{background:#ffffff1f;color:#fff!important}.main{margin-left:255px;width:calc(100% - 255px);min-height:100vh}.topbar{height:72px;background:white;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:500}.content{padding:24px}.footer{padding:18px 24px;color:#718096;font-size:12px}.kpi-card{border:0;border-radius:16px;box-shadow:0 6px 22px #253b5610;overflow:hidden}.kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:18px}.c1{background:#e8f3ff;color:#1971c2}.c2{background:#e9fbf1;color:#168a4f}.c3{background:#fff5dc;color:#ad7500}.c4{background:#f2ebff;color:#6f42c1}.c5{background:#ffecec;color:#c92a2a}.c6{background:#e6fbfb;color:#0b7285}.panel{border:0;border-radius:16px;box-shadow:0 5px 20px #21344d0d}.table thead th{font-size:12px;text-transform:uppercase;color:#66758a;background:#f8fafc}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.login-bg{background:radial-gradient(circle at top right,#dff3ff,#eef4f9 45%,#dce7ef)}.login-card{max-width:980px;margin:auto}.brand-panel{background:linear-gradient(135deg,#0b315d,#1d7191);color:white;min-height:520px;display:flex;flex-direction:column;justify-content:center}.btn-primary{background:#1675a8;border-color:#1675a8}.module-hero{background:linear-gradient(120deg,#fff,#eef8ff);border-radius:16px;padding:20px;border:1px solid #e8eef5}.form-control,.form-select{border-radius:10px}.quick-action{border:1px solid #e4ebf2;background:#fff;border-radius:12px;padding:13px;text-decoration:none;color:#28415e;display:block}.quick-action:hover{border-color:#a8cae0;background:#f8fcff}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.content{padding:15px}}