:root{
  --bg:#f7f5f0;--card:#fffdf9;--ink:#181716;--muted:#7b766d;--line:#e8e2d7;--shadow:0 20px 55px rgba(45,35,20,.08);--radius:28px;
  --personal:#eab308;--realestate:#2563eb;--roofline:#0b2c4a;--marketing:#db2777;--household:#16a34a;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;padding:22px;gap:22px}.sidebar,.focus-card,.panel,.modal-card{background:rgba(255,253,249,.86);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.sidebar{border-radius:32px;padding:22px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;border-radius:16px;background:#181716;color:#fff;display:grid;place-items:center;font-weight:800}.brand h1,.brand p,.topbar h2,.eyebrow{margin:0}.brand h1{font-size:22px;letter-spacing:-.03em}.brand p,.muted,.eyebrow{color:var(--muted)}.brand p{font-size:13px}.spaces{display:grid;gap:9px}.space-btn{border:0;background:transparent;padding:13px 14px;border-radius:18px;display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--ink);text-align:left}.space-btn.active,.space-btn:hover{background:#f0ebe2}.dot{width:10px;height:10px;border-radius:99px}.main{display:flex;flex-direction:column;gap:22px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px}.topbar h2{font-size:42px;letter-spacing:-.06em;line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.primary-btn,.ghost-btn{border:0;border-radius:999px;padding:13px 18px;cursor:pointer}.primary-btn{background:#181716;color:white;box-shadow:0 12px 30px rgba(0,0,0,.14)}.ghost-btn{background:#f0ebe2;color:#423d36}.danger{color:#b91c1c}.focus-card{border-radius:var(--radius);padding:26px}.focus-header,.panel-header,.modal-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.focus-header h3,.panel h3,.modal-header h3{margin:4px 0 0;font-size:24px;letter-spacing:-.04em}.pill,.panel-header span{background:#f0ebe2;border-radius:999px;padding:8px 12px;color:#5c554c;font-size:13px}.task-list{display:grid;gap:12px;margin-top:20px}.task{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;border-radius:22px;background:#fbf8f2;border:1px solid #eee6da;cursor:pointer}.task.done{opacity:.48}.check{width:22px;height:22px;border-radius:8px;border:2px solid currentColor;background:white}.task-title{font-weight:750;letter-spacing:-.02em}.task-meta{font-size:13px;color:var(--muted);margin-top:2px}.priority{font-size:12px;border-radius:999px;padding:7px 10px;background:white}.grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px}.panel{border-radius:var(--radius);padding:22px;min-width:0}.compact .task{padding:13px;border-radius:18px}.suggestions{display:grid;gap:12px;margin-top:18px}.suggestion{padding:16px;border-radius:20px;background:#fbf8f2;border:1px solid #eee6da}.suggestion strong{display:block}.suggestion small{color:var(--muted)}dialog{border:0;background:transparent;padding:0;width:min(520px,calc(100vw - 28px))}dialog::backdrop{background:rgba(20,16,10,.38);backdrop-filter:blur(8px)}.modal-card{border-radius:28px;padding:24px;display:grid;gap:16px}label{display:grid;gap:8px;font-weight:750;color:#36312b}input,select{border:1px solid var(--line);background:#fbf8f2;border-radius:16px;padding:13px;color:var(--ink)}.icon-btn{border:0;background:#f0ebe2;border-radius:99px;width:36px;height:36px;font-size:22px;cursor:pointer}.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:4px}.mobile-nav{display:none}
@media(max-width:860px){.app-shell{display:block;padding:14px;padding-bottom:90px}.sidebar{display:none}.topbar{align-items:flex-start}.topbar h2{font-size:34px}.grid{grid-template-columns:1fr}.focus-card,.panel{padding:18px;border-radius:24px}.primary-btn{padding:12px 15px}.mobile-nav{position:fixed;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:rgba(255,253,249,.88);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:8px;backdrop-filter:blur(16px)}.mobile-nav button{border:0;background:transparent;padding:12px 6px;border-radius:16px;color:#4c453d}.mobile-nav button:first-child{background:#181716;color:white}.task{grid-template-columns:auto 1fr}.priority{grid-column:2}.focus-header{align-items:flex-start}.pill{display:none}}