:root{--bg:#f4efe4;--bg-strong:#efe5d0;--paper:#fffbf4c7;--paper-strong:#fffaf2;--line:#2c39451f;--text:#1f2d33;--muted:#6c756f;--brand:#243745;--brand-soft:#e5eef3;--accent:#b55d3d;--accent-soft:#f6d8ca;--success:#527a5f;--success-soft:#d7ebda;--warning:#9a6a1f;--warning-soft:#f0dfb7;--danger:#8f3f34;--danger-soft:#f7d5d1;--shadow:0 20px 50px #1f2d331f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--max-width:1540px;--p-box:24px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top left, #b55d3d1f, transparent 26%), radial-gradient(circle at top right, #527a5f1f, transparent 24%), linear-gradient(180deg, #faf5ea 0%, var(--bg) 100%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Aptos,Segoe UI Variable,Segoe UI,sans-serif}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{width:min(var(--max-width), calc(100vw - 32px));margin:32px auto 48px}.layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.panel{background:var(--paper);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);padding:var(--p-box);border:1px solid #ffffffa6;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#24374514,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -60px -60px auto}.panel--nested{padding:var(--p-box);background:#fffaf2e6;box-shadow:inset 0 1px #ffffffb3}.hero{justify-content:space-between;gap:var(--p-box);background:linear-gradient(135deg, #243745f5, #2e444fe0), var(--brand);color:#fffef9;border-radius:var(--radius-xl);margin-bottom:32px;padding:32px;display:flex}.hero:after{background:radial-gradient(circle,#ffffff1f,#0000 68%);width:240px;height:240px;inset:-30px -20px auto auto}.hero h1{letter-spacing:-.03em;margin:8px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,3.4vw,4rem);line-height:.96}.hero p{color:#fffef9d6;max-width:720px;margin:0;font-size:1.05rem}.hero__actions{flex-wrap:wrap;place-content:flex-start flex-end;gap:10px;display:flex}.sidebar,.content,.stack{gap:32px;display:grid}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.metric-card{padding:var(--p-box);border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg, #ffffffc2, #fffcf7f5), var(--paper-strong);min-height:140px}.metric-card strong{margin-top:12px;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1;display:block}.metric-card p{color:var(--muted);margin:12px 0 0}.metric-card.is-danger{background:linear-gradient(#f7d5d1a6,#fffcf7f5)}.metric-card.is-success{background:linear-gradient(#d7ebdab3,#fffcf7f5)}.metric-card.is-warning{background:linear-gradient(#f0dfb7b8,#fffcf7f5)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#1f2d339e;align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.hero .eyebrow{color:#fffef9b3}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading h2{color:var(--brand);margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;line-height:1.08}.tabs{padding:0}.tabs__bar{padding:16px var(--p-box) 0;flex-wrap:wrap;gap:10px;display:flex}.tabs__content{padding:var(--p-box)}.tab-button{border:1px solid var(--line);color:var(--muted);background:#ffffff8a;border-radius:999px;margin-bottom:12px;padding:12px 18px;font-weight:500;transition:all .16s}.tab-button:hover,.tab-button:focus-visible{color:var(--brand);border-color:#24374533}.tab-button.is-active{background:var(--brand);color:#fffef9;border-color:#0000}.split-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.form-grid--compact{grid-template-columns:1fr}.form-grid label{color:var(--muted);gap:8px;font-size:.95rem;display:grid}.form-grid__full{grid-column:1/-1}input,select,textarea{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffffe6;border:1px solid #2c394529;padding:12px 14px}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:2px solid #b55d3d42}.form-actions{flex-wrap:wrap;gap:12px;display:flex}.button{color:#fffef9;background:linear-gradient(135deg,#b55d3d,#c87b58);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button--ghost{border-color:var(--line);color:var(--brand);background:#ffffffd1}.button--ghost:hover{background:#fff;border-color:#24374533}.list-card,.category-card{padding:var(--p-box);border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg, #ffffffc7, #fffcf7f5), var(--paper-strong)}.list-card__header,.category-card__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.list-card h3,.category-card h3{color:var(--brand);margin:0;font-size:1.14rem}.list-card p,.category-card p{color:var(--muted);margin:8px 0 0}.category-card__actions{flex-wrap:wrap;gap:8px;display:flex}.tag-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{text-transform:uppercase;letter-spacing:.5px;min-height:26px;color:var(--brand);background:#24374514;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.tag.is-warning{color:#714f16;background:#f0dfb7bf}.tag.is-success{color:#2f5637;background:#d7ebdac7}.tag.is-danger{color:#7a3026;background:#f7d5d1cc}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px;display:grid}.meta-item{border-radius:var(--radius-sm);background:#ffffffad;border:1px solid #2c39451f;gap:8px;padding:16px;display:grid}.meta-item span{color:var(--muted);font-size:.85rem}.meta-item strong{color:var(--brand);font-size:1.1rem}.nav-link{border-radius:var(--radius-sm);color:var(--muted);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:var(--brand);background:#2437450d}.nav-link.is-active{color:var(--brand);background:#24374514;font-weight:600}.empty-state{border-radius:var(--radius-lg);color:var(--muted);text-align:center;background:#fff6;border:1px dashed #2c394538;padding:32px}.budget-row{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffa3;gap:10px;padding:16px;display:grid}.budget-row__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.budget-row__meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.94rem;display:flex}.budget-row.is-over{background:#f7d5d194}@media (width<=1080px){.layout{grid-template-columns:1fr}.hero{flex-direction:column}}@media (width<=760px){.page-shell{width:min(calc(100vw - 18px), var(--max-width));margin-top:10px}.hero,.sidebar>.panel,.content>.panel,.panel--nested{padding:18px}.form-grid,.split-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.metrics-grid{grid-template-columns:1fr}.tabs__bar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}