:root{--bg:#09111f;--surface:#101827d6;--surface-strong:#0f172af5;--line:#94a3b829;--ink:#f3f7ff;--muted:#94a3b8;--accent:#ff8b7b;--accent-soft:#ff8b7b29;--navy:#67b3ff;--navy-soft:#67b3ff24;--teal:#36d4c4;--teal-soft:#36d4c424;--gold:#ffb84d;--gold-soft:#ffb84d2e;--danger:#ff6b6b;--shadow:0 24px 70px #02061785;--radius-xl:28px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#67b3ff33,#0000 24%),radial-gradient(circle at 82% 16%,#36d4c424,#0000 20%),radial-gradient(circle at 78% 86%,#ffb84d1f,#0000 26%),linear-gradient(160deg,#07101d 0%,#0b1423 48%,#0a1020 100%);margin:0;font-family:Avenir Next,SF Pro Display,Segoe UI,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:0;border-radius:999px;position:fixed;inset:auto}body:before{filter:blur(30px);background:#67b3ff1f;width:320px;height:320px;bottom:8%;left:-120px}body:after{filter:blur(34px);background:#36d4c41c;width:260px;height:260px;top:18%;right:-90px}.app-shell{z-index:1;max-width:1240px;margin:0 auto;padding:28px;position:relative}.hero,.tabs,.panel,.metric-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#0f172af2,#0f172ab8),linear-gradient(120deg,#67b3ff1f,#36d4c414);border:1px solid #94a3b81f;border-radius:32px;justify-content:space-between;gap:24px;padding:34px;animation:.6s both rise-in;display:flex}.hero-copy{max-width:720px}.eyebrow,.panel-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin:0 0 10px;font-size:.78rem;font-weight:700}.hero h1,.panel h2,.panel h3,.metric-card strong{font-family:Georgia,Times New Roman,serif}.hero h1{margin:0 0 12px;font-size:clamp(2.6rem,6vw,4.6rem);line-height:.92}.hero-text{max-width:640px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.hero-aside{align-content:start;gap:14px;min-width:220px;display:grid}.hero-chip{background:#0f172ab3;border:1px solid #94a3b81f;border-radius:18px;padding:16px 18px}.chip-label{color:var(--muted);margin-bottom:6px;font-size:.82rem;display:block}.hero-chip strong{font-size:1.08rem}.tabs{background:#0f172ab8;border:1px solid #94a3b81f;border-radius:999px;gap:10px;margin:24px 0;padding:8px;display:inline-flex;box-shadow:0 12px 32px #02061757}.tab-button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:12px 18px;font-weight:700;transition:background-color .22s,color .22s,transform .22s}.tab-button:hover,.tab-button:focus-visible{color:var(--ink);outline:none;transform:translateY(-1px)}.tab-button.is-active{color:#06111f;background:linear-gradient(135deg, var(--navy), #86c5ff);box-shadow:0 10px 24px #67b3ff42}.tab-panel{animation:.45s both rise-in;display:none}.tab-panel.is-active{display:block}.utility-grid,.metric-grid,.dashboard-grid,.split-layout,.category-columns{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-grid-focus{grid-template-columns:minmax(0,1fr)}.utility-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.metric-card{border-radius:var(--radius-xl);background:#0f172adb;border:1px solid #94a3b81f;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 42px #02061747}.metric-card:after{content:"";opacity:.75;border-radius:999px;width:140px;height:140px;position:absolute;top:-40px;right:-55px}.metric-card-income:after{background:#2a9d8f1f}.metric-card-expense:after{background:#e76f5124}.metric-card-balance:after{background:#274c7729}.metric-card-task:after{background:#f4a2612e}.metric-card p{color:var(--muted);margin:0 0 12px;font-size:.98rem}.metric-card strong{margin-bottom:10px;font-size:clamp(1.85rem,3vw,2.6rem);line-height:1;display:block}.metric-card span{color:var(--muted);font-size:.94rem}.dashboard-grid{grid-template-columns:1.3fr .9fr}.dashboard-grid-focus{grid-template-columns:minmax(0,1fr)}.split-layout{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.15fr)}.split-layout-tasks{grid-template-columns:minmax(320px,.82fr) minmax(0,1.55fr)}.panel{border-radius:var(--radius-xl);background:var(--surface);border:1px solid #94a3b81f;padding:24px;box-shadow:0 16px 40px #0206174d}.archive-panel{margin-top:18px}.utility-card{gap:16px;display:grid}.metric-card-focus{min-height:176px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-heading h2,.panel-heading h3{margin:0;font-size:1.7rem}.panel-note{min-height:40px;color:var(--muted);background:#1e293be0;border-radius:999px;align-items:center;padding:8px 14px;font-size:.92rem;display:inline-flex}.status-note{border:1px solid #0000}.status-note-local{color:var(--muted);background:#1e293be0}.status-note-ready{color:var(--navy);background:#274c771f;border-color:#274c771f}.status-note-connected{color:var(--teal);background:#2a9d8f1f;border-color:#2a9d8f1f}.status-note-syncing{color:#8c4a04;background:#f4a2612e;border-color:#f4a2612e}.status-note-error{color:var(--danger);background:#b423181f;border-color:#b423181f}.utility-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.utility-header h2{margin:0;font-size:1.55rem}.utility-text,.sync-meta{color:var(--muted);margin:0;line-height:1.6}.category-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.category-columns h3{margin:0 0 14px;font-size:1.2rem}.category-breakdown,.task-stack,.item-list{gap:12px;display:grid}.category-row,.task-card,.record-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;padding:14px 16px}.category-row{gap:10px;display:grid}.category-row header,.record-main,.task-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.category-label{font-weight:700}.category-value{color:var(--muted)}.category-bar{background:#94a3b814;border-radius:999px;width:100%;height:10px;overflow:hidden}.category-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--navy), #5c85ae);height:100%;display:block}.category-row.expense .category-bar>span{background:linear-gradient(90deg, var(--accent), #f4a261)}.stack-form{gap:16px;display:grid}.form-mode{color:var(--navy);background:#274c7714;border:1px solid #274c7724;border-radius:16px;margin:0;padding:12px 14px;font-size:.94rem;font-weight:700}.stack-form label{color:var(--ink);gap:8px;font-weight:700;display:grid}.stack-form input,.stack-form select,.stack-form textarea{width:100%;font:inherit;color:var(--ink);background:#0f172adb;border:1px solid #94a3b81f;border-radius:16px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus{background:#111827;border-color:#67b3ff73;outline:none;box-shadow:0 0 0 4px #67b3ff1f}.primary-button,.ghost-button,.small-button{font:inherit;cursor:pointer;border:0;border-radius:999px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s}.form-actions,.inline-form{flex-wrap:wrap;gap:12px;display:flex}.inline-form input{min-width:240px;font:inherit;color:var(--ink);background:#0f172adb;border:1px solid #94a3b81f;border-radius:16px;flex:1;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.inline-form input:focus{background:#111827;border-color:#67b3ff73;outline:none;box-shadow:0 0 0 4px #67b3ff1f}#syncCode{text-align:center;letter-spacing:.14em;font-variant-numeric:tabular-nums;flex:0 0 210px;max-width:210px}.inline-form input[readonly]{color:var(--muted);background:#1e293be0}.inline-form button:disabled,.ghost-button:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.primary-button{color:#06111f;background:linear-gradient(135deg, var(--navy), #8dd1ff);padding:14px 18px;box-shadow:0 14px 32px #67b3ff47}.primary-button:hover,.primary-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible,.small-button:hover,.small-button:focus-visible{outline:none;transform:translateY(-1px)}.ghost-button,.small-button{color:var(--ink);background:#1e293bd1;padding:10px 14px}.small-button[data-action=complete]{color:#041417;background:linear-gradient(135deg, var(--teal), #79f1e3)}.small-button[data-action=edit],.small-button[data-action=restore]{color:var(--navy);background:#67b3ff1f}.small-button[data-action=delete]{color:var(--danger)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-hidden{display:none}.inline-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.inline-metrics article{border:1px solid var(--line);background:#0f172ad1;border-radius:18px;padding:14px}.inline-metrics span{color:var(--muted);margin-bottom:8px;font-size:.9rem;display:block}.inline-metrics strong{font-size:1.08rem}.record-card,.task-card{gap:12px;display:grid}.calendar-panel{gap:18px;display:grid;overflow-x:auto}.calendar-heading{align-items:center}.calendar-controls{align-items:center;gap:12px;display:flex}.calendar-month-copy{text-align:center;gap:2px;min-width:180px;display:grid}.calendar-month-copy strong{font-size:1rem}.calendar-month-copy span{color:var(--muted);font-size:.9rem}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;min-width:760px;display:grid}.calendar-weekdays span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;padding:0 4px;font-size:.82rem;font-weight:700}.calendar-day{border:1px solid var(--line);background:linear-gradient(#0f172aeb,#0f172ab8);border-radius:22px;align-content:start;gap:12px;min-height:170px;padding:14px;display:grid}.calendar-day.is-today{border-color:#67b3ff6b;box-shadow:inset 0 0 0 1px #67b3ff29}.calendar-day.is-outside{opacity:.45}.calendar-day-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.calendar-day-number{font-size:.98rem;font-weight:700}.calendar-add-button{width:30px;height:30px;font:inherit;color:var(--ink);cursor:pointer;background:#1e293beb;border:0;border-radius:999px;font-weight:700}.calendar-day-tasks{gap:8px;display:grid}.calendar-task-chip{width:100%;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:#1e293be0;border:0;border-radius:14px;padding:10px 12px;font-size:.9rem;transition:transform .2s,background-color .2s,box-shadow .2s}.calendar-task-chip.status-pill-overdue{color:#ffd5d5;background:#b4231833}.calendar-task-chip.status-pill-today{color:#ffe6bc;background:#ffb84d2e}.calendar-task-chip.status-pill-upcoming{color:#d9ebff;background:#67b3ff29}.calendar-task-chip:hover,.calendar-task-chip:focus-visible,.calendar-add-button:hover,.calendar-add-button:focus-visible{outline:none;transform:translateY(-1px)}.calendar-empty-text{color:var(--muted);font-size:.9rem}.record-main,.task-main{align-items:flex-start}.record-title,.task-title{margin:0;font-size:1.02rem;font-weight:700}.record-subtitle,.task-meta,.record-note,.task-note{color:var(--muted);margin:4px 0 0;line-height:1.5}.amount-chip,.status-pill,.type-pill{border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.type-pill-income,.amount-income{color:var(--teal);background:var(--teal-soft)}.type-pill-expense,.amount-expense{color:var(--accent);background:var(--accent-soft)}.status-pill-today{color:#3b2500;background:var(--gold-soft)}.status-pill-overdue{color:#ffd0d0;background:#ff6b6b24}.status-pill-upcoming,.status-pill-done{color:#d9ebff;background:var(--navy-soft)}.record-actions,.task-actions{flex-wrap:wrap;gap:10px;display:flex}.empty-state{color:var(--muted);text-align:center;background:#0f172aad;border:1px dashed #1f26362e;border-radius:20px;padding:20px}.flash-message{max-width:320px;color:var(--ink);opacity:0;pointer-events:none;background:#0f172af5;border-radius:18px;padding:14px 18px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;right:24px;transform:translateY(10px);box-shadow:0 16px 40px #0206176b}.flash-message.is-visible{opacity:1;transform:translateY(0)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.utility-grid,.metric-grid,.dashboard-grid,.split-layout{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid-focus,.dashboard-grid-focus,.split-layout-tasks{grid-template-columns:1fr}}@media (width<=780px){.app-shell{padding:18px}.hero{padding:24px}.hero,.panel-heading,.utility-header,.record-main,.task-main{flex-direction:column;align-items:stretch}.tabs{justify-content:space-between;width:100%}.tab-button{text-align:center;flex:1}.metric-grid,.utility-grid,.dashboard-grid,.split-layout,.category-columns,.inline-metrics,.metric-grid-focus,.dashboard-grid-focus,.split-layout-tasks{grid-template-columns:1fr}.record-actions,.task-actions,.inline-form,.form-actions{width:100%}.calendar-heading,.calendar-controls{flex-direction:column;align-items:stretch}.inline-form input{width:100%;min-width:0}#syncCode{flex-basis:auto;max-width:none}.record-actions button,.task-actions button,.inline-form button,.form-actions button{flex:1}.calendar-day{min-height:0}}