*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #6E2BF0;--purple-light: #8255F2;--purple-dark: #5A1FD6;--purple-bg: #F1EBFE;--purple-subtle: #F6F4FB;--green: #0E9E6E;--green-bg: #E2F6EC;--orange: #B26A00;--orange-bg: #FBF1E3;--teal: #0B8FB0;--teal-bg: #E3F4F9;--indigo: #4338CA;--indigo-bg: #EEF0FD;--text-primary: #1A1622;--text-secondary: #5F5A6B;--text-muted: #A39EAE;--border: #ECEAF0;--border-mid: #D8D4E0;--surface: #ffffff;--bg: #F8F7FB;--sidebar-w: 220px;--topbar-h: 56px;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 4px rgba(26,22,34,.08);--shadow-md: 0 4px 16px rgba(26,22,34,.1)}html,body,#app{height:100%;font-family:Hanken Grotesk,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-xs{font-size:11px}.text-sm{font-size:12.5px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-purple{color:var(--purple)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:background .12s,opacity .12s;cursor:pointer;border:none}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:var(--purple-dark)}.btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--purple-subtle)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:600}.progress-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;flex-shrink:0}@media (max-width: 768px){:root{--sidebar-w: 0px}.sidebar{position:fixed!important;left:-240px;top:0;height:100vh;width:240px!important;z-index:200;transition:left .22s ease;box-shadow:2px 0 16px #1a162224}.sidebar.open{left:0!important}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#1a162259}.sidebar-overlay.open{display:block}.top-bar{padding:0 1rem!important}.top-bar-hamburger{display:flex!important}.content-col{width:100%!important}.main{padding:0!important}.page,[class*=page-container]{padding:1rem!important}.tiles,.stat-row,.badges-grid,[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}.data-table{font-size:.78rem}.card:has(.data-table){overflow-x:auto}.heatmap{grid-template-columns:repeat(7,1fr)!important}.level-card{flex-direction:column!important;text-align:center!important}.quiz-nav{flex-wrap:wrap;gap:.5rem}.notif-panel .dropdown{position:fixed!important;top:52px;left:0;right:0;width:100%!important;border-radius:0 0 12px 12px}}.top-bar-hamburger{display:none;background:none;border:1px solid var(--border);border-radius:8px;padding:6px 8px;cursor:pointer;color:var(--text-primary);align-items:center;font-size:1.2rem;margin-right:auto}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--purple);color:#fff;padding:.5rem 1rem;border-radius:0 0 8px 8px;font-size:.875rem;font-weight:600;z-index:9999;transition:top .15s}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--purple);outline-offset:2px}