:root { --bg:#0b0f17; --card:#121a26; --muted:#98a2b3; --txt:#e6eaf2; --accent:#22c55e; --danger:#ef4444; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto; background:var(--bg); color:var(--txt);}
a{color:inherit;text-decoration:none}
.container{max-width:980px;margin:0 auto;padding:12px}
.card{background:var(--card); border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:12px; box-shadow:0 8px 20px rgba(0,0,0,.2)}
.row{display:flex; gap:10px; flex-wrap:wrap}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06)}
.btn.primary{background:rgba(34,197,94,.18); border-color:rgba(34,197,94,.35)}
.btn.danger{background:rgba(239,68,68,.18); border-color:rgba(239,68,68,.35)}
.input, select, textarea{width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); color:var(--txt)}
label{font-size:12px; color:var(--muted)}
.small{font-size:12px; color:var(--muted)}
.h1{font-size:18px; font-weight:700}
.badge{padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.12)}
.badge.due{border-color:rgba(239,68,68,.35); color:#fecaca; background:rgba(239,68,68,.12)}
.badge.ok{border-color:rgba(34,197,94,.35); color:#bbf7d0; background:rgba(34,197,94,.12)}
.nav{position:sticky; bottom:0; background:rgba(11,15,23,.92); backdrop-filter: blur(10px); border-top:1px solid rgba(255,255,255,.08)}
.nav .row{justify-content:space-around; padding:10px 6px}