@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--secondary:#06b6d4;--accent:#f59e0b;--answer-a:#22c55e;--answer-b:#3b82f6;--answer-c:#ef4444;--answer-d:#f59e0b;--bg:#f1f5f9;--bg-card:#fff;--bg-hover:#f8fafc;--border:#e2e8f0;--border-focus:#6366f1;--text:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--sidebar-bg:#1e293b;--sidebar-text:#94a3b8;--sidebar-active:#6366f1;--topbar-bg:#fff;--topbar-border:#e2e8f0;--topbar-shadow:0 1px 3px #0000000f;--input-bg:#fff;--input-border:#cbd5e1;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001f;--theme-transition:background .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}.dark{--bg:#0f172a;--bg-card:#1e293b;--bg-hover:#263148;--border:#334155;--border-focus:#818cf8;--text:#f1f5f9;--text-muted:#94a3b8;--text-subtle:#64748b;--sidebar-bg:#0a111e;--sidebar-text:#7c8fa8;--sidebar-active:#818cf8;--topbar-bg:#1e293b;--topbar-border:#334155;--topbar-shadow:0 1px 3px #00000040;--input-bg:#0f172a;--input-border:#475569;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 40px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:var(--theme-transition);font-family:Inter,Plus Jakarta Sans,sans-serif;overflow-x:hidden}*,:before,:after{transition:background-color .3s,border-color .3s,color .3s}.no-theme-transition,.no-theme-transition *{transition:none!important}html{overflow-x:hidden}.sidebar{background:var(--sidebar-bg);z-index:50;flex-direction:column;flex-shrink:0;height:100%;transition:width .25s,min-width .25s;display:flex;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:24px 20px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:flex}.sidebar-logo-text{background:linear-gradient(135deg, #fff, var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-item{color:var(--sidebar-text);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#6366f126}.nav-item.active{color:#fff;border-left:3px solid var(--primary);background:linear-gradient(135deg,#6366f14d,#06b6d41a)}.nav-section-title{letter-spacing:.1em;text-transform:uppercase;color:#475569;padding:16px 14px 6px;font-size:10px;font-weight:600}.main-content{background:var(--bg);flex:1;min-width:0}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);box-shadow:var(--topbar-shadow);z-index:40;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.page-content{padding:28px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 24px #0000000f}.card-interactive:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 32px #6366f11f}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:20px 24px;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.stat-value{color:var(--text);font-size:28px;font-weight:800}.stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{padding:10px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text);font-size:13px;font-weight:600}.form-input{border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--text);border-radius:10px;outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11f}.form-select{border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:10px;outline:none;padding:11px 14px;font-size:14px}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#6366f11f}.badge-success{color:#16a34a;background:#22c55e1f}.badge-warning{color:#d97706;background:#f59e0b1f}.badge-danger{color:#dc2626;background:#ef44441f}.badge-info{color:#0891b2;background:#06b6d41f}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:20px;width:100%;max-width:560px;max-height:90vh;padding:32px;animation:.25s slideUp;overflow-y:auto;box-shadow:0 25px 60px #00000040}.table-container{border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--border);color:var(--text);padding:14px 16px;font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background:#6366f108}.answer-btn{color:#fff;cursor:pointer;aspect-ratio:1;border:none;border-radius:16px;justify-content:center;align-items:center;font-size:48px;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 24px #0003}.answer-btn:hover{transform:scale(1.05)}.answer-btn.A{background:linear-gradient(135deg,#22c55e,#16a34a)}.answer-btn.B{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.answer-btn.C{background:linear-gradient(135deg,#ef4444,#dc2626)}.answer-btn.D{background:linear-gradient(135deg,#f59e0b,#d97706)}.scanner-container{background:#000;border-radius:16px;position:relative;overflow:hidden}.scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-frame{border:3px solid var(--primary);border-radius:16px;width:200px;height:200px;animation:2s infinite pulse-border;box-shadow:0 0 0 9999px #00000080}.progress-bar{background:var(--border);border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.auth-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:440px;padding:48px 40px;box-shadow:0 32px 80px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-border{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 0 4px #6366f180}50%{box-shadow:0 0 0 9999px #00000080,0 0 0 8px #6366f133}}@keyframes bounce-in{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.3s fadeIn}.animate-slide-up{animation:.3s slideUp}.animate-slide-in{animation:.3s slideIn}.animate-bounce-in{animation:.4s bounce-in}.animate-spin-slow{animation:3s linear infinite spin-slow}@media (max-width:1023px){.sidebar{z-index:200;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0000004d;width:260px!important;min-width:260px!important;height:100vh!important;position:fixed!important}.sidebar.open{transform:translate(0)}.main-content{width:100%!important}#mobile-menu-btn{display:flex!important}.sidebar-collapse-btn{display:none!important}}@media (max-width:767px){.page-content{padding:14px}.topbar{padding:12px 16px}.auth-card{border-radius:18px;padding:28px 20px}.table-container{font-size:13px}th,td{padding:10px 12px}.stat-card{padding:16px}.stat-value{font-size:22px}.modal{border-radius:16px;max-height:95vh;padding:24px 18px}.card{padding:16px}.btn-lg{padding:12px 22px;font-size:15px}.answer-btn{font-size:32px}}@media (max-width:480px){.page-content{padding:10px}.topbar{padding:10px 12px}.topbar h2{font-size:14px!important}.card{border-radius:12px;padding:12px}.modal{padding:18px 14px}.stat-value{font-size:20px}.stat-icon{width:42px;height:42px;font-size:18px}.auth-card{padding:22px 16px}.btn{padding:9px 16px;font-size:13px}.answer-btn{font-size:26px}.btn-live-text{display:none}.btn-live-icon{display:inline!important}}@media (min-width:1280px){.page-content{padding:32px 36px}}.gradient-primary{background:linear-gradient(135deg, var(--primary), var(--secondary))}.gradient-success{background:linear-gradient(135deg,#22c55e,#06b6d4)}.gradient-warning{background:linear-gradient(135deg,#f59e0b,#ef4444)}.gradient-dark{background:linear-gradient(135deg,#1e293b,#0f172a)}.divider{background:var(--border);height:1px;margin:16px 0}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}