:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18344a;background:#f5f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #67b6bc;outline-offset:2px}.topbar{height:68px;background:#102a43;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2))}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:-.04em}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;background:#57c4b3;color:#102a43;border-radius:10px;font-size:23px}.brand-light{font-weight:400;color:#a9c4cf}.text-button{border:0;background:transparent;color:#d7e8ee}.text-button:hover{text-decoration:underline}main{max-width:1200px;margin:0 auto;padding:38px 24px 80px}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}h1{font-size:clamp(31px,4vw,44px);line-height:1.1;letter-spacing:-.045em;margin:8px 0 10px}h2{letter-spacing:-.03em}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#168377;font-size:11px;font-weight:800}.subtle{color:#64798a;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:700}.primary{background:#087e75;color:white}.primary:hover{background:#066b64}.secondary{background:#fff;color:#265269;border-color:#d7e0e5}.secondary:hover{background:#eef4f4}.panel{background:#fff;border:1px solid #e3e9ec;border-radius:16px;box-shadow:0 4px 20px rgba(18,47,65,.04)}.toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:18px;margin-bottom:28px}.toolbar label,.search{display:flex;flex-direction:column;gap:7px;color:#536d7d;font-size:12px;font-weight:700}.toolbar input,.toolbar select{height:40px;border:1px solid #dce5e8;border-radius:8px;background:#fbfcfc;padding:0 11px;color:#18344a;font-size:14px}.section-head{display:flex;align-items:center;gap:12px;margin:32px 0 14px}.section-head h2{font-size:23px;margin:0}.count{background:#e6f1ef;color:#087e75;border-radius:30px;font-size:12px;font-weight:750;padding:4px 9px}.area-card{overflow:hidden;margin-bottom:12px}.area-title{display:flex;justify-content:space-between;align-items:center;background:#fafdfe;border-bottom:1px solid #e9eef0;padding:13px 18px;font-size:14px;font-weight:800}.task-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:start;padding:13px 18px;border-bottom:1px solid #edf1f2}.task-row:last-child{border:0}.check{appearance:none;width:19px;height:19px;border:2px solid #87a4ac;border-radius:5px;margin:2px 0 0;cursor:pointer}.check:checked{background:#087e75;border-color:#087e75}.check:checked:after{content:'✓';display:block;color:#fff;font-size:14px;text-align:center;line-height:15px}.task-title{font-size:14px;font-weight:650;line-height:1.4}.task-title.done{text-decoration:line-through;color:#8294a0}.task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.tag,.pill{font-size:11px;border-radius:5px;padding:3px 6px;background:#edf4f5;color:#42737a}.pill{background:#f7f0dd;color:#8b6723}.next{font-size:12px;color:#607784;margin:7px 0 0}.edit{background:transparent;border:0;color:#087e75;font-size:12px;font-weight:700;padding:4px 0}.edit:hover{text-decoration:underline}.empty{padding:35px;text-align:center;color:#69818d}.error{background:#fff0ed;border:1px solid #e3a399;color:#933c34;padding:12px 16px;border-radius:10px;margin-bottom:18px}.login{max-width:560px;padding:46px;margin:12vh auto}.login p{color:#64798a;line-height:1.5}.login button{margin-top:20px}dialog{border:0;border-radius:16px;padding:0;width:min(560px,calc(100vw - 24px));box-shadow:0 25px 70px #102a4355}dialog::backdrop{background:#102a4388}#task-form{padding:24px;display:grid;gap:15px}.dialog-heading,.dialog-actions{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{margin:5px 0 0}.icon-button{border:0;background:transparent;font-size:28px;color:#64798a}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:7px}#task-form label{display:grid;gap:6px;font-size:12px;color:#536d7d;font-weight:700}#task-form input,#task-form select,#task-form textarea{border:1px solid #dce5e8;border-radius:8px;padding:9px 10px;color:#18344a;background:#fff;font-size:14px;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){main{padding:25px 15px 60px}.topbar{padding:0 16px}.heading-row{display:block}.actions{margin-top:20px}.toolbar{grid-template-columns:1fr;gap:12px}.task-row{grid-template-columns:27px minmax(0,1fr) auto;padding:12px}.form-grid{grid-template-columns:1fr}}