:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#122033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f3f6fb;--surface:#fff;--surface-alt:#f8fafc;--primary:#0f2747;--primary-soft:#173b66;--accent:#2563eb;--text:#122033;--text-muted:#64748b;--border:#d8e2ef;--success:#0f9d75;--warning:#c58221;--danger:#c94646;--info:#0b6bb8;--dark:#081426;--shadow:0 14px 34px #0f274714;--radius-lg:24px;--radius-md:20px;--radius-sm:14px;background:radial-gradient(circle at 0 0,#2563eb14,#0000 24%),linear-gradient(#f7f9fc 0%,#eef3f9 100%);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#eff6ff;background:linear-gradient(#ffffff0a,#0000 18%),linear-gradient(#081426 0%,#0f2747 100%);height:100vh;padding:28px 22px;position:sticky;top:0;overflow-y:auto}.brand-lockup{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-mark{background:linear-gradient(135deg,#2563eb,#0b6bb8);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 12px 22px #2563eb47}.brand-mark.large{border-radius:18px;width:64px;height:64px}.brand-lockup h2,.login-intro h1,.topbar h1,.card h3,.stat-card h3{margin:0}.eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.8rem}.sidebar .eyebrow{color:#e2e8f0b8}.nav-list{flex-direction:column;gap:8px;display:flex}.nav-link{color:#e2e8f0d1;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:background .2s,color .2s,transform .2s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1a;transform:translate(2px)}.main-shell{padding:22px 28px 28px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar-search{border:1px solid var(--border);min-width:280px;box-shadow:var(--shadow);background:#ffffffe6;border-radius:999px;align-items:center;gap:10px;padding:12px 14px;display:inline-flex}.topbar-search input{background:0 0;border:0;outline:0;width:100%}.icon-button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--primary);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.profile-chip{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-avatar,.stat-icon{width:44px;height:44px;color:var(--primary);background:#2563eb1f;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.profile-chip strong,.profile-chip span{display:block}.profile-chip span,.muted-text{color:var(--text-muted)}.page-content,.page-stack{flex-direction:column;gap:22px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stats-grid-compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid #d8e2efd9;padding:22px}.stat-card{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stat-card h3{margin-bottom:6px;font-size:1.6rem;line-height:1.2}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.chart-body{min-height:280px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.search-input{border:1px solid var(--border);background:var(--surface-alt);border-radius:14px;outline:none;flex:1;min-width:300px;padding:13px 14px}.filter-group{flex-wrap:wrap;gap:10px;display:flex}.filter-chip,.table-action{border:1px solid var(--border);color:var(--primary);background:0 0;border-radius:999px;padding:8px 12px}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.table-shell{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:900px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d8e2efcc;padding:14px 10px;font-size:.95rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.84rem;font-weight:600}.table-empty{text-align:center;color:var(--text-muted);padding:28px}.status-badge{border-radius:999px;align-items:center;padding:6px 10px;font-size:.84rem;font-weight:600;display:inline-flex}.status-badge.success{color:#0d7e5e;background:#0f9d7524}.status-badge.warning{color:#9a6314;background:#c5822126}.status-badge.danger{color:#af3131;background:#c9464624}.status-badge.info{color:#0b6bb8;background:#0b6bb824}.action-row{flex-wrap:wrap;gap:8px;display:flex}.login-shell{background:radial-gradient(circle at 100% 0,#2563eb24,#0000 28%),linear-gradient(135deg,#eef4fc 0%,#f8fbff 52%,#e9f0fa 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-panel{background:#fffffff0;border:1px solid #d8e2efe6;border-radius:28px;grid-template-columns:1.1fr .9fr;width:min(1080px,100%);display:grid;overflow:hidden;box-shadow:0 28px 70px #0f274724}.login-intro{background:linear-gradient(#2563eb14,#0000),linear-gradient(#f8fbff 0%,#eef4fb 100%);padding:48px}.login-intro h1{max-width:460px;margin-bottom:14px;font-size:2.35rem}.login-form{flex-direction:column;justify-content:center;gap:18px;padding:48px;display:flex}.login-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.login-notes>div{background:#ffffffdb;border:1px solid #d8e2efd9;border-radius:18px;padding:18px}.login-notes span,.info-row span,.toggle-item span{color:var(--text-muted);margin-bottom:6px;display:block}.input-field{flex-direction:column;gap:8px;display:flex}.input-wrap{border:1px solid var(--border);background:var(--surface-alt);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.input-wrap input,.input-field input{border:1px solid var(--border);background:var(--surface-alt);border-radius:14px;outline:none;width:100%;padding:13px 14px}.input-wrap input{background:0 0;border:0;padding:13px 0}.primary-button{color:#fff;background:linear-gradient(135deg,#173b66,#0f2747);border:0;border-radius:14px;padding:14px 18px;font-weight:600;box-shadow:0 16px 28px #0f274733}.form-error{color:var(--danger);margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-actions{justify-content:flex-end;display:flex}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tag-list{flex-wrap:wrap;gap:10px;display:flex}.info-tag{color:var(--primary);background:#2563eb1a;border-radius:999px;padding:10px 14px;font-weight:600;display:inline-flex}.toggle-list,.stack-list{flex-direction:column;gap:12px;display:flex}.toggle-item,.info-row{background:var(--surface-alt);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.toggle-item{text-align:left}.report-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.report-card{flex-direction:column;gap:18px;display:flex}@media (width<=1240px){.stats-grid,.charts-grid,.split-grid,.login-panel{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{flex-wrap:wrap}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.main-shell{padding:18px}}@media (width<=720px){.login-shell,.login-intro,.login-form{padding:22px}.form-grid,.login-notes{grid-template-columns:1fr}.search-input,.topbar-search{min-width:100%}}