:root{--blue:#0d6efd;--dark:#111827;--side:#0f172a;--muted:#64748b;--bg:#f3f6fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#172033}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#0f172a,#111827);color:#fff;position:fixed;height:100vh;left:0;top:0}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 24px;font-weight:800;font-size:21px;border-bottom:1px solid rgba(255,255,255,.08)}.brand i{background:#0d6efd;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.sidebar nav{padding:16px 12px}.sidebar a{display:flex;align-items:center;gap:12px;color:#dbeafe;text-decoration:none;padding:13px 16px;border-radius:12px;margin:4px 0;font-weight:600}.sidebar a:hover{background:rgba(255,255,255,.10);color:#fff}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.topbar h1{font-size:22px;margin:0;font-weight:800}.topbar small{color:var(--muted)}.content{padding:28px}.cardx{background:#fff;border:0;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.07);padding:22px}.stat{position:relative;overflow:hidden;color:#fff;min-height:128px}.stat .icon{position:absolute;right:22px;bottom:18px;font-size:58px;opacity:.25}.stat h3{font-size:34px;font-weight:900;margin:8px 0 0}.stat p{margin:0;font-weight:700;opacity:.9}.bg1{background:linear-gradient(135deg,#198754,#20c997)}.bg2{background:linear-gradient(135deg,#dc3545,#fd7e14)}.bg3{background:linear-gradient(135deg,#0d6efd,#6610f2)}.bg4{background:linear-gradient(135deg,#f59f00,#ffc107)}.btn-icon{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.badge-soft{padding:7px 11px;border-radius:999px;font-weight:800}.soft-ok{background:#dcfce7;color:#166534}.soft-bad{background:#fee2e2;color:#991b1b}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#0d6efd)}.login-card{width:min(420px,92vw);background:#fff;border-radius:24px;padding:34px;box-shadow:0 20px 70px rgba(0,0,0,.25)}@media(max-width:900px){.sidebar{width:78px}.brand span,.sidebar a:not(i){font-size:0}.sidebar a{justify-content:center}.main{margin-left:78px;width:calc(100% - 78px)}}
.sidebar a.active{background:rgba(13,110,253,.35);color:#fff}.page-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px}.page-loader{min-height:260px;display:grid;place-items:center;gap:12px;color:#64748b;font-weight:800}.page-loader i{font-size:34px}.form-card{max-width:920px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-title .bubble{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e0edff;color:#0d6efd;font-size:22px}.btn-round{border-radius:12px;font-weight:800}.form-control,.form-select{border-radius:12px;min-height:44px}.content.loading{opacity:.9}