@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Inter:wght@100..900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-white:#fff;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-gold:#f59e0b;--accent-blue:#3b82f6;--accent-rose:#f43f5e;--color-positive:#10b981;--color-neutral:#f59e0b;--color-negative:#f43f5e;--bg-noir:#020617;--bg-glass:#0f172a99;--border-glass:#ffffff1a;--shadow-premium:0 25px 50px -12px #000000b3;--border-color:#ffffff1a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Outfit,sans-serif;overflow-x:hidden}.font-montserrat{font-family:Montserrat,sans-serif}.font-inter{font-family:Inter,sans-serif}.bg-industrial-grid{background-color:var(--bg-primary);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px}.bg-radial-glow{background:radial-gradient(circle,#2563eb26 0%,#0000 70%)}.text-gold{color:var(--accent-gold)}.bg-gold{background-color:var(--accent-gold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.w-full{width:100%}.max-w-7xl{width:100%;max-width:80rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-24{margin-bottom:6rem}.mt-12{margin-top:3rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.p-8{padding:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.italic{font-style:italic}.section-padding{padding-top:6rem;padding-bottom:6rem}@media (width>=1024px){.section-padding{padding-top:10rem;padding-bottom:10rem}}.glass-container{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d}.voting-btn{items-center:center;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:40px;flex-direction:column;justify-content:center;height:20rem;transition:all .2s;display:flex}.voting-btn:active{transform:scale(.92)}.voting-btn.positive:hover{border-color:var(--color-positive)}.voting-btn.neutral:hover{border-color:var(--color-neutral)}.voting-btn.negative:hover{border-color:var(--color-negative)}.pill{color:#64748b;text-transform:uppercase;letter-spacing:.1em;background:#f1f5f9;border-radius:9999px;padding:.5rem 1.5rem;font-size:.75rem;font-weight:800}.course-pill{white-space:nowrap;color:#94a3b8;cursor:pointer;background-color:#ffffff0d;border:2px solid #ffffff1a;border-radius:1rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:900;transition:all .2s}.course-pill.active{transform:translateY(-2px);color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important;box-shadow:0 10px 25px -5px #2563eb66!important}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}@keyframes pulseRing{0%{box-shadow:0 0 #f59e0b99}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.pending-dot{background-color:#f59e0b;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s ease-in-out infinite pulseDot,1.8s ease-in-out infinite pulseRing;display:inline-block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.bg-blue-600{background-color:#2563eb!important}.bg-blue-700{background-color:#1d4ed8!important}.text-noir{color:#020617!important}.bg-noir{background-color:#020617!important}.color-picker-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (width>=640px){.color-picker-grid{grid-template-columns:repeat(6,1fr)}}.color-picker-btn{aspect-ratio:1;cursor:pointer;border:4px solid #0000;border-radius:.75rem;width:100%;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.color-picker-btn:hover{transform:scale(1.05)}.color-picker-btn.active{border-color:#0f172a;outline:4px solid #f8fafc;transform:scale(1.1);box-shadow:0 20px 25px -5px #0000001a}.admin-tabs-container{border-bottom:2px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:0 1rem;display:flex}.admin-tab{color:#94a3b8;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:2px solid #0000;border-bottom:none;border-radius:1.5rem 1.5rem 0 0;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.85rem;font-weight:900;transition:all .2s;display:flex}.admin-tab:hover{color:#fff;background:#ffffff1a}.admin-tab.active{color:#0f172a;background:#fff;border-color:#fff;transform:translateY(2px)}.question-card{background:#fff;border:1px solid #0000000d;border-radius:2rem;max-width:800px;margin:0 auto 3rem;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040}.nav-container{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.5rem;width:100%;display:flex}.nav-group{background-color:#fff;border-radius:1.5rem;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.nav-btn{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:1.25rem;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:.8rem;font-weight:900;transition:all .2s;display:flex}.nav-btn:hover{color:#0f172a;background:#f1f5f9}.nav-btn.active{color:#fff;background:#0f172a;box-shadow:0 10px 15px -3px #0000001a}.nav-btn.primary{color:#fff;background:#0f172a}.nav-btn.primary:hover{background:#000;transform:translateY(-2px)}.nav-btn.danger{color:#f43f5e}.nav-btn.danger:hover{color:#e11d48;background:#fff1f2}.dashboard-header-grid{grid-template-columns:1fr;gap:2rem;padding:1rem;display:grid}@media (width>=768px){.dashboard-header-grid{grid-template-columns:minmax(180px,1fr) 2fr minmax(180px,1fr);align-items:center;gap:2.5rem;padding:1.5rem}}.btn-report{color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;white-space:nowrap;background:#0003;border:2px solid #ffffff4d;border-radius:1.5rem;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.75rem;font-weight:900;transition:all .2s;display:inline-flex}.btn-report:hover{background:#00000059;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid #0000000d;border-radius:2.5rem;width:100%;max-width:32rem;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080;background:#fff!important}.btn-primary{background:var(--accent-blue);color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border:none;border-radius:1.25rem;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 2rem;font-size:.75rem;font-weight:800;transition:all .2s;display:flex}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px -5px #2563eb66}.btn-secondary{color:#64748b;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:#f1f5f9;border:none;border-radius:1.25rem;padding:1.25rem 2rem;font-size:.75rem;font-weight:800;transition:all .2s}.btn-secondary:hover{color:#475569;background:#e2e8f0}.action-btn{border-radius:.75rem;padding:.5rem;transition:all .2s}.bg-emerald{color:#fff!important;background-color:#10b981!important}.bg-amber{color:#fff!important;background-color:#f59e0b!important}.bg-rose{color:#fff!important;background-color:#f43f5e!important}.bg-blue{color:#fff!important;background-color:#3b82f6!important}.bg-indigo{color:#fff!important;background-color:#6366f1!important}.bg-violet{color:#fff!important;background-color:#8b5cf6!important}.bg-cyan{color:#fff!important;background-color:#06b6d4!important}.bg-orange{color:#fff!important;background-color:#f97316!important}.bg-lime{color:#fff!important;background-color:#84cc16!important}.bg-fuchsia{color:#fff!important;background-color:#d946ef!important}.bg-pink{color:#fff!important;background-color:#ec4899!important}.bg-teal{color:#fff!important;background-color:#14b8a6!important}.bg-sky{color:#fff!important;background-color:#0ea5e9!important}.bg-slate{color:#fff!important;background-color:#64748b!important}.bg-yellow{color:#fff!important;background-color:#eab308!important}.bg-red{color:#fff!important;background-color:#ef4444!important}.bg-zinc{color:#fff!important;background-color:#71717a!important}.app-container{color:#fff;background:#050810;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;font-family:Roboto,sans-serif;display:flex}.header{background-color:#0d1117;border-bottom:1px solid #1c1f26;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.app-title{color:#fff;font-size:1.5rem;font-style:italic;font-weight:700}.school-name{color:#b0b3b8;font-size:.875rem}.header-right .control-button{color:#fff;background-color:#0000;border:1px solid #fff;border-radius:20px;padding:.5rem 1rem;font-weight:700;transition:all .3s}.header-right .control-button.selected{color:#000;background-color:#fff}.course-selection{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:.5rem;margin:1rem 0;display:grid}.course-button{text-transform:uppercase;color:#000;background-color:#fff;border:2px solid #ccc;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.course-button.selected{color:#fff;background-color:#007bff;border-color:#0056b3}.voting-section .vote-button{text-transform:uppercase;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:300px;height:80px;margin:1rem auto;font-size:1.5rem;font-weight:700;transition:all .3s;display:flex}.voting-section .vote-button.green{color:#fff;background-color:#28a745;box-shadow:0 0 15px 5px #28a74580}.voting-section .vote-button.yellow{color:#000;background-color:#ffc107;box-shadow:0 0 15px 5px #ffc10780}.voting-section .vote-button.red{color:#fff;background-color:#dc3545;box-shadow:0 0 15px 5px #dc354580}.footer{text-align:center;color:#b0b3b8;margin:1rem 0;font-size:.75rem}.results-screen{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.gauge-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.main-gauge{border:8px solid;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.main-gauge.gauge-green{border-color:#28a745;box-shadow:0 0 30px #28a74566}.main-gauge.gauge-yellow{border-color:#ffc107;box-shadow:0 0 30px #ffc10766}.main-gauge.gauge-red{border-color:#dc3545;box-shadow:0 0 30px #dc354566}.main-gauge.gauge-neutral{border-color:#64748b;box-shadow:0 0 20px #64748b59}.gauge-inner{flex-direction:column;align-items:center;display:flex}.gauge-value{color:#fff;font-size:2.5rem;font-weight:900}.gauge-label{color:#b0b3b8;letter-spacing:.1em;font-size:.75rem}.gauge-stats{gap:1.5rem;display:flex}.stat-box{background:#1c1f26;border-radius:12px;flex-direction:column;align-items:center;min-width:100px;padding:1rem 1.5rem;display:flex}.stat-value{color:#fff;font-size:1.5rem;font-weight:900}.stat-label{color:#b0b3b8;letter-spacing:.05em;margin-top:.25rem;font-size:.65rem}.text-green-400{color:#28a745}.text-yellow-400{color:#ffc107}.votes-distribution{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.vote-count{border-radius:12px;flex-direction:column;align-items:center;min-width:100px;padding:1rem 2rem;display:flex}.vote-count.green{background:#28a74533;border:2px solid #28a745}.vote-count.yellow{background:#ffc10733;border:2px solid #ffc107}.vote-count.red{background:#dc354533;border:2px solid #dc3545}.vote-count .count{font-size:2rem;font-weight:900}.vote-count.green .count{color:#28a745}.vote-count.yellow .count{color:#ffc107}.vote-count.red .count{color:#dc3545}.vote-count .label{color:#b0b3b8;letter-spacing:.1em;font-size:.65rem}.courses-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (width<=768px){.courses-grid{grid-template-columns:1fr}}.courses-column{background:#0d1117;border:1px solid #1c1f26;border-radius:16px;padding:1.5rem}.column-title{color:#fff;letter-spacing:.1em;border-bottom:1px solid #1c1f26;margin-bottom:1rem;padding-bottom:.75rem;font-size:.85rem;font-weight:900}.courses-list{flex-direction:column;gap:1rem;display:flex}.course-card{background:#1c1f26;border:1px solid #2d333b;border-radius:12px;padding:1rem;position:relative}.course-card.status-green{border-left:4px solid #28a745}.course-card.status-yellow{border-left:4px solid #ffc107}.course-card.status-red{border-left:4px solid #dc3545}.course-card.missing{opacity:.5;border-left:4px solid #4a5568}.course-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.course-name{color:#fff;font-size:1.25rem;font-weight:900}.alert-dot{border-radius:50%;width:12px;height:12px}.alert-dot.yellow{background:#ffc107;animation:2s infinite blink-yellow}.alert-dot.red{background:#dc3545;animation:.5s infinite blink-red}@keyframes blink-yellow{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink-red{0%,to{opacity:1}50%{opacity:.3}}.course-details{color:#8b949e;justify-content:space-between;margin-bottom:.75rem;font-size:.75rem;display:flex}.mini-gauge{background:#2d333b;border-radius:3px;height:6px;margin-bottom:.75rem;overflow:hidden}.gauge-fill{border-radius:3px;height:100%;transition:width .3s}.gauge-fill.green{background:#28a745}.gauge-fill.yellow{background:#ffc107}.gauge-fill.red{background:#dc3545}.vote-breakdown{gap:1rem;font-size:.75rem;font-weight:700;display:flex}.vote-breakdown .green{color:#28a745}.vote-breakdown .yellow{color:#ffc107}.vote-breakdown .red{color:#dc3545}.course-checkbox{color:#8b949e;cursor:pointer;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;display:flex}.course-checkbox input{cursor:pointer;width:16px;height:16px}.missing-icon{color:#4a5568}.results-footer{justify-content:center;padding:1rem 0;display:flex}.export-button{color:#fff;letter-spacing:.05em;cursor:pointer;background:#28a745;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:900;transition:all .3s;display:flex}.export-button:hover{background:#218838;box-shadow:0 0 20px #28a74566}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal{text-align:center;background:#0d1117;border:1px solid #1c1f26;border-radius:16px;width:90%;max-width:400px;padding:2rem}.export-modal h3{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:900}.export-modal p{color:#8b949e;margin-bottom:1.5rem}.export-options{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.export-option{cursor:pointer;color:#fff;background:#1c1f26;border:1px solid #2d333b;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.export-option:hover{background:#2d333b;border-color:#28a745}.close-modal{color:#8b949e;cursor:pointer;background:0 0;border:1px solid #2d333b;border-radius:8px;padding:.75rem 2rem;font-weight:600}.close-modal:hover{background:#1c1f26}