@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fc;--bg2:#fff;--bg3:#f3f4f6;--border:#e5e7eb;--text1:#1a1d23;--text2:#374151;--text3:#6b7280;--text4:#9ca3af;--accent:#4361ee;--accent-bg:#eef2ff;--accent-border:#c7d2fe}[data-theme=dark]{--bg:#0f1117;--bg2:#1a1d27;--bg3:#242736;--border:#2d3148;--text1:#f1f5f9;--text2:#cbd5e1;--text3:#94a3b8;--text4:#64748b;--accent:#6480ff;--accent-bg:#1e2456;--accent-border:#3d54b5}body{background:var(--bg);color:var(--text1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .2s,color .2s}input,button,select,textarea{font-family:inherit}.dark-toggle{background:var(--border);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.dark-toggle.on{background:var(--accent)}.dark-toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.dark-toggle.on:after{transform:translate(16px)}.login-wrap{min-height:100vh;display:flex}.login-left{background:#1b2559;flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:48px 48px 32px;display:flex;position:relative;overflow:hidden}.login-right{background:var(--bg2);flex-direction:column;justify-content:space-between;width:460px;padding:40px;display:flex}.login-right-inner{flex:1;justify-content:center;align-items:center;display:flex}.login-footer{color:var(--text4);text-align:center;border-top:1px solid var(--border);padding-top:20px;font-size:11px}@media (width<=768px){.login-wrap{flex-direction:column}.login-left{flex:none;justify-content:flex-start;min-height:360px;padding:32px 24px 28px}.login-right{width:100%;padding:28px 24px 24px}}.dashboard-main{max-width:880px;margin:0 auto;padding:36px 24px}.mode-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.cat-grid-5{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.config-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}@media (width<=900px){.mode-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.mode-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main{padding:20px 16px}.cat-grid-5{grid-template-columns:repeat(6,1fr)}.cat-grid-5>:first-child{grid-column:1/3}.cat-grid-5>:nth-child(2){grid-column:3/5}.cat-grid-5>:nth-child(3){grid-column:5/7}.cat-grid-5>:nth-child(4){grid-column:2/4}.cat-grid-5>:nth-child(5){grid-column:4/6}}@media (width<=400px){.cat-grid-5{grid-template-columns:repeat(2,1fr)}.cat-grid-5>:first-child,.cat-grid-5>:nth-child(2),.cat-grid-5>:nth-child(3),.cat-grid-5>:nth-child(4),.cat-grid-5>:nth-child(5){grid-column:auto}}.exam-main{max-width:760px;margin:0 auto;padding:28px 20px 40px}.exam-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}@media (width<=600px){.exam-main{padding:16px 12px 32px}}.results-main{max-width:680px;margin:0 auto;padding:40px 24px 60px}@media (width<=500px){.results-main{padding:24px 16px 40px}}.app-footer{border-top:1px solid var(--border);background:var(--bg2);padding:16px 24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:880px;margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;gap:16px;display:flex}@media (width<=600px){.footer-inner{text-align:center;justify-content:center}.footer-links{justify-content:center;gap:10px}}.app-header{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-right{align-items:center;gap:10px;display:flex}.app-input{border:1.5px solid var(--border);width:100%;color:var(--text1);background:var(--bg2);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.app-input:focus{border-color:var(--accent)}