:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e8eef9;background:#0c1524;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#90c2ff;text-decoration:none}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}aside{padding:30px 20px;background:#101e32;border-right:1px solid #263b55;display:flex;flex-direction:column;gap:12px}aside h1{font-size:23px;margin:0}nav{display:grid;gap:8px;margin:26px 0}nav a{padding:12px;border-radius:10px;color:#c6d5e8}nav a:hover,.selected{background:#223b5d;color:white}aside form{margin-top:auto}main{width:100%;max-width:1250px;padding:42px 36px;margin:0 auto}header{margin-bottom:26px}header h2{font-size:35px;margin:5px 0}header p{color:#a9bdd4}.eyebrow{color:#8ebcff;letter-spacing:2px;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.card{background:#17263c;border:1px solid #2c405c;border-radius:16px;padding:22px;margin-bottom:18px;min-width:0}.card h3{margin:0 0 18px;font-size:19px}.stats .card{display:grid;gap:10px}.stats strong{font-size:34px}.stats small,.muted,small{color:#a6bad1}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.item{border-top:1px solid #30445e;padding:13px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;overflow-wrap:anywhere}.item small{display:block;font-size:12px;margin-top:4px;white-space:pre-wrap}.done{text-decoration:line-through;opacity:.55}form{display:grid;gap:12px;margin-bottom:18px}label{display:grid;gap:7px;color:#c8d8ec}input,textarea,select{width:100%;padding:11px;border-radius:9px;background:#0f1c2f;border:1px solid #3a5473;color:#f1f5fb;font:inherit}button{border:0;background:#75aeff;color:#081527;font:inherit;font-weight:700;padding:11px 16px;border-radius:9px;cursor:pointer}button:hover{filter:brightness(1.12)}button.tiny{padding:7px 11px;font-size:12px}button.secondary{background:#263e5b;color:#dce9fa}.auth{max-width:440px;margin:10vh auto;padding:30px;background:#17263c;border-radius:18px}.error{color:#ffb0b0}@media(max-width:800px){.shell{display:block}aside{padding:16px;border-right:0;border-bottom:1px solid #263b55}aside h1{font-size:20px}nav{display:flex;margin:4px 0;overflow:auto}nav a{white-space:nowrap}aside form{margin:0}main{padding:22px 14px}.columns{grid-template-columns:1fr}.stats{gap:8px}.stats .card{padding:13px}.stats strong{font-size:25px}header h2{font-size:29px}.card{padding:17px}}

.chart-wrap{width:100%;overflow-x:auto}.chart-wrap canvas{width:100%;max-width:800px;display:block}.xpbar{height:9px;background:#344860;border-radius:10px;overflow:hidden;margin-top:12px}.xpbar>div{height:100%;background:#79adff}