:root{font-family:Manrope,Segoe UI,sans-serif;color:#0e1730;background:#f4f6fa;--bg: #f4f6fa;--surface: #ffffff;--line: #d9e1ec;--blue: #1f6fe0;--navy: #0f2148;--text: #101a33;--muted: #65748d;--danger: #b63d3d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,#f7f9ff,#f3f5fa 45%,#f1f3f8);color:var(--text)}a{color:inherit}.app-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:#f8fafc;display:flex;flex-direction:column;justify-content:space-between}.brand{height:90px;display:flex;align-items:center;gap:10px;padding:0 24px;border-bottom:1px solid var(--line);color:var(--blue)}.brand div:last-child{font-size:24px;line-height:1;color:#0f1b34;font-weight:800}.brand-mark{transform:translateY(-2px);font-size:28px}.menu-title{margin:30px 24px 14px;font-size:16px;color:#607089;font-weight:700;letter-spacing:.8px}.menu-list{padding:0 14px;display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:14px;text-decoration:none;color:#495b76;padding:14px;border-radius:14px;font-size:16px;font-weight:600}.menu-item.active{color:var(--blue);background:#dfe8f9}.menu-item.muted{opacity:.55}.profile-box{border-top:1px solid var(--line);padding:22px 24px}.profile-row{display:flex;gap:14px;align-items:center;margin-bottom:20px}.avatar-circle{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#8897af}.profile-name{font-size:22px;font-weight:700;text-transform:lowercase}.profile-role{font-size:15px;color:var(--muted);text-transform:capitalize}.signout{border:none;background:transparent;color:#f84a4a;font-size:16px;padding:0;cursor:pointer;font-weight:600}.main-area{padding:24px 28px 36px}.page-header h1{margin:0;font-size:22px;font-weight:700;color:#151f39}.page-header p{margin:8px 0 13px;color:#64748d;font-size:18px}.page-stack{display:flex;flex-direction:column;gap:20px}.cards-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(160px,1fr))}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 6px 18px #2a44690f;display:flex;justify-content:space-between;gap:12px;align-items:center}.stat-card h3{margin:0;color:#62728a;font-size:16px;font-weight:700}.stat-card p{margin:10px 0 0;font-size:36px;font-weight:800}.stat-card.danger{border-color:#f1c3c3}.stat-icon{width:52px;height:52px;border-radius:50%;background:#e9eff8;color:var(--blue);display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:900}.dashboard-grid{display:grid;gap:18px;grid-template-columns:2fr 1fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 18px #2a44690d;padding:18px 20px}.panel h2{margin:0 0 12px;font-size:22px}.danger-title{color:#8f2e2e}.table-panel{padding:0;overflow:hidden}.table-panel h2{padding:18px 20px;border-bottom:1px solid var(--line);margin:0}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid #e2e8f0;padding:12px 14px;text-align:left;font-size:14px}.data-table th{color:#5d6d85;font-weight:700}.empty-cell{text-align:center;color:#7b8799;padding:24px}.pill-warning,.pill-ok{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-weight:700}.pill-warning{background:#f5efc8;color:#a06d12}.pill-ok{background:#dff4e3;color:#2a8a3f}.form-panel{padding:24px}.warning-accent{border-left:6px solid #ff7a1b}.form-grid{display:grid;gap:16px;margin-bottom:20px}.form-grid.two-col{grid-template-columns:1fr 1fr}.form-grid.four-col{grid-template-columns:repeat(4,minmax(120px,1fr))}label{display:block;margin-bottom:8px;color:#3a4860;font-weight:700}input,select{width:100%;border:1px solid #d4dde9;border-radius:14px;padding:14px 16px;font-size:16px;color:#1e2b44;outline:none;background:#fff}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1f6fe01f}.btn-primary,.btn-dark{border:none;border-radius:12px;padding:12px 22px;color:#fff;cursor:pointer;font-weight:700;font-size:16px}.btn-primary{background:var(--blue)}.btn-dark{background:#0d1c3f}.btn-large{min-width:260px}.toggle-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:18px}.toggle-btn{border:1px solid #d5deea;border-radius:14px;background:#fff;color:#44546f;font-weight:700;font-size:18px;padding:14px;cursor:pointer}.toggle-btn.active{border-color:#2d7ef0;color:#1d57c9;background:#e9eff8}.form-error,.form-success{border-radius:12px;padding:10px 12px;margin-top:12px;font-size:14px}.form-error{background:#ffefef;color:#b13131;border:1px solid #f6caca}.form-success{background:#ebf8ef;color:#297f3d;border:1px solid #ccefd5}.callout{border-radius:16px;padding:16px 18px;border:1px solid}.callout.info{background:#e8f0ff;border-color:#c8daf9;color:#214ea4}.callout.warning{background:#fff2e8;border-color:#ffd8bd;color:#b14e1f}.callout strong{display:block;margin-bottom:6px;font-size:18px}.callout p{margin:0;font-size:16px;line-height:1.4}.filter-button-wrap{display:flex;align-items:end}.reports-top{grid-template-columns:repeat(3,minmax(160px,1fr))}.reports-filter-shell{padding:16px 18px}.reports-filter-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(120px,220px));align-items:end}.quick-range-row{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.quick-btn{border:1px solid #d7e1ee;background:#fff;color:#52617a;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}.quick-btn.active{border-color:#2d7ef0;background:#e8f0ff;color:#1a58c8}.reports-tab-row{display:flex;gap:10px;flex-wrap:wrap}.report-tab{border:1px solid #d7e1ee;border-radius:12px;background:#fff;color:#44546f;font-weight:700;padding:10px 14px;cursor:pointer}.report-tab.active{border-color:#2a7aeb;color:#1d5fd3;background:#e8f0ff}.loading-block,.loading-screen{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#5c6c84}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:520px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #2e426329}.login-top{padding:28px 28px 24px;background:#eff3fb;text-align:center}.login-logo{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;border:1px solid #d9e1ee;display:flex;justify-content:center;align-items:center;color:#2274e6;font-size:26px}.login-top h1{margin:0;font-size:38px}.login-top p{margin:8px 0 0;color:#6e7d92}.login-body{padding:24px 28px 28px}.login-body label{margin-top:8px}.login-body .btn-primary{width:100%;margin-top:16px}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;border-right:none;border-bottom:1px solid var(--line)}.dashboard-grid{grid-template-columns:1fr}.cards-grid,.reports-top{grid-template-columns:repeat(2,minmax(140px,1fr))}.form-grid.two-col,.form-grid.four-col,.reports-filter-grid{grid-template-columns:1fr}}@media(max-width:700px){.cards-grid,.reports-top{grid-template-columns:1fr}.main-area{padding:16px}.btn-large{width:100%}}