: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}.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}:root{--background:#eef4fb;--foreground:#0b1727;--muted:#64748b;--card:#ffffffeb;--border:#d8e2ef;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#dbeafe;--accent:#06b6d4;--accent-soft:#cffafe;--purple:#7c3aed;--orange:#f97316;--danger:#dc2626;--success:#059669}body{background:radial-gradient(circle at top left, #2563eb29, transparent 34rem), radial-gradient(circle at top right, #06b6d424, transparent 30rem), linear-gradient(180deg, #f8fbff 0%, var(--background) 100%)}.sidebar{background:linear-gradient(#0f172a 0%,#172554 52%,#0f172a 100%);box-shadow:12px 0 35px #0f172a29}.sidebar h1{letter-spacing:-.04em}.nav-link{border:1px solid #0000;align-items:center;gap:10px;transition:all .15s;display:flex}.nav-link.active{background:linear-gradient(135deg,#2563eb6b,#06b6d447);border-color:#ffffff2e;box-shadow:0 12px 28px #0000002e}.nav-link:hover{background:#ffffff1f;transform:translate(2px)}.content-area{padding:32px}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #94a3b847;box-shadow:0 18px 45px #0f172a14}.panel,.filter-panel{border-radius:24px}.page-header{border-radius:28px}.hero-header{background:linear-gradient(135deg,#2563eb1f,#06b6d41a),#ffffffad;border:1px solid #94a3b83d;padding:28px;box-shadow:0 18px 45px #0f172a12}.eyebrow{letter-spacing:.11em;text-transform:uppercase;font-size:13px;font-weight:800;color:var(--primary)!important;margin:0 0 8px!important}.primary-btn,.secondary-btn,.danger-btn{border-radius:14px;padding:11px 16px;transition:transform .14s,box-shadow .14s,background .14s,opacity .14s}.primary-btn{background:linear-gradient(135deg, var(--primary), #4f46e5);box-shadow:0 10px 22px #2563eb3d}.primary-btn:hover{background:linear-gradient(135deg, var(--primary-dark), #4338ca);transform:translateY(-1px);box-shadow:0 14px 28px #2563eb4d}.secondary-btn{color:#1e3a8a;background:linear-gradient(135deg,#e0f2fe,#eef2ff);border:1px solid #bfdbfe}.secondary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1f}.danger-btn{color:var(--danger);background:linear-gradient(135deg,#fee2e2,#fff1f2);border:1px solid #fecaca}.glossy-btn{min-width:140px}input,select,textarea{background:#f8fbffe6;border-color:#cbd5e1;transition:border-color .14s,box-shadow .14s,background .14s}input:focus,select:focus,textarea:focus{background:#fff;border-color:#60a5fa;outline:none;box-shadow:0 0 0 4px #60a5fa33}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(135deg,#2563eb24,#06b6d41a);border-radius:999px;width:90px;height:90px;position:absolute;top:-26px;right:-26px}.badge{background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #bfdbfe}.badge.success{background:linear-gradient(135deg,#ecfdf3,#d1fae5);border-color:#a7f3d0}.badge.danger{background:linear-gradient(135deg,#fff1f2,#fee2e2);border-color:#fecaca}.data-table th{color:#334155;background:#f8fafc}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:#dbeafe57}.report-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.report-tab{color:#334155;cursor:pointer;background:#ffffffd6;border:1px solid #cbd5e1;border-radius:999px;padding:10px 14px;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s}.report-tab:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1a}.report-tab.active{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-color:#0000;box-shadow:0 14px 28px #2563eb38}.table-title-row{justify-content:space-between;align-items:start;gap:18px;margin-bottom:14px;display:flex}.table-title-row h2{margin:0 0 6px}.table-title-row p{color:var(--muted);margin:0}.polished-table-card{overflow:hidden}.report-table td{white-space:nowrap;text-overflow:ellipsis;max-width:420px;overflow:hidden}@media (max-width:850px){.content-area{padding:18px}.hero-header{padding:20px}}