:root{--ink:#172033;--muted:#68738a;--line:#e4e8f1;--surface:#fff;--canvas:#f5f6fa;--primary:#5b5bd6;--primary-dark:#4545b9;--cyan:#20a7b8;--green:#20a66a;--amber:#e99b24;--danger:#d6455d;--radius:18px;--shadow:0 12px 35px rgba(29,38,68,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;line-height:1.05}h2{font-size:1.15rem}.brand{display:flex;align-items:center;gap:.7rem;font-size:1.3rem;font-weight:800;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--primary),#8b65e8);box-shadow:0 8px 20px rgba(91,91,214,.3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:12px;padding:.78rem 1.1rem;font-weight:750;text-decoration:none;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--primary);box-shadow:0 8px 20px rgba(91,91,214,.22)}.button.primary:hover{background:var(--primary-dark)}.button.secondary{color:var(--ink);background:#eef0f7;border:1px solid #dde1ec}.button.ghost{color:var(--muted);background:transparent}.button.large{padding:1rem 1.4rem}.button.small{padding:.58rem .8rem;font-size:.86rem}.danger-button{color:#fff;background:var(--danger)}label{display:grid;gap:.42rem;color:#465168;font-size:.88rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #dce1ec;border-radius:11px;padding:.78rem .9rem;color:var(--ink);background:#fff;outline:0;transition:.15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.12)}textarea{resize:vertical}.eyebrow{display:block;margin-bottom:.55rem;color:var(--primary);font-size:.78rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.alert{margin:0 0 1rem;padding:.9rem 1rem;border-radius:12px;font-weight:700}.alert.success{color:#176840;background:#dcf6e9}.alert.error{color:#9e2840;background:#fde5e9}.panel{padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel-header,.page-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-header{margin-bottom:1rem}.panel-header h2{margin-bottom:.25rem}.panel-header p,.page-heading p,.section-title p{margin-bottom:0;color:var(--muted)}.page-heading{margin-bottom:1.5rem}.page-heading h1{margin-bottom:.5rem;font-size:2.2rem}.admin-body{padding-left:260px}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;display:flex;flex-direction:column;width:260px;padding:1.4rem;background:#fff;border-right:1px solid var(--line)}.sidebar .brand{padding:.15rem .5rem 1.3rem}.institution-logo{display:grid;place-items:center;min-height:74px;margin-bottom:1rem;border:1px dashed #cfd4e2;border-radius:12px;color:#8992a6;font-size:.75rem}.sidebar nav{display:grid;gap:.25rem}.sidebar nav a{padding:.78rem .85rem;border-radius:10px;color:#596379;font-weight:650}.sidebar nav a:hover{color:var(--primary);background:#f0f0ff}.sidebar-footer{display:grid;gap:.6rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.topbar{position:sticky;z-index:30;top:0;display:flex;align-items:center;gap:1rem;min-height:70px;padding:0 2rem;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar .button{margin-left:auto}.menu-toggle{display:none;border:0;background:transparent;font-size:1.4rem}.page-shell{max-width:1500px;margin:auto;padding:2rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{position:relative;overflow:hidden;display:grid;gap:.25rem;min-height:145px;padding:1.3rem;border-radius:var(--radius);color:#fff;box-shadow:var(--shadow)}.stat-card:after{content:"";position:absolute;right:-25px;bottom:-45px;width:120px;height:120px;border:24px solid rgba(255,255,255,.12);border-radius:50%}.stat-card span{font-weight:700;opacity:.9}.stat-card strong{font-size:2.6rem}.stat-card small{opacity:.82}.stat-card.purple{background:linear-gradient(135deg,#5959cf,#8562e2)}.stat-card.cyan{background:linear-gradient(135deg,#158f9f,#33bdca)}.stat-card.amber{background:linear-gradient(135deg,#dc891b,#efb244)}.stat-card.green{background:linear-gradient(135deg,#178554,#36b97c)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td;padding:.9rem .8rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:#778196;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}td{font-size:.9rem}.status{display:inline-flex;padding:.35rem .62rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:capitalize}.status.draft{color:#9b6613;background:#fff0cc}.status.published,.status.question_open,.status.lobby{color:#16734a;background:#daf5e7}.status.archived,.status.finished{color:#657086;background:#edf0f5}.status.question_closed,.status.answer_revealed,.status.leaderboard{color:#4343aa;background:#e6e6ff}.two-column{display:grid;grid-template-columns:minmax(260px,.75fr) 1.5fr;gap:1.2rem}.form-panel{display:grid;align-content:start;gap:1rem}.category-list{display:grid}.category-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.color-dot{width:13px;height:13px;border-radius:50%;background:var(--dot)}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:#eef0f6;color:#647087}.icon-button.danger{color:var(--danger);background:#fdecef}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 200px 200px auto;gap:.7rem;margin-bottom:1rem}.quiz-grid,.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quiz-grid.compact{grid-template-columns:repeat(4,1fr)}.quiz-card{position:relative;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.quiz-card-top,.card-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.quiz-card-top{margin-bottom:1.4rem;color:var(--muted);font-size:.8rem}.quiz-card h2{min-height:2.5em;margin-bottom:.45rem;font-size:1.15rem}.quiz-card p{color:var(--muted)}.card-actions details{position:relative}.card-actions summary{display:grid;place-items:center;width:38px;height:38px;list-style:none;border-radius:10px;background:#eef0f6;cursor:pointer}.action-menu{position:absolute;z-index:15;right:0;top:45px;display:grid;min-width:180px;padding:.4rem;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.action-menu button,.action-menu a{width:100%;padding:.62rem .7rem;border:0;border-radius:8px;color:var(--ink);background:transparent;text-align:left}.action-menu button:hover,.action-menu a:hover{background:#f2f3f8}.action-menu .danger-text{color:var(--danger)}.pagination{display:flex;justify-content:center;gap:.35rem;margin-top:1.4rem}.pagination a{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#fff}.pagination a.active{color:#fff;background:var(--primary)}.empty-state{padding:2rem;color:var(--muted);text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.span-2{grid-column:span 2}.section-title{margin:1.5rem 0 1rem}.question-editor{display:grid;grid-template-columns:35px 1fr;gap:.7rem;margin-bottom:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.question-editor.dragging{opacity:.5}.question-handle{padding-top:.4rem;color:#a0a7b6;font-size:1.4rem;cursor:grab}.question-body{display:grid;gap:1rem}.question-heading,.option-row,.question-settings,.form-actions,.button-row{display:flex;align-items:center;gap:.7rem}.question-heading{justify-content:space-between}.options-list{display:grid;gap:.55rem}.option-row input[type=radio]{width:20px;accent-color:var(--primary)}.text-button{justify-self:start;border:0;color:var(--primary);background:transparent;font-weight:750}.question-settings{flex-wrap:wrap}.question-settings label{max-width:150px}.switch-label{display:flex;align-items:center}.switch-label input{width:auto}.form-actions{justify-content:flex-end;margin:1.5rem 0}.preview-list{display:grid;gap:1rem}.preview-question{display:grid;grid-template-columns:50px 1fr;gap:1rem}.preview-question.inactive{opacity:.55}.question-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:var(--primary);font-weight:850}.preview-question li{padding:.35rem .6rem;border-radius:7px}.correct-option{color:#147048;background:#ddf6ea;font-weight:750}.session-list,.participant-list{display:grid}.session-row{display:grid;grid-template-columns:90px 1fr auto auto;gap:1rem;align-items:center;padding:.9rem;border-bottom:1px solid var(--line);color:var(--ink)}.session-row code{font-size:1rem;color:var(--primary)}.live-pill{display:inline-flex;padding:.35rem .65rem;border-radius:999px;color:#a1243d;background:#fde5e9;font-size:.74rem;font-weight:850;text-transform:uppercase}.live-console{max-width:1600px}.live-console-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.live-console-header h1{font-size:2.1rem}.session-code{text-align:right}.session-code span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase}.session-code strong{font-size:3rem;letter-spacing:.12em;color:var(--primary)}.live-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem}.live-kpis div{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:14px;background:#fff;border:1px solid var(--line)}.live-kpis span{color:var(--muted)}.live-kpis strong{font-size:1.5rem}.live-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:1rem}.live-question-panel h2{font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.25}.question-progress{margin-bottom:.8rem;color:var(--primary);font-weight:800}.distribution{display:grid;gap:.65rem;margin:1rem 0}.distribution-row{display:grid;grid-template-columns:minmax(130px,1fr) 3fr 45px;align-items:center;gap:.7rem}.bar-track{height:16px;overflow:hidden;border-radius:99px;background:#edf0f6}.bar-fill{height:100%;border-radius:99px;background:var(--primary);transition:width .25s}.live-controls{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.participant-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.86rem}.participant-result.correct{color:var(--green)}.participant-result.incorrect{color:var(--danger)}.leaderboard-panel{margin-top:1rem}.leader-row{display:grid;grid-template-columns:45px 1fr auto;gap:1rem;align-items:center;padding:.75rem;border-bottom:1px solid var(--line)}.leader-row:first-child{border-radius:12px;background:#fff7df}.leader-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eceeff;color:var(--primary);font-weight:850}.report-cards{grid-template-columns:repeat(3,1fr)}.report-card{color:var(--ink)}.report-card:hover{border-color:#bbbbed;transform:translateY(-2px)}.print-header{display:none}.public-main{min-height:100vh}.hero{display:grid;grid-template-columns:1.2fr minmax(320px,480px);align-items:center;gap:6vw;min-height:100vh;padding:6vw;background:radial-gradient(circle at 20% 20%,#e4e2ff 0,transparent 35%),linear-gradient(135deg,#f8f8fd,#eef5f7)}.hero-copy{max-width:700px}.hero-copy h1{font-size:clamp(3rem,7vw,6.5rem)}.hero-copy p{max-width:610px;color:var(--muted);font-size:1.2rem}.join-card,.login-card{display:grid;gap:1rem;padding:2rem;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 25px 60px rgba(44,50,89,.15);backdrop-filter:blur(12px)}.public-brand{margin-bottom:.6rem}.teacher-link{text-align:center;font-size:.86rem}.login-page{display:grid;place-items:center;min-height:100vh;padding:2rem;background:radial-gradient(circle at 50% 0,#ddd9ff,transparent 45%),#f3f4f8}.login-card{width:min(440px,100%)}.login-card h1{margin-bottom:0;font-size:2rem}.login-card p{color:var(--muted)}.student-stage{min-height:100vh;padding:1.5rem 5vw;background:linear-gradient(135deg,#f6f5ff,#eef8f8)}.student-header{display:flex;justify-content:space-between;align-items:center}.student-content{display:grid;place-items:center;align-content:center;min-height:80vh;text-align:center}.student-content h1{max-width:950px}.student-content p{color:var(--muted);font-size:1.15rem}.waiting-animation{display:flex;gap:.55rem;margin-bottom:1.5rem}.waiting-animation span{width:14px;height:14px;border-radius:50%;background:var(--primary);animation:bounce 1s infinite}.waiting-animation span:nth-child(2){animation-delay:.15s}.waiting-animation span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-12px)}}.student-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:min(900px,100%);margin-top:1.2rem}.student-option{min-height:105px;padding:1.1rem;border:2px solid #e1e3ee;border-radius:18px;color:var(--ink);background:#fff;font-size:1.1rem;font-weight:750}.student-option:hover,.student-option.selected{border-color:var(--primary);background:#efefff}.student-option:disabled{cursor:default}.result-mark{display:grid;place-items:center;width:100px;height:100px;margin-bottom:1rem;border-radius:50%;color:#fff;background:var(--green);font-size:3rem}.result-mark.incorrect{background:var(--danger)}@media print{.sidebar,.topbar,.print-hidden{display:none!important}.admin-body{padding:0}.page-shell{padding:0}.print-header{display:block}.panel,.stat-card{box-shadow:none;break-inside:avoid}}@media(max-width:1100px){.stat-grid,.quiz-grid.compact{grid-template-columns:repeat(2,1fr)}.quiz-grid,.report-cards{grid-template-columns:repeat(2,1fr)}.live-grid{grid-template-columns:1fr}}@media(max-width:800px){.admin-body{padding-left:0}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.menu-toggle{display:block}.page-shell{padding:1rem}.topbar{padding:0 1rem}.stat-grid,.quiz-grid,.quiz-grid.compact,.report-cards,.two-column,.live-kpis{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding:8vw}.hero-copy h1{font-size:3.5rem}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.live-console-header{align-items:flex-start}.session-code strong{font-size:2rem}.student-options{grid-template-columns:1fr}}@media(max-width:540px){.stat-grid,.quiz-grid,.quiz-grid.compact,.report-cards,.two-column,.live-kpis,.filters{grid-template-columns:1fr}.page-heading,.section-title{align-items:flex-start;flex-direction:column}.question-editor{grid-template-columns:1fr}.question-handle{display:none}.question-settings{align-items:stretch;flex-direction:column}.question-settings label{max-width:none}.session-row{grid-template-columns:80px 1fr}.session-row span{display:none}.live-console-header{display:block}.session-code{text-align:left}.participant-row{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions .button{flex:1}.hero-copy h1{font-size:2.8rem}.join-card{padding:1.3rem}}