:root{--bg:#0e0f12;--card:#151821;--muted:#8b93a6;--text:#eef2ff;--primary:#5b7cfa;--danger:#ff5d5d;--border:#232837}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:960px;margin:24px auto;padding:0 16px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:#0b0d11;position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.3px}.userbar{display:flex;gap:12px;align-items:center}.user-email{font-size:.9rem;color:var(--muted)}.btn{padding:8px 14px;border:1px solid var(--border);background:#10131a;color:var(--text);border-radius:10px;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn.primary{background:var(--primary);border-color:transparent;color:#fff}.btn.danger{background:var(--danger);border-color:transparent;color:#fff}.link{background:none;border:none;color:var(--primary);cursor:pointer}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin:12px 0}.auth-card{max-width:420px;margin:32px auto}.form{display:grid;gap:12px}.form.grid2{grid-template-columns:1fr 1fr;gap:12px}.form .colspan2{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:#cdd4e6}input,textarea,select{background:#0f1219;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px}.row{display:flex;gap:12px;align-items:flex-end}.grow{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.task .task-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.task .task-title{display:flex;align-items:center;gap:8px}.badge{background:#f59e0b;color:#111;padding:2px 8px;border-radius:999px;font-size:.75rem}.chip{padding:2px 10px;border-radius:999px;border:1px solid var(--border);text-transform:capitalize}.chip.high{background:#c0392b}.chip.medium{background:#b9770e}.chip.low{background:#2e7d32}.task .muted{color:var(--muted);margin:8px 0}.task-meta{display:flex;gap:16px;flex-wrap:wrap;color:#b7bfd6;font-size:.9rem}.overdue{box-shadow:0 0 0 1px #c0392b inset}.error{color:#ff8b8b;background:#2a1212;border:1px solid #5a1d1d;padding:8px;border-radius:10px}.actions{display:flex;gap:10px;align-items:center;margin:12px 0}.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:12px 0}.loader{opacity:.8}