:root{--bg:#f5f7f8;--card:#fff;--text:#17212b;--muted:#6b7785;--line:#e3e8ec;--accent:#176b52}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
header{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 900px)/2))}
.brand{font-weight:800;letter-spacing:.04em}.brand span{font-weight:500;color:var(--accent)} .user,.user a{font-size:13px;color:var(--muted)}
nav{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:8px;padding:8px}
nav a{padding:8px 15px;text-decoration:none;color:var(--text);border-radius:8px}nav a:hover{background:var(--bg)}
main{max-width:900px;margin:0 auto;padding:22px 16px 80px}h1{font-size:26px;margin:4px 0 18px}h2{font-size:16px;margin:24px 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.025)}
.narrow{max-width:420px;margin:40px auto}.capture{padding:10px}.capture-row{display:flex;gap:8px}.capture-row input{margin:0}
label{display:block;font-weight:650;font-size:13px;margin:12px 0 5px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cfd7de;border-radius:8px;background:#fff;font:inherit}
button,.button{border:0;border-radius:8px;padding:10px 13px;font-weight:700;cursor:pointer;text-decoration:none;font:inherit;white-space:nowrap}
.primary{background:var(--accent);color:#fff}.secondary{background:#edf1f3;color:#34424e}.done{background:#e6f5ed;color:#176b52}.full{width:100%;margin-top:16px}
.task{display:flex;justify-content:space-between;gap:12px;align-items:center}.task-main{display:flex;gap:10px;align-items:flex-start}.task-title{font-weight:650}.meta{font-size:12px;color:var(--muted);margin-top:3px}.uncat{color:#a35b00}
.actions{display:flex;gap:6px;align-items:center}.actions form{margin:0}.badge{display:inline-block;min-width:31px;text-align:center;padding:3px 6px;border-radius:6px;font-size:11px;font-weight:800;background:#edf1f3}.p1{background:#fde8e7}.p2{background:#fff0d7}.p3{background:#e7f2ff}.p4{background:#edf1f3}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.empty{text-align:center;color:var(--muted);padding:50px 15px}.empty span{font-size:13px}
.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.goal{margin:0}.goal-name{font-weight:750}.muted{color:var(--muted)}.flash{padding:10px 12px;border-radius:8px;margin-bottom:12px}.flash.success{background:#e6f5ed}.flash.error{background:#fde8e7}
@media(max-width:640px){main{padding:16px 10px 75px}.goal-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.task{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:flex-end}.capture-row button{padding-left:16px;padding-right:16px}header{padding:0 12px}}