@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#f4f6fb;--ink:#172238;--muted:#77839a;--navy:#101827;--blue:#5268e8;--line:#e8ecf3;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;display:flex;min-height:100vh}.sidebar{width:248px;background:var(--navy);color:white;padding:30px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;font:800 17px Manrope;margin:0 8px 54px;letter-spacing:-.4px}.brand small{font:700 9px 'DM Sans';letter-spacing:3px;color:#93a4c6}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#8292ff,#5268e8);display:grid;place-items:center;font:800 23px Manrope}.sidebar nav{display:grid;gap:8px}.nav{border:0;background:transparent;color:#9ba8bf;text-align:left;padding:14px 13px;border-radius:11px;font:600 14px 'DM Sans';cursor:pointer;display:flex;gap:13px;align-items:center}.nav.active,.nav:hover{background:#222f45;color:white}.nav span{font-size:14px}.side-bottom{margin-top:auto;color:#91a0b8;font-size:12px;padding:12px}.dot{display:inline-block;width:7px;height:7px;background:#54d6a1;border-radius:50%;margin-right:8px}.main{margin-left:248px;width:calc(100% - 248px);padding:34px 5vw 24px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#8995aa}.topbar h1{font:800 27px Manrope;margin:7px 0}.date{color:var(--muted);font-size:13px}.welcome{background:linear-gradient(115deg,#25385b,#536be8);border-radius:20px;padding:30px 34px;color:white;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px #344b9b20}.eyebrow.light{color:#c2ccff}.welcome h2{font:800 25px Manrope;margin:10px 0}.welcome p{margin:0;color:#d9e0ff;font-size:14px}.welcome-icon{font-size:60px;color:#c5ceff;padding:0 25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:21px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font:800 27px Manrope;margin:10px 0 3px}.stat small,.muted{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.panel h3{font:700 17px Manrope;margin:5px 0 17px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:5px 0 0}.pill{background:#edf0ff;color:#5268e8;padding:7px 11px;border-radius:20px;font-size:11px;font-weight:700}.timer-panel{text-align:center}.timer{font:800 54px Manrope;letter-spacing:2px;margin:24px 0 2px}.timer-mode{font-size:12px;color:var(--muted);margin-bottom:20px}.timer-actions{display:flex;justify-content:center;gap:9px}.primary,.secondary{border:0;border-radius:9px;padding:11px 17px;font:700 13px 'DM Sans';cursor:pointer}.primary{background:var(--blue);color:white}.primary:hover{filter:brightness(1.08)}.secondary{background:#edf0f6;color:#526078}.text-btn{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer}.quick-form,.form-row{display:flex;gap:8px}.quick-form input,.form-row input{flex:1}input,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;font:13px 'DM Sans';outline:none;background:#fff;color:var(--ink)}input:focus,textarea:focus{border-color:#8795ff}textarea{min-height:150px;resize:vertical;margin:10px 0}.task-list{list-style:none;padding:0;margin:14px 0 0}.task-list li{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line);font-size:13px}.task-list li:last-child{border:0}.task-list input{width:16px;height:16px;accent-color:var(--blue)}.done{text-decoration:line-through;color:#9aa4b5}.view{animation:fade .2s ease}@keyframes fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.hidden{display:none}.section-intro{margin:5px 0 20px}.section-intro h2{font:800 24px Manrope;margin:7px 0}.section-intro p{color:var(--muted);font-size:13px}.form-row{margin-bottom:15px}.form-row input{min-width:0}.form-row.panel{padding:14px}.notes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.note{background:white;border:1px solid var(--line);border-radius:13px;padding:17px;white-space:pre-wrap}.note h4{margin:0 0 9px;font:700 15px Manrope}.answers{display:grid;gap:9px;margin:20px 0}.answer{padding:13px;border:1px solid var(--line);border-radius:10px;background:white;text-align:left;cursor:pointer}.answer.selected{border-color:var(--blue);background:#f1f3ff}.feedback{font-size:13px;margin:12px 0;min-height:18px}.quiz-card{max-width:700px}.empty{padding:30px;color:#8a96aa;display:flex;gap:12px;align-items:center}footer{display:flex;justify-content:space-between;color:#9aa4b5;font-size:11px;margin-top:35px;padding:15px 2px}
@media(max-width:800px){.sidebar{width:70px;padding:20px 9px}.brand{margin:0 4px 35px}.brand>span:last-child,.nav span,.side-bottom{display:none}.brand-mark{width:42px}.nav{justify-content:center;padding:14px 5px;font-size:18px}.main{margin-left:70px;width:calc(100% - 70px);padding:22px 15px}.grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:20px}.stat span{font-size:11px}.welcome{padding:22px}.welcome-icon{font-size:38px;padding:0}.notes-list{grid-template-columns:1fr}.date{font-size:11px}.topbar h1{font-size:22px}}