:root{--bg:#101828;--surface:#162033;--surface-2:#1d2940;--surface-3:#24314c;--border:#334155;--text:#e5eefc;--muted:#94a3b8;--accent:#38bdf8;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--shadow:0 24px 80px #0f172a73;--radius:22px}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{border:1px solid var(--border);max-width:1040px;box-shadow:var(--shadow);background:#111827;border-radius:28px;margin:32px auto;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem}.auth-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.auth-actions form{display:flex}.auth-welcome{color:var(--muted);font-weight:600}.button-link{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-weight:600;text-decoration:none;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 24px #0ea5e93d}.button-link.secondary-link{background:var(--surface-2);border-color:var(--border);box-shadow:none;color:var(--text)}.button-link:hover{opacity:.98;transform:translateY(-1px)}h1,h2{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:10px;font-size:2.4rem}.intro{max-width:680px;color:var(--muted);margin-top:0;margin-bottom:28px;line-height:1.6}.status{background:#123524;border:1px solid #1f6c42;border-radius:16px;margin-bottom:18px;padding:14px 16px}.errors{background:#3a1d22;border:1px solid #7f1d1d;border-radius:16px;margin-bottom:18px;padding:14px 16px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;padding:22px}form{margin:0}label{color:#dbeafe;margin-bottom:6px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:14px;margin-bottom:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #38bdf81f}.checkbox-row{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;display:flex}.checkbox-row label{margin:0}button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:11px 16px;font-weight:600;transition:transform .18s,opacity .18s,box-shadow .18s;box-shadow:0 10px 24px #0ea5e93d}button:hover{opacity:.98;transform:translateY(-1px)}button.secondary{background:var(--surface-2);border-color:var(--border);color:var(--text);box-shadow:none}button.danger{color:#fecaca;box-shadow:none;background:#7f1d1d;border-color:#991b1b}button.edit-toggle{color:#fde68a;box-shadow:none;background:#5b4420;border-color:#7c5a1c}button.edit-toggle.active{color:#bae6fd;background:#0f3f57;border-color:#155e75}ul{margin:0;padding:0;list-style:none}li{border:1px solid var(--border);background:var(--surface-2);border-radius:20px;margin-bottom:16px;padding:0;overflow:hidden}li:last-child{margin-bottom:0}.task-row{display:block}.task-meta{padding:18px}.task-title{margin-bottom:8px;font-size:1.15rem;font-weight:700}.task-title.completed{color:#8ea4bf;text-decoration:line-through}.task-badge{color:#7dd3fc;letter-spacing:.04em;text-transform:uppercase;background:#103246;border-radius:999px;margin-bottom:12px;padding:6px 10px;font-size:.78rem;display:inline-block}.task-description{color:var(--muted);margin:0 0 16px;line-height:1.6}.task-actions,.task-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-edit-shell{width:100%;margin-top:16px;display:block}.task-edit-shell.is-hidden{display:none}.task-edit-form{border-top:1px solid var(--border);background:var(--surface-3);margin-top:0;padding:18px}.task-edit-form-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.task-edit-form-title{margin:0;font-size:1rem}.task-edit-close{background:var(--surface-2);border-color:var(--border);color:var(--muted);box-shadow:none}.task-form-grid{grid-template-columns:1fr;gap:12px;display:grid}.auth-shell{justify-content:center;display:flex}.auth-panel{width:100%;max-width:520px}.auth-panel form{display:block}.auth-form-actions{margin-top:10px}.auth-form-actions button{display:inline-flex}.empty{color:var(--muted);padding:16px 0}@media (width<=720px){.container{margin:16px;padding:18px}.topbar{flex-direction:column;align-items:stretch}.auth-actions{justify-content:flex-start}.task-inline-actions{flex-direction:column;align-items:stretch}.task-inline-actions form,.task-inline-actions button{width:100%}.task-edit-form-header{flex-direction:column;align-items:flex-start}}