:root{--gvs-red:#d91a2a;--gvs-red-hover:#b91524;--gvs-red-active:#980f1c;--gvs-red-subtle:#d91a2a14;--gvs-red-glow:#d91a2a40;--gvs-gold:#d99b00;--gvs-gold-hover:#b38000;--gvs-gold-bright:#ffd800;--gvs-gold-subtle:#d99b001a;--gvs-gold-glow:#ffd80040;--gvs-black:#0f172a;--font-sans:"Plus Jakarta Sans", "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--bg-canvas:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-subtle:#f1f5f9;--bg-hover:#e2e8f0;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#d91a2a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--color-success:#10b981;--color-success-bg:#10b9811a;--color-success-border:#10b98140;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b40;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-danger-border:#ef444440;--color-info:#2563eb;--color-info-bg:#2563eb1a;--color-info-border:#2563eb40;--code-bg:#0f172a;--code-text:#e2e8f0;--code-header-bg:#1e293b;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 2px 4px 0 #0000000f;--shadow-md:0 4px 12px -2px #00000014, 0 2px 6px -1px #0000000a;--shadow-lg:0 10px 25px -3px #0000001a, 0 4px 10px -2px #0000000d;--shadow-xl:0 20px 35px -5px #0000001f, 0 10px 15px -5px #0000000a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=dark]{--bg-canvas:#0b0f19;--bg-surface:#131b2e;--bg-surface-elevated:#1a243b;--bg-subtle:#172033;--bg-hover:#1e2a44;--border-subtle:#1e293b;--border-strong:#334155;--border-focus:#ff4d61;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0b0f19;--gvs-red:#ff4d61;--gvs-red-hover:#ff334b;--gvs-red-active:#e61e34;--gvs-red-subtle:#ff4d611f;--gvs-red-glow:#ff4d6159;--gvs-gold:#ffd800;--gvs-gold-hover:#e5c200;--gvs-gold-bright:#ffe640;--gvs-gold-subtle:#ffd8001f;--gvs-gold-glow:#ffd80059;--color-success:#34d399;--color-success-bg:#34d3991f;--color-success-border:#34d3994d;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-warning-border:#fbbf244d;--color-danger:#f87171;--color-danger-bg:#f871711f;--color-danger-border:#f871714d;--color-info:#60a5fa;--color-info-bg:#60a5fa1f;--color-info-border:#60a5fa4d;--code-bg:#070a11;--code-text:#f1f5f9;--code-header-bg:#0d1322;--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 2px 4px 0 #00000080;--shadow-md:0 4px 12px -2px #0009;--shadow-lg:0 10px 25px -3px #000000b3;--shadow-xl:0 20px 35px -5px #000c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:16px}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}p{color:var(--text-secondary)}a{color:var(--gvs-red);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--gvs-red-hover)}code,pre,kbd{font-family:var(--font-mono)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px var(--gvs-red-glow)}.btn-primary{background:linear-gradient(135deg, var(--gvs-red), var(--gvs-red-hover));color:#fff;box-shadow:0 2px 8px var(--gvs-red-glow)}.btn-primary:hover{background:linear-gradient(135deg, var(--gvs-red-hover), var(--gvs-red-active));box-shadow:0 4px 14px var(--gvs-red-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--gvs-red);color:var(--gvs-red)}.btn-gold{background:linear-gradient(135deg, var(--gvs-gold), var(--gvs-gold-hover));color:#0f172a;box-shadow:0 2px 8px var(--gvs-gold-glow);font-weight:700}.btn-gold:hover{box-shadow:0 4px 14px var(--gvs-gold-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.btn-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover{background-color:var(--color-danger);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:.875rem 1.75rem;font-size:1.0625rem}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:1.5rem}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-red{background-color:var(--gvs-red-subtle);color:var(--gvs-red);border:1px solid #d91a2a33}.badge-gold{background-color:var(--gvs-gold-subtle);color:var(--gvs-gold);border:1px solid #d99b0040}.badge-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.form-group{text-align:left;flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.input,.select,.textarea{width:100%;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:.625rem .875rem;font-size:.9375rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--gvs-red);box-shadow:0 0 0 3px var(--gvs-red-glow)}.input::placeholder{color:var(--text-muted)}.table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.table th{background-color:var(--bg-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);padding:.875rem 1rem;font-size:.8125rem;font-weight:700}.table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:.875rem 1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--bg-subtle)}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;padding:1rem;font-size:.9375rem;line-height:1.4;display:flex}.alert-warning{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--text-primary)}.alert-danger{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--text-primary)}.alert-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--text-primary)}.alert-info{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--text-primary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--gvs-red-glow)}50%{box-shadow:0 0 0 10px #d91a2a00}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-pulse-glow{animation:2.5s infinite pulseGlow}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-backdrop,.login-backdrop{z-index:99999!important;-webkit-backdrop-filter:blur(8px)!important;box-sizing:border-box!important;background-color:#0b0f19c7!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:1.25rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal-box,.login-card{border-radius:var(--radius-xl)!important;z-index:100000!important;box-sizing:border-box!important;width:100%!important;max-width:560px!important;max-height:calc(100vh - 3rem)!important;margin:auto!important;position:relative!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #0009!important}.modal-box-large{width:100%!important;max-width:860px!important}.modal-header{border-bottom:1px solid var(--border-subtle)!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;padding-bottom:1rem!important;display:flex!important}.modal-title-row{align-items:center!important;gap:.75rem!important;display:flex!important}.modal-title{color:var(--text-primary)!important;margin:0!important;font-size:1.15rem!important;font-weight:700!important}.modal-footer{border-top:1px solid var(--border-subtle)!important;justify-content:flex-end!important;align-items:center!important;gap:.75rem!important;padding-top:1rem!important;display:flex!important}table,.table{text-align:left;background-color:var(--bg-surface);font-size:.875rem;border-collapse:separate!important;border-spacing:0!important;width:100%!important}table th,.table th{background-color:var(--bg-subtle)!important;color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:2px solid var(--border-subtle)!important;white-space:nowrap!important;vertical-align:middle!important;padding:.875rem 1.125rem!important;font-size:.75rem!important;font-weight:700!important}table td,.table td{color:var(--text-primary);font-size:.875rem;border-bottom:1px solid var(--border-subtle)!important;vertical-align:middle!important;padding:.875rem 1.125rem!important}table tbody tr:last-child td,.table tbody tr:last-child td{border-bottom:none!important}table tbody tr:hover td,.table tbody tr:hover td{background-color:var(--bg-hover)!important}.table-container,.overflow-x-auto,.responsive-table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-surface);-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.badge-secondary{background-color:var(--bg-subtle)!important;color:var(--text-secondary)!important;border:1px solid var(--border-subtle)!important}.bg-gold-subtle{background-color:var(--gvs-gold-subtle)!important}.bg-red-subtle,.bg-danger-subtle{background-color:var(--gvs-red-subtle)!important}.bg-success-subtle{background-color:var(--color-success-bg)!important}.bg-warning-subtle{background-color:var(--color-warning-bg)!important}.bg-info-subtle{background-color:var(--color-info-bg)!important}.bg-card-header{background-color:var(--bg-subtle)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.font-mono{font-family:var(--font-mono)!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-gold{color:var(--gvs-gold)!important}.text-red{color:var(--gvs-red)!important}.text-success{color:var(--color-success)!important}.text-info{color:var(--color-info)!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.w-full{width:100%!important}.max-w-md{max-width:28rem!important}.border-b{border-bottom:1px solid var(--border-subtle)!important}.border-t{border-top:1px solid var(--border-subtle)!important}.border-border{border-color:var(--border-subtle)!important}.overflow-hidden{overflow:hidden!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.md\:col-span-2{grid-column:span 2/span 2!important}.md\:col-span-3{grid-column:span 3/span 3!important}}.metric-card-interactive{transition:all var(--transition-fast) ease-in-out;cursor:pointer;flex-direction:column;justify-content:space-between;display:flex;position:relative}.metric-card-interactive:hover{border-color:var(--gvs-red);box-shadow:0 8px 24px var(--gvs-red-glow);transform:translateY(-3px)}.metric-card-interactive:active{transform:translateY(-1px)}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.items-baseline{align-items:baseline!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-none{flex:none!important}.flex-shrink-0{flex-shrink:0!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.mb-8{margin-bottom:2rem!important}.mt-8{margin-top:2rem!important}.pb-4{padding-bottom:1rem!important}.pt-4{padding-top:1rem!important}@media (width>=640px){.sm\:flex-row{flex-direction:row!important}.sm\:flex-col{flex-direction:column!important}.sm\:items-center{align-items:center!important}.sm\:justify-between{justify-content:space-between!important}}@media (width>=768px){.md\:flex-row{flex-direction:row!important}.md\:flex-col{flex-direction:column!important}.md\:items-center{align-items:center!important}.md\:justify-between{justify-content:space-between!important}.md\:gap-6{gap:1.5rem!important}}@media (width>=1024px){.lg\:flex-row{flex-direction:row!important}.lg\:flex-col{flex-direction:column!important}.lg\:items-center{align-items:center!important}.lg\:justify-between{justify-content:space-between!important}}.reports-view-root,.grades-view-root{min-height:calc(100vh - 120px);padding-top:1.75rem;padding-bottom:4rem}.view-nav-bar{align-items:center;margin-bottom:1.25rem;display:flex}.back-link-btn{border-radius:var(--radius-md);color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-xs);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.back-link-btn:hover{background-color:var(--bg-subtle);color:var(--gvs-red);border-color:var(--gvs-red-glow);box-shadow:var(--shadow-sm);transform:translate(-3px)}.back-link-btn:active{transform:translate(0)}.page-header-row{flex-direction:column;gap:1.25rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex}@media (width>=860px){.page-header-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}}.page-header-info{flex-direction:column;flex:1;gap:.5rem;max-width:820px;display:flex}.page-header-badges{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.375rem;display:flex}.page-header-title{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:800;line-height:1.25;display:flex}.page-header-subtitle{color:var(--text-secondary);margin-top:.125rem;font-size:.9375rem;line-height:1.5}.page-header-actions{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:.875rem;padding-top:.25rem;display:flex}.filter-card-section{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem 1.75rem}.filter-grid{grid-template-columns:1fr;align-items:flex-end;gap:1.25rem;display:grid}@media (width>=768px){.filter-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid-2-1{grid-template-columns:1fr 2fr}}.filter-item{flex-direction:column;gap:.5rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:700}.stats-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:2.25rem;display:grid}@media (width>=640px){.stats-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.stats-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-metric-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:1.25rem;display:flex}.stat-metric-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.75rem;font-weight:700}.stat-metric-value{font-size:1.75rem;font-weight:800;line-height:1.2}.stat-metric-helper{color:var(--text-muted);font-size:.75rem}