:root{font-family:Inter,system-ui,Arial,sans-serif;color:#182033;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d6dded;padding:.7rem 1rem;background:#fff;border-radius:10px;color:inherit}button:hover{border-color:#6366f1}.active,.form button[type=submit]{background:#6366f1;color:#fff;border-color:#6366f1}.shell{min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;background:var(--card,#fff);border-bottom:1px solid #dbe1ee;padding:16px max(24px,calc((100vw - 1100px)/2))}header strong{font-size:1.5rem;color:#6366f1}.actions{display:flex;gap:8px;flex-wrap:wrap}main{width:min(1100px,calc(100% - 32px));margin:32px auto;flex:1}nav{display:flex;gap:9px;flex-wrap:wrap}h1{font-size:2rem;margin:28px 0}h2{font-size:1.2rem;margin:0 0 16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stats article,.panel{background:var(--card,#fff);border:1px solid var(--border,#e1e6f0);border-radius:15px;padding:24px;box-shadow:0 4px 15px #00000005}.stats span,.stats strong{display:block}.stats span{color:var(--muted,#64748b);font-size:.85rem}.stats strong{font-size:2rem;margin-top:8px}.panel{margin:20px 0}.form{display:grid;gap:14px}.form label{display:grid;gap:8px}input:not([type=checkbox]),select{padding:12px;border:1px solid var(--border,#dbe1ec);border-radius:9px;background:var(--card,#fff);color:inherit;max-width:100%}.auth{max-width:460px;display:grid;gap:12px}.auth .actions button{flex:1}.error{color:#dc2626}ul{padding:0;list-style:none}li{border-top:1px solid var(--border,#e1e6f0);padding:14px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.task{display:flex;gap:13px;align-items:center;min-width:0}.task span{overflow-wrap:anywhere}.task small{display:block;color:var(--muted,#64748b);font-size:.8rem;margin-top:5px}.strike{text-decoration:line-through;opacity:.6}.meter{height:12px;background:#dbe1ec;border-radius:20px;overflow:hidden}.meter div{height:100%;background:#6366f1}footer{text-align:center;color:var(--muted,#64748b);padding:25px}[data-theme=dark]{color:#eef2ff;background:#101726;--card:#1b2536;--border:#344056;--muted:#acb9d0}[data-theme=dark] button{background:#273449;color:#eef2ff;border-color:#46546c}[data-theme=dark] .active,[data-theme=dark] .form button[type=submit]{background:#6366f1;border-color:#6366f1}@media(max-width:640px){.stats{grid-template-columns:1fr}header{padding:14px}main{margin:16px auto}li{align-items:flex-start}}.history{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;margin:18px 0}.history-item{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:.8rem}.history-track{width:min(100%,58px);height:108px;border-radius:8px;background:var(--border,#e1e6f0);overflow:hidden;display:flex;align-items:flex-end}.history-track>div{width:100%;min-height:0;background:#6366f1;border-radius:6px 6px 0 0}.muted{color:var(--muted,#64748b)}@media(max-width:420px){.history{gap:5px}.history-item{font-size:.7rem}}