:root{--bg:#f7f8fb;--panel:#fff;--text:#1a1c23;--muted:#616779;--line:#dde2eb;--brand:#165dff;--brand-contrast:#fff}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--brand);text-decoration:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--line);background:var(--panel)}.nav nav{display:flex;gap:1rem}.brand{font-weight:700;font-size:1.1rem}.page{max-width:980px;margin:0 auto;padding:1.5rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:1rem}.form{max-width:520px;margin:1.5rem auto;gap:.8rem}.field,.form{display:flex;flex-direction:column}.field{gap:.3rem}button,input,select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem}.ui-select,select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23616B7F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.2rem}.ui-checkbox,.ui-select,input[type=checkbox],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-checkbox,input[type=checkbox]{width:1rem;height:1rem;border:1.5px solid #c7cfdb;border-radius:.3rem;background:#fff;display:inline-grid;place-content:center;cursor:pointer}.ui-checkbox:before,input[type=checkbox]:before{content:"";width:.52rem;height:.52rem;transform:scale(0);transition:transform .12s ease-in-out;box-shadow:inset 1rem 1rem #165dff;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,82% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,82% 0,43% 62%)}.ui-checkbox:checked,input[type=checkbox]:checked{border-color:#165dff;background:#edf3ff}.ui-checkbox:checked:before,input[type=checkbox]:checked:before{transform:scale(1)}.ui-radio,input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:1.5px solid #c7cfdb;border-radius:999px;background:#fff;display:inline-grid;place-content:center;cursor:pointer}.ui-radio:before,input[type=radio]:before{content:"";width:.5rem;height:.5rem;border-radius:999px;transform:scale(0);transition:transform .12s ease-in-out;background:#165dff}.ui-radio:checked,input[type=radio]:checked{border-color:#165dff;background:#edf3ff}.ui-radio:checked:before,input[type=radio]:checked:before{transform:scale(1)}.btn,button{background:var(--brand);color:var(--brand-contrast);cursor:pointer}.btn:disabled,button:disabled{opacity:.7}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.9rem;gap:.9rem}.metric,.score{font-size:2rem;font-weight:700}.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{border-right:1px solid var(--line);background:#111827;color:#fff;padding:1rem;gap:1rem}.sidebar,.sidebar nav{display:flex;flex-direction:column}.sidebar nav{gap:.5rem}.sidebar a{color:#d4dcff}.sidebar-footer{margin-top:auto}.sidebar-footer button{width:100%}.dashboard-main{padding:1.2rem}.inline-form,.row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem}.table{display:flex;flex-direction:column;gap:.5rem}.row-item{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));grid-gap:.6rem;gap:.6rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.6rem;background:var(--panel)}.checkbox{display:flex;align-items:center;gap:.5rem}.team-card{border:1px dashed var(--line);padding:.7rem;border-radius:8px}.score-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.7rem;gap:.7rem}@keyframes quizmo-confetti-fall{0%{transform:translate3d(0,-12vh,0) rotate(0deg);opacity:0}10%{opacity:1}to{transform:translate3d(0,115vh,0) rotate(680deg);opacity:0}}.quizmo-confetti{position:absolute;width:10px;height:16px;border-radius:2px;opacity:0;animation-name:quizmo-confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards}@media (max-width:900px){.dashboard-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.row-item{grid-template-columns:1fr}}