:root{--bg:#0f172a;--text:#e2e8f0;--muted:#94a3b8;--card:#111827;--accent:#3b82f6;--success:#22c55e;--danger:#ef4444;--border:#1f2937}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}
.container{max-width:960px;margin:0 auto;padding:16px}
.app-header{background:#0b1220;border-bottom:1px solid var(--border)}
.app-header .container{display:flex;align-items:center;justify-content:space-between}
.app-header h1{margin:0;font-size:20px}
.app-header nav a{color:var(--muted);margin:0 8px;text-decoration:none}
.app-header nav a:hover{color:var(--text)}
section{margin:16px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.grid .actions{display:flex;align-items:end;gap:8px}
label{display:block;margin-bottom:6px;color:var(--muted)}
input,select,button{width:100%;padding:10px;border-radius:6px;border:1px solid var(--border);background:#0b1220;color:var(--text)}
input::placeholder{color:#64748b}
.btn{cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent)}
.btn.success{background:var(--success);border-color:var(--success)}
.btn.danger{background:var(--danger);border-color:var(--danger)}
#auth-forms{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#auth-status{margin-top:12px;color:var(--muted)}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border)}
.list li.checked{opacity:.7;text-decoration:line-through}
.list .item-actions{display:flex;gap:8px}
.total{margin-top:8px;color:var(--muted)}
@media(max-width:700px){.grid{grid-template-columns:1fr 1fr}.app-header .container{flex-direction:column;align-items:flex-start}}