:root{--brand:#5b6ee1;--surface:#fff;--soft:#f5f7fb;--line:#dfe4ef}
body{background:var(--soft);letter-spacing:0}
.auth-bg{background:linear-gradient(135deg,#eef3ff,#f8fafc)}
.login-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:2rem}
.brand-mark{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#e9edff;color:var(--brand);font-size:1.4rem}
.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{background:var(--surface);position:sticky;top:0;height:100vh}
.sidebar .nav-link{display:flex;gap:.75rem;align-items:center;color:var(--bs-body-color);border-radius:8px}
.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#eef1ff;color:var(--brand)}
.main-area{min-width:0}.topbar{height:64px;background:var(--surface);display:flex;align-items:center;gap:1rem;padding:0 1rem;position:sticky;top:0;z-index:5}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.panel,.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem}
.metric{display:grid;gap:.25rem;min-height:112px}.metric i{color:var(--brand);font-size:1.25rem}.metric span{color:var(--bs-secondary-color);font-size:.9rem}.metric strong{font-size:1.4rem}.small-metric{min-height:84px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.span-2{grid-column:1/-1}
.filters{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:.75rem;align-items:end}.summary-strip{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.summary-strip span{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.5rem .75rem}
.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.details span{display:block;color:var(--bs-secondary-color);font-size:.85rem}.details strong{display:block}
.empty{color:var(--bs-secondary-color);margin:0}.action-cell{white-space:nowrap}
[data-bs-theme=dark]{--surface:#161b22;--soft:#0d1117;--line:#30363d}.table-danger{--bs-table-bg:#ffe2e2}
[data-bs-theme=dark] .sidebar .nav-link.active,[data-bs-theme=dark] .sidebar .nav-link:hover{background:#222a44;color:#a9b6ff}
[data-bs-theme=dark] .table-danger{--bs-table-bg:#4a2024;--bs-table-color:#fff}
.btn:focus,.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(91,110,225,.25)}
@media (max-width: 991px){.app-shell{display:block}.sidebar{display:none}.form-grid,.details{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.topbar{height:auto;padding:.75rem}}