:root{--background:#f4f7fb;--foreground:#102033;--muted:#667085;--card:#fff;--border:#d7e0ea;--primary:#155eef;--primary-dark:#0f47b8;--danger:#b42318;--success:#067647}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--border);background:#f8fbff;border-radius:12px;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:88px}.page-shell{min-height:100vh;padding:32px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 35px #10203314}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:100%;max-width:420px;padding:28px}.login-title{margin:0 0 8px;font-size:28px}.login-subtitle{color:var(--muted);margin:0 0 24px}.form-stack{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.field{gap:6px;display:grid}.field label{font-size:14px;font-weight:700}.primary-btn,.secondary-btn,.danger-btn{cursor:pointer;border:0;border-radius:12px;padding:11px 15px;font-weight:700}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover{background:var(--primary-dark)}.secondary-btn{color:#17324d;background:#eaf0f7}.danger-btn{color:var(--danger);background:#fff1f0}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled{cursor:not-allowed;opacity:.65}.error-box{color:var(--danger);background:#fff4f2;border:1px solid #f3b8b3;border-radius:12px;padding:10px 12px}.success-box{color:var(--success);background:#ecfdf3;border:1px solid #a6f4c5;border-radius:12px;padding:10px 12px}.app-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;align-content:start;gap:28px;min-height:100vh;padding:24px;display:grid}.sidebar h1{margin:0;font-size:22px}.sidebar p{color:#cbd5e1;margin:8px 0 0}.sidebar nav{gap:8px;display:grid}.nav-link{color:#dbeafe;border-radius:12px;padding:11px 12px}.nav-link.active,.nav-link:hover{background:#ffffff1f}.content-area{padding:28px}.page-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px;display:flex}.page-header h1{margin:0 0 6px}.page-header p{color:var(--muted);margin:0}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.stat-card,.panel{padding:20px}.stat-card span{color:var(--muted);font-size:14px}.stat-card strong{margin-top:8px;font-size:32px;display:block}.two-column{grid-template-columns:1fr 1fr;gap:18px;display:grid}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.badge{color:#155eef;background:#eef4ff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.danger{color:var(--danger);background:#fff1f0}.badge.success{color:var(--success);background:#ecfdf3}.actions{flex-wrap:wrap;gap:8px;display:flex}.mt{margin-top:18px}@media (max-width:850px){.app-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.two-column{grid-template-columns:1fr}}.filter-panel{margin-bottom:18px;padding:18px}.filter-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filter-count{color:var(--muted);margin:8px 0 0;font-size:14px}