:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f5f6f8;--surface: #ffffff;--line: #dfe3e8;--line-strong: #c9d0d8;--text: #1f2933;--muted: #64707d;--green: #2f9e44;--blue: #1971c2;--amber: #e67700;--red: #c92a2a;--ink: #111827}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:8px;padding:8px 12px;cursor:pointer;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.62}button svg,.status-pill svg{width:18px;height:18px;flex:0 0 auto}.primary{background:var(--ink);color:#fff}.secondary{background:#fff;color:var(--text);border-color:var(--line-strong)}.ghost{background:transparent;color:var(--text);border-color:var(--line)}.icon-only{width:38px;padding:0}.danger-button{color:var(--red);border-color:#f0c0c0;background:#fff7f7}.shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;border-right:1px solid var(--line);background:#fff}.brand{display:flex;gap:12px;align-items:center;padding:8px 10px 18px;border-bottom:1px solid var(--line)}.brand svg{width:30px;height:30px;color:var(--blue)}.brand strong,.brand span{display:block}.brand strong{font-size:15px;line-height:1.2}.brand span{margin-top:3px;color:var(--muted);font-size:12px}.nav{display:grid;gap:6px;margin-top:18px}.nav button{justify-content:flex-start;width:100%;background:transparent;color:var(--muted)}.nav button.active{color:var(--ink);background:#edf2f7}.content{min-width:0;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-header h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:0}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cycle-select{width:auto;min-width:170px}.eyebrow{margin:0 0 4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:16px}.metric-card{min-height:96px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.metric-card.good{border-color:#b8e5c1;background:#effaf1}.metric-card.danger{border-color:#f1c0c0;background:#fff2f2}.metric-card span,.summary-band span{display:block;color:var(--muted);font-size:12px}.metric-card strong{display:block;margin-top:10px;font-size:clamp(19px,2vw,26px);line-height:1.08;overflow-wrap:anywhere}.metric-card.good strong{color:var(--green)}.metric-card.danger strong{color:var(--red)}.summary-band{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr);gap:12px;align-items:stretch;padding:12px;margin-bottom:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.summary-band>div{min-height:58px;display:flex;flex-direction:column;justify-content:center}.summary-band strong{margin-top:5px;font-size:15px;overflow-wrap:anywhere}.burn{flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:10px}.content-grid{display:grid;gap:16px}.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-width:0;margin-bottom:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:38px;border-bottom:1px solid var(--line)}.panel-heading h2,.empty-state h2{margin:0;font-size:18px;letter-spacing:0}.table-wrap{width:100%;overflow-x:auto;background:#fff}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:14px}th{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0;background:#f8fafc}td input,td select{min-width:150px}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;background:#fff;color:var(--text)}textarea{min-height:180px;resize:vertical;margin:10px 0;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}input[type=color]{padding:3px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;padding:14px;margin-bottom:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.form-grid.compact{grid-template-columns:repeat(6,minmax(130px,1fr))}.settings-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}label span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:700}.form-actions{display:flex;align-items:end;justify-content:flex-end;grid-column:1 / -1}.form-actions.inline{grid-column:auto}.message{margin:0 0 14px;padding:10px 12px;border-left:4px solid var(--green);background:#effaf1}.message.error{border-left-color:var(--red);background:#fff2f2}.status-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;border:1px solid var(--line);background:#f8fafc;color:var(--muted)}.status-pill.ok,.ok{color:var(--green)}.status-pill.warning,.warning{color:var(--amber)}.status-pill.danger,.danger{color:var(--red)}.status-pill.neutral{color:var(--blue)}.alert-list{display:grid;gap:8px;padding-top:12px}.alert{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.alert svg{width:18px;height:18px;flex:0 0 auto}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:12px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty-state svg{width:34px;height:34px;color:var(--blue)}.actions{display:flex;gap:8px}.income{color:var(--green)}.category-row.expanded td{border-bottom-color:transparent}.category-toggle{justify-content:flex-start;min-height:32px;max-width:100%;padding:4px 0;border:0;background:transparent;color:inherit;font-weight:700}.category-toggle span{overflow:hidden;text-overflow:ellipsis}.category-toggle svg{width:17px;height:17px;color:var(--muted)}.category-details-row td{padding:0;background:#f8fafc}.category-details{padding:8px 10px 12px 38px;border-bottom:1px solid var(--line)}.detail-table{min-width:640px;background:#fff}.detail-table th,.detail-table td{padding:8px 10px;font-size:13px}.detail-amount{font-weight:800;color:var(--ink)}.detail-empty{margin:0;color:var(--muted);font-size:13px}.savings-row{background:#effaf1}.savings-row td:first-child,.savings-row td:nth-child(2){color:var(--green);font-weight:700}.color-cell{display:flex;align-items:center;gap:10px}.swatch{width:18px;height:18px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line-strong)}@media(max-width:1080px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid,.summary-band,.content-grid.two,.form-grid,.form-grid.compact,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.content{padding:16px}.section-header{align-items:flex-start;flex-direction:column}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.summary-band,.content-grid.two,.form-grid,.form-grid.compact,.settings-grid{grid-template-columns:1fr}.form-actions.inline{grid-column:1 / -1}}