:root{--font-ui: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Fraunces", "Source Serif 4", Georgia, serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--color-paper: #faf7f2;--color-paper2: #f4f0e8;--color-surface: #ffffff;--color-line: #e8e2d6;--color-line2: #ddd5c5;--color-ink-1: #1a1612;--color-ink-2: #4a4238;--color-ink-3: #7a7166;--color-ink-4: #a89f93;--color-brand-50: #f0f3e8;--color-brand-100: #dde3c8;--color-brand-300: #a8b685;--color-brand-500: #6b8e4e;--color-brand-600: #587a3f;--color-brand-700: #455f31;--color-brand-900: #2a3a1c;--color-accent-500: #c25b3a;--color-accent-bg: #f5dbd0;--color-positive: #5a7a3e;--color-positive-bg: #eef2e1;--color-negative: #a8482e;--color-negative-bg: #f4e6df;--color-warn: #b87a1e;--color-warn-bg: #f6ebd5;--color-info: #4a6a82;--color-info-bg: #e3eaef;--radius-1: 4px;--radius-2: 6px;--radius-3: 8px;--radius-4: 12px;--radius-5: 16px;--radius-6: 20px;--radius-7: 28px;--shadow-1: 0 1px 2px rgba(60, 40, 20, .04), 0 1px 1px rgba(60, 40, 20, .03);--shadow-2: 0 2px 8px rgba(60, 40, 20, .06), 0 1px 2px rgba(60, 40, 20, .04);--shadow-3: 0 8px 24px rgba(60, 40, 20, .08), 0 2px 6px rgba(60, 40, 20, .05);--motion-ease: cubic-bezier(.2, .7, .3, 1);--motion-fast: .12s;--motion-medium: .2s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--cat-olive-tint: #dde3c8;--cat-olive-ink: #455f31;--cat-moss-tint: #cfd8b3;--cat-moss-ink: #39501f;--cat-sage-tint: #d8dec5;--cat-sage-ink: #5e6c47;--cat-terracotta-tint: #f5dbd0;--cat-terracotta-ink: #8a3a1f;--cat-amber-tint: #f6ebd5;--cat-amber-ink: #8a5b15;--cat-mustard-tint: #ecdfaa;--cat-mustard-ink: #6e5418;--cat-wine-tint: #ead2d2;--cat-wine-ink: #7a2f3a;--cat-plum-tint: #dbcfdf;--cat-plum-ink: #553a66;--cat-sky-tint: #d1dde6;--cat-sky-ink: #345566;--cat-denim-tint: #c8d3df;--cat-denim-ink: #2f4760;--cat-taupe-tint: #e0d6c4;--cat-taupe-ink: #5a4d36;--cat-neutral-tint: #ebe6da;--cat-neutral-ink: #7a7166}.app-shell{display:grid;grid-template-columns:232px 1fr;height:100%}.sidebar{background:var(--color-paper);border-right:1px solid var(--color-line);padding:18px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}.sidebar-brand{padding:8px 8px 16px;display:flex;align-items:center;gap:10px}.sidebar-book{display:flex;align-items:center;gap:10px;padding:10px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-3);cursor:pointer;margin-bottom:8px;text-align:left;width:100%;transition:background var(--motion-fast) var(--motion-ease)}.sidebar-book:hover{background:var(--color-paper2)}.sidebar-book-avatar{width:24px;height:24px;border-radius:6px;background:var(--color-brand-500);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;flex-shrink:0}.sidebar-book-meta{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-book-name{display:block;font-size:13px;font-weight:500;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-book-hint{display:block;font-size:11px;color:var(--color-ink-3)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-3);color:var(--color-ink-2);font-size:13.5px;font-weight:400;cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:background var(--motion-fast) var(--motion-ease)}.sidebar-nav-item:hover{background:var(--color-paper2)}.sidebar-nav-item.active{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:500}.sidebar-nav-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-dot{width:6px;height:6px;border-radius:50%;margin-left:auto;flex-shrink:0}.sidebar-spacer{flex:1}.sidebar-footer{padding:12px 10px 0;border-top:1px solid var(--color-line);display:flex;flex-direction:column;gap:2px}.sidebar-footer .sidebar-nav-item{padding:6px 0;font-size:13px;border-radius:0}.sidebar-footer .sidebar-nav-item:hover{background:transparent;color:var(--color-ink-1)}.sidebar-footer .sidebar-nav-item.active{background:transparent;color:var(--color-brand-700)}.main{padding:var(--space-7);overflow-y:auto}.main h2{font-family:var(--font-ui);font-weight:600;font-size:24px;margin:0 0 var(--space-5)}.header-search{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--color-surface);border:1px solid var(--color-line2);border-radius:var(--radius-3);width:280px;flex-shrink:0;color:var(--color-ink-1)}.header-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--font-ui);font-size:13px;color:var(--color-ink-1)}.header-search input::placeholder{color:var(--color-ink-4)}.header-search input[type=search]::-webkit-search-cancel-button,.header-search input[type=search]::-webkit-search-decoration,.header-search input[type=search]::-webkit-search-results-button,.header-search input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.header-search input[type=search]::-ms-clear,.header-search input[type=search]::-ms-reveal{display:none;width:0;height:0}.header-search-clear{flex-shrink:0;width:18px;height:18px;border:0;border-radius:50%;background:var(--color-line2);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.header-search-clear:hover{background:var(--color-accent-500)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-3);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-1);cursor:pointer;font-weight:500;transition:background var(--motion-fast) var(--motion-ease)}.btn:hover{background:var(--color-paper2)}.btn-primary{background:var(--color-brand-600);border-color:var(--color-brand-700);color:var(--color-surface)}.btn-primary:hover{background:var(--color-brand-700)}.btn-ghost{border:none;background:transparent;color:var(--color-ink-2)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3)}.field input,.field select,.field textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--color-line2);border-radius:var(--radius-3);background:var(--color-surface)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-brand-300);outline-offset:0;border-color:var(--color-brand-500)}.select{display:flex;flex-direction:column;gap:6px}.select-label{font-family:var(--font-ui);font-weight:500;font-size:11px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3)}.select-wrap{position:relative}.select-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:0 10px 0 12px;background:var(--color-surface);border:1px solid var(--color-line2);border-radius:var(--radius-3);font-family:var(--font-ui);font-size:14px;color:var(--color-ink-1);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.select-trigger:disabled{background:var(--color-paper2);cursor:not-allowed;color:var(--color-ink-3)}.select-trigger.open{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #6b8e4e26}.select-trigger.error{border-color:var(--color-negative)}.select-trigger.placeholder .select-trigger-text{color:var(--color-ink-3)}.select-trigger-sm{height:32px;font-size:13px}.select-trigger-md{height:38px}.select-trigger-lg{height:46px;font-size:15px}.select-trigger-prefix{display:inline-flex;align-items:center;flex-shrink:0}.select-trigger-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-chev{flex-shrink:0;transition:transform var(--motion-fast) var(--motion-ease)}.select-chev.open{transform:rotate(180deg)}.select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--color-surface);border:1px solid var(--color-line2);border-radius:var(--radius-3);box-shadow:var(--shadow-3);padding:4px;overflow-y:auto}.select-empty{padding:12px 10px;text-align:center;font-size:13px;color:var(--color-ink-3)}.select-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-2);background:transparent;color:var(--color-ink-1);font-family:var(--font-ui);font-size:14px;font-weight:400;cursor:pointer;text-align:left;transition:background var(--motion-fast) var(--motion-ease)}.select-option:hover{background:var(--color-paper2)}.select-option.active{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:500}.select-option-prefix{display:inline-flex;align-items:center;flex-shrink:0}.select-option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-option-hint{font-size:11px;color:var(--color-ink-3);flex-shrink:0}.select-option-check{flex-shrink:0}.select-hint{font-size:11px;color:var(--color-ink-3)}.select-hint.error{color:var(--color-negative)}.chip-select{position:relative;display:inline-flex}.chip-select .select-menu{left:0;right:auto;min-width:200px;width:max-content;max-width:320px}.banner-warning{background:var(--color-warn-bg);border:1px solid #e0c190;color:var(--color-warn);padding:var(--space-3) var(--space-4);border-radius:var(--radius-3);margin-bottom:var(--space-5);font-size:13px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);font-size:14.5px;line-height:1.5;color:var(--color-ink-1);background:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}code{font-family:var(--font-mono);font-size:.92em;padding:1px 4px;background:var(--color-paper2);border-radius:4px}.card h1,.card h2{font-family:var(--font-display);font-weight:400;margin:0 0 8px}.card h1{font-size:28px;letter-spacing:-.015em}.card h2{font-size:20px}.card .meta{color:var(--color-ink-3);margin:0 0 16px}.card--note{background:var(--color-paper2);border-color:var(--color-line2)}.card--note ul{margin:0;padding-left:20px;color:var(--color-ink-2);font-size:14px;line-height:1.7}.preview{display:flex;align-items:center;gap:20px;padding:16px;background:var(--color-paper2);border-radius:12px}.preview__title{font-family:var(--font-display);font-size:22px;line-height:1.1}.preview__sub{color:var(--color-ink-3);font-size:13px;margin-top:4px}.preview__details{margin-top:12px}.preview__details summary{cursor:pointer;color:var(--color-ink-3);font-size:12px}.preview__details pre{font-family:var(--font-mono);font-size:12px;background:var(--color-paper);padding:12px;border-radius:8px;overflow-x:auto;margin-top:8px}.swatch-row{display:flex;flex-wrap:wrap;gap:12px}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:transform var(--motion-fast) var(--motion-ease)}.swatch:hover{transform:scale(1.05)}.group{border:none;margin:0 0 16px;padding:0}.group legend{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);margin-bottom:8px}.group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.group__cell{background:transparent;border:1.5px solid transparent;border-radius:10px;padding:4px;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--motion-fast) var(--motion-ease)}.group__cell:hover,.group__cell.is-selected{border-color:var(--color-line2)}.db-smoke{font-size:14px;color:var(--color-ink-2);background:var(--color-paper2);border-radius:12px;padding:16px}.db-smoke--ready{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 24px;margin:0}.db-smoke--ready div{display:flex;flex-direction:column}.db-smoke--ready dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);margin:0}.db-smoke--ready dd{margin:4px 0 0;color:var(--color-ink-1);font-weight:500}.db-smoke--error{background:#fdecea;color:#b03a2e}.icon-picker{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-3);background:var(--color-surface)}.icon-picker__group{border:none;margin:0;padding:0}.icon-picker__group legend{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);margin-bottom:var(--space-2);padding:0}.icon-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1)}.icon-picker__cell{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid transparent;border-radius:var(--radius-2);background:var(--color-paper2);color:var(--color-ink-2);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.icon-picker__cell:hover{background:var(--color-paper);border-color:var(--color-line)}.icon-picker__cell.is-selected{border-width:1.5px}.color-picker__row{display:flex;gap:var(--space-2);flex-wrap:wrap}.color-picker__chip{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease);font-size:14px;display:inline-flex;align-items:center;justify-content:center}.color-picker__chip:hover:not(:disabled){transform:scale(1.06)}.color-picker__chip:disabled{cursor:not-allowed;opacity:.55}.color-picker__hint{margin:var(--space-2) 0 0;color:var(--color-ink-3);font-size:12px}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-4);padding:var(--space-6);box-shadow:var(--shadow-1)}.tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.tx-list li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-3);background:var(--color-surface);border:1px solid var(--color-line)}.tx-list .tx-meta{display:flex;flex-direction:column}.tx-list .tx-amount{font-variant-numeric:tabular-nums;font-weight:600;font-size:16px}.tx-list .tx-amount.negative{color:var(--color-negative)}.tx-list .tx-amount.positive{color:var(--color-positive)}.tx-list .tx-description{color:var(--color-ink-2)}.tx-list .tx-secondary{color:var(--color-ink-3);font-size:12px}.tx-list-row{cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.tx-list-row:hover{background:var(--color-paper2)}.tx-list-row:focus-visible{outline:2px solid var(--color-brand-300);outline-offset:-2px}.empty{padding:var(--space-7) var(--space-6);text-align:center;color:var(--color-ink-3)}.card.empty{margin-bottom:var(--space-4)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.filterbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.filterbar-search{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-line2);border-radius:var(--radius-3);background:var(--color-surface);font-size:14px}.filterbar-search:focus{outline:2px solid var(--color-brand-300);outline-offset:0;border-color:var(--color-brand-500)}.filterbar-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-paper2);border:1px solid var(--color-line);border-radius:var(--radius-3)}.filterbar-field{display:flex;flex-direction:column;gap:var(--space-1)}.filterbar-field label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3)}.filterbar-field select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-line2);border-radius:var(--radius-3);background:var(--color-surface);font-size:13px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:var(--color-ink-3);font-weight:500;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-paper2)}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr[role=button]{cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.data-table tbody tr[role=button]:hover{background:var(--color-brand-50)}.data-table tbody tr.data-table-error{background:var(--color-warn-bg)}.data-table-wrap{max-height:400px;overflow-y:auto;margin:var(--space-4) 0;border:1px solid var(--color-line);border-radius:var(--radius-3)}.summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-7) var(--space-4);margin:calc(var(--space-7) * -1) calc(var(--space-7) * -1) var(--space-5);padding-top:var(--space-7);border-bottom:1px solid var(--color-line)}.summary-header .summary-greeting{font-family:var(--font-ui);font-weight:600;font-size:24px;line-height:1;letter-spacing:-.015em;margin:0;color:var(--color-ink-1)}.summary-subhead{margin-top:6px;font-size:13px;line-height:1.2;color:var(--color-ink-3)}.summary-label{font-family:var(--font-ui);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3)}.tnum{font-variant-numeric:tabular-nums lining-nums}.summary-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.summary-kpis.summary-kpis-3{grid-template-columns:repeat(3,1fr)}.summary-kpi{padding:var(--space-5)}.summary-kpi-value{font-family:var(--font-display);font-weight:400;font-size:clamp(14px,1.5vw,28px);letter-spacing:-.02em;line-height:1.1;margin-top:var(--space-2);color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-kpi-hint{margin-top:var(--space-1);font-size:12px}.summary-row{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.summary-row-charts{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.summary-row-lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.summary-flow{padding:var(--space-5) var(--space-6)}.summary-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.summary-flow-head>:first-child{min-width:0;flex:1 1 auto}.summary-flow-value{font-family:var(--font-display);font-weight:400;font-size:clamp(14px,1.6vw,32px);letter-spacing:-.02em;line-height:1.1;margin-top:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-flow-hint{margin-top:var(--space-1);font-size:12px;color:var(--color-ink-3)}.summary-flow-period{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full, 9999px);border:1px solid var(--color-line);background:var(--color-paper2);font-size:11px;color:var(--color-ink-2)}.summary-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.period-chips{display:flex;gap:6px;flex-wrap:wrap}.period-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--radius-full, 9999px);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-2);font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.period-chip:hover{background:var(--color-paper2)}.period-chip.active{background:var(--color-brand-500);border-color:var(--color-brand-500);color:#fff}.link-all{border:none;background:transparent;padding:0;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--color-brand-700);cursor:pointer}.link-all:hover{color:var(--color-brand-900);text-decoration:underline}.summary-bars{display:block;width:100%;height:auto;margin-top:var(--space-2)}.summary-flow-legend{display:flex;gap:var(--space-5);margin-top:var(--space-3);font-size:12px;color:var(--color-ink-3)}.summary-legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.summary-legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;flex-shrink:0}.summary-donut-card{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.summary-donut-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;row-gap:var(--space-2)}.summary-donut-title{margin:0}.donut-period{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.donut-period-wrap{position:relative;display:inline-block}.select-trigger.donut-period-trigger{width:auto;min-height:28px;height:28px;padding:0 10px;font-size:12.5px;border-radius:var(--radius-3);display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-ink-2);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.select-trigger.donut-period-trigger .select-trigger-text{flex:0 0 auto}.donut-period-trigger:hover{border-color:var(--color-line2);color:var(--color-ink-1)}.donut-period-trigger.open{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #6b8e4e26}.donut-period-menu{min-width:180px;right:0;left:auto}.period-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:320px;background:var(--color-surface);border:1px solid var(--color-line2);border-radius:var(--radius-4);box-shadow:var(--shadow-3);padding:14px;display:flex;flex-direction:column;gap:12px;font-family:var(--font-ui);color:var(--color-ink-1);animation:smodal-fade-in var(--motion-fast) var(--motion-ease)}.chip-select .period-popover{left:0;right:auto}.period-popover-presets{display:flex;flex-wrap:wrap;gap:6px}.period-preset{height:28px;padding:0 10px;border-radius:999px;background:var(--color-paper2);border:1px solid transparent;color:var(--color-ink-2);font-size:12.5px;font-family:var(--font-ui);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.period-preset:hover{background:var(--color-line);color:var(--color-ink-1)}.period-preset.active{background:var(--color-brand-50);color:var(--color-brand-700);border-color:var(--color-brand-500)}.period-popover-divider{height:1px;background:var(--color-line);margin:0 -2px}.period-popover-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.period-popover-field{display:flex;flex-direction:column;gap:4px;font-size:12px}.period-popover-field .select-label{font-size:11px}.date-trigger{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 12px;background:var(--color-surface);border:1px solid var(--color-line2);border-radius:var(--radius-3);font-family:var(--font-ui);font-size:14px;color:var(--color-ink-1);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.date-trigger:disabled{background:var(--color-paper2);cursor:not-allowed;color:var(--color-ink-3)}.date-trigger.open{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #6b8e4e26}.date-trigger.error{border-color:var(--color-negative)}.date-trigger.placeholder .date-trigger-text{color:var(--color-ink-3)}.date-trigger-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-popover{position:absolute;top:calc(100% + 4px);left:0;z-index:30;width:280px;background:var(--color-surface);border:1px solid var(--color-line2);border-radius:var(--radius-4);box-shadow:var(--shadow-3);padding:14px;font-family:var(--font-ui);color:var(--color-ink-1);animation:smodal-fade-in var(--motion-fast) var(--motion-ease)}.date-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.date-nav{width:28px;height:28px;border:0;background:transparent;border-radius:var(--radius-2);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--color-ink-2);transition:background var(--motion-fast) var(--motion-ease)}.date-nav:hover{background:var(--color-paper2)}.date-nav-prev{transform:rotate(180deg)}.date-title{font-size:14px;font-weight:600;color:var(--color-ink-1)}.date-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.date-weekday{text-align:center;font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ink-3);padding:4px 0;text-transform:lowercase}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-cell{height:32px;border:0;border-radius:var(--radius-2);cursor:pointer;padding:0;background:transparent;font-family:var(--font-mono);font-size:13px;font-weight:400;color:var(--color-ink-1);transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.date-cell.empty{cursor:default;background:transparent}.date-cell:not(.empty):not(.disabled):hover{background:var(--color-paper2)}.date-cell.weekend{color:var(--color-ink-3)}.date-cell.today{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:600}.date-cell.selected{background:var(--color-brand-500);color:#fff;font-weight:600}.date-cell.selected:hover{background:var(--color-brand-700)}.date-cell.disabled{color:var(--color-ink-4);cursor:not-allowed;opacity:.45}.date-popover-foot{display:flex;justify-content:flex-end;margin-top:8px}.date-quick{border:0;background:transparent;padding:4px 8px;border-radius:var(--radius-2);font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--color-brand-700);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.date-quick:hover{background:var(--color-brand-50)}.period-popover-summary{font-size:12.5px;color:var(--color-ink-3);text-align:center;padding:4px 0}.period-popover-actions{display:flex;justify-content:flex-end;gap:8px}.summary-donut-body{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2)}.summary-donut{position:relative;flex-shrink:0}.summary-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.summary-donut-total{font-family:var(--font-display);font-size:22px;color:var(--color-ink-1);line-height:1}.summary-donut-legend{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:var(--color-ink-2)}.summary-donut-legend li{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-2);align-items:center}.summary-legend-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-legend-amount{color:var(--color-ink-3);font-size:12px}.summary-legend-pct{color:var(--color-ink-3);font-size:11px;width:36px;text-align:right}.summary-recent,.summary-accounts,.summary-budgets{padding:var(--space-5) var(--space-6)}.summary-budget-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.summary-budget-item{display:flex;flex-direction:column;gap:8px}.summary-budget-head{display:flex;align-items:center;gap:12px}.summary-budget-meta{flex:1;min-width:0}.summary-budget-label{font-size:13.5px;font-weight:500;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-budget-note{font-size:11.5px;margin-top:1px}.summary-budget-amount{font-size:13px;color:var(--color-ink-2);white-space:nowrap}.summary-budget-spent{font-weight:500;color:var(--color-ink-1)}.summary-budget-cap{color:var(--color-ink-3)}.summary-budget-bar{height:6px;border-radius:3px;background:var(--color-paper2);overflow:hidden}.summary-budget-bar-fill{height:100%;background:var(--color-brand-500);transition:width var(--motion-medium) var(--motion-ease)}.summary-budget-dot{width:30px;height:30px;border-radius:50%;flex-shrink:0}.summary-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.summary-tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.summary-tx-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-top:1px solid var(--color-line)}.summary-tx-list li.first{border-top:none;padding-top:0}.summary-tx-tile-empty{display:inline-block;width:36px;height:36px;flex-shrink:0}.summary-tx-meta{min-width:0}.summary-tx-title{font-size:14px;font-weight:500;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-tx-secondary{font-size:12px;color:var(--color-ink-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-tx-amount{font-family:var(--font-ui);font-weight:500;font-size:14.5px;color:var(--color-ink-1);white-space:nowrap}.summary-tx-amount.positive{color:var(--color-positive)}.summary-account-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.summary-account-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.summary-account-name{font-size:13.5px;font-weight:500;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-account-amount{font-size:13.5px;font-weight:500;white-space:nowrap}.summary-account-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--color-ink-3);margin-top:2px}.summary-account-bar{margin-top:6px;height:6px;border-radius:3px;background:var(--color-paper2);overflow:hidden}.summary-account-bar-fill{height:100%;background:var(--color-brand-500);transition:width var(--motion-medium) var(--motion-ease)}@media(max-width:1024px){.summary-kpis,.summary-kpis.summary-kpis-3{grid-template-columns:repeat(2,1fr)}.summary-row-charts,.summary-row-lists{grid-template-columns:1fr}}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-7) var(--space-7) var(--space-4);margin:calc(var(--space-7) * -1) calc(var(--space-7) * -1) var(--space-5);border-bottom:1px solid var(--color-line)}.screen-header .screen-title{font-family:var(--font-ui);font-weight:600;font-size:24px;line-height:1;letter-spacing:-.015em;margin:0;color:var(--color-ink-1)}.screen-subtitle{margin-top:6px;font-size:13px;line-height:1.2;color:var(--color-ink-3)}.screen-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.screen-actions .btn,.screen-actions .header-search,.summary-header-actions .btn{height:36px;padding-top:0;padding-bottom:0}.diary-balance{margin-bottom:var(--space-4);padding:var(--space-4) var(--space-5)}.diary-balance-value{font-family:var(--font-display);font-size:32px;letter-spacing:-.02em;line-height:1.1;margin-top:var(--space-2)}.chip-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.chip{position:relative;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--radius-full, 9999px);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-2);font-family:var(--font-ui);font-size:13px;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.chip:hover{background:var(--color-paper2)}.chip-active{background:var(--color-brand-500);border-color:var(--color-brand-500);color:#fff;font-weight:500}.chip-active:hover{background:var(--color-brand-600)}.chip-open{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #6b8e4e26}.chip-chev{transition:transform var(--motion-fast) var(--motion-ease)}.chip-chev.open{transform:rotate(180deg)}.chip-search{flex:1;min-width:200px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-line2);border-radius:var(--radius-full, 9999px);background:var(--color-surface);font-size:13px}.chip-search:focus{outline:2px solid var(--color-brand-300);outline-offset:0;border-color:var(--color-brand-500)}.ops-filterbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.ops-filterbar-spacer{flex:1}.ops-action{display:inline-flex;align-items:center;gap:6px}.ops-filterbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-line);border-radius:var(--radius-full, 9999px);background:var(--color-surface);color:var(--color-ink-3);cursor:pointer;flex-shrink:0;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.ops-filterbar-icon-btn:not(:disabled):hover{background:var(--color-paper2);color:var(--color-ink-1);border-color:var(--color-line2)}.ops-filterbar-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ops-filterbar-icon-btn.active{background:var(--color-paper2);color:var(--color-ink-1);border-color:var(--color-line2)}.ops-grid{padding:0;overflow:hidden;margin-bottom:var(--space-3)}.ops-grid-scroll{overflow-x:auto;overflow-y:hidden}.ops-grid-head{display:grid;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-paper2);border-bottom:1px solid var(--color-line);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);font-weight:500;min-width:max-content}.ops-grid-row{display:grid;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-line);align-items:center;min-width:max-content}.ops-grid-row.interactive{cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.ops-grid-row.interactive:hover{background:var(--color-paper2)}.ops-grid-row.interactive:focus-visible{outline:2px solid var(--color-brand-300);outline-offset:-2px}.ops-grid-date{font-size:13px;color:var(--color-ink-2);white-space:nowrap}.ops-grid-desc{display:flex;align-items:center;gap:10px;min-width:0}.ops-grid-icon{display:inline-flex;flex-shrink:0}.ops-grid-icon-empty{display:inline-block;width:32px;height:32px;flex-shrink:0}.ops-grid-desc-text{min-width:0}.ops-grid-desc-title{font-size:13.5px;font-weight:500;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-grid-desc-note{font-size:11px;color:var(--color-ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-grid-account{font-size:12.5px;color:var(--color-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-grid-amount{font-family:var(--font-ui);font-weight:500;font-size:14px;text-align:right;color:var(--color-ink-1);white-space:nowrap}.ops-grid-amount.positive{color:var(--color-positive)}.ops-grid-dots{display:inline-flex;align-items:center;justify-content:center}.ops-grid-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:12px;color:var(--color-ink-3);padding:0 var(--space-2);margin-top:var(--space-3)}.ops-grid-pager{display:inline-flex;align-items:center;gap:var(--space-2)}.ops-grid-pager-state{font-size:12px;color:var(--color-ink-3);min-width:44px;text-align:center}.ops-grid-sort{display:inline-flex;align-items:center;gap:6px;height:100%;border:0;padding:0;background:transparent;font:inherit;font-weight:500;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--motion-fast) var(--motion-ease)}.ops-grid-sort:hover,.ops-grid-sort.active{color:var(--color-ink-1)}.ops-grid-sort-right{justify-content:flex-end}.ops-grid-sort-icon{flex-shrink:0;margin-bottom:1px}.ops-grid-text{font-size:13px;color:var(--color-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-grid-text.muted{color:var(--color-ink-3);font-size:12px}.ops-columns{position:relative;display:inline-block}.ops-action.active{background:var(--color-paper2);color:var(--color-ink-1)}.ops-columns-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:240px;background:var(--color-surface);border:1px solid var(--color-line2);border-radius:var(--radius-4);box-shadow:var(--shadow-3);padding:12px;display:flex;flex-direction:column;gap:10px;font-family:var(--font-ui);color:var(--color-ink-1);animation:smodal-fade-in var(--motion-fast) var(--motion-ease)}.ops-columns-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ops-columns-pop-list{display:flex;flex-direction:column;gap:2px}.ops-columns-row{display:flex;align-items:center;gap:10px;padding:6px;border-radius:var(--radius-2);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.ops-columns-row:hover{background:var(--color-paper2)}.ops-columns-check{flex:0 0 18px;width:18px;height:18px;border-radius:var(--radius-1);border:1.5px solid var(--color-line2);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.ops-columns-check.on{background:var(--color-brand-500);border-color:var(--color-brand-500)}.ops-columns-label{flex:1;font-size:14px;color:var(--color-ink-1)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chip-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chip-active .cs-trigger-parent,.chip-active .cs-trigger-sep,.chip-active .cs-trigger-leaf{color:inherit}.cs-trigger-parent{color:var(--color-ink-3)}.cs-trigger-sep{color:var(--color-ink-4);font-size:12px;margin:0 4px}.cs-trigger-leaf{color:var(--color-ink-1);font-weight:500}.cs-pop{z-index:100;display:flex;align-items:flex-start;gap:6px}.cs-pop.sub-right,.cs-pop.sub-left{flex-direction:row}.cs-pop.sub-left .cs-sub{position:absolute;top:0;right:calc(100% + 6px)}.cs-col{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-4);box-shadow:var(--shadow-3);padding:4px;width:280px;max-height:360px;overflow-y:auto;animation:smodal-fade-in var(--motion-fast) var(--motion-ease)}.cs-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:var(--radius-2);background:transparent;cursor:pointer;text-align:left;font-family:var(--font-ui);font-size:14px;color:var(--color-ink-1);transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.cs-row:hover{background:var(--color-paper2)}.cs-row.is-active{background:var(--color-brand-50);color:var(--color-brand-700)}.cs-row.is-selected{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:500}.cs-row-clear{font-size:13px;color:var(--color-ink-3)}.cs-glyph{flex:0 0 28px;width:28px;height:28px;border-radius:var(--radius-2);background:var(--color-paper2);display:inline-flex;align-items:center;justify-content:center}.cs-glyph-empty{background:transparent;border:1.5px dashed var(--color-line2)}.cs-row.is-active .cs-glyph,.cs-row.is-selected .cs-glyph{background:var(--color-brand-100)}.cs-row-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-caret{flex-shrink:0;transition:transform var(--motion-fast) var(--motion-ease)}.cs-row:hover .cs-caret,.cs-row.is-active .cs-caret{transform:translate(2px)}.cs-caret-left{transform:rotate(180deg)}.cs-row:hover .cs-caret-left,.cs-row.is-active .cs-caret-left{transform:rotate(180deg) translate(2px)}.cs-empty{padding:28px 16px;text-align:center;color:var(--color-ink-3);font-size:13px}.cs-sub-head{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--color-line);margin:-4px -4px 4px}.cs-sub-head .cs-glyph{width:24px;height:24px;flex-basis:24px}.cs-sub-title{font-size:13px;font-weight:600;color:var(--color-ink-2);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-sub-eyebrow{font-size:10px;font-family:var(--font-ui);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3);flex-shrink:0}.cs-pick-parent{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;margin:4px 0 2px;border:0;border-radius:var(--radius-2);background:var(--color-paper2);font-family:var(--font-ui);font-size:13px;color:var(--color-ink-2);cursor:pointer;text-align:left;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.cs-pick-parent:hover{background:var(--color-brand-50);color:var(--color-brand-700)}.cs-pick-parent.is-selected{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:500}.cs-divider{height:1px;background:var(--color-line);margin:4px 6px}.data-grid{padding:0;overflow:hidden;margin-bottom:var(--space-3)}.data-grid-head{display:grid;grid-template-columns:130px minmax(0,1fr) 200px 160px 140px;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-paper2);border-bottom:1px solid var(--color-line);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);font-weight:500}.data-grid-row{display:grid;grid-template-columns:130px minmax(0,1fr) 200px 160px 140px;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-line);align-items:center}.data-grid-row.interactive{cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.data-grid-row.interactive:hover{background:var(--color-paper2)}.data-grid-row.interactive:focus-visible{outline:2px solid var(--color-brand-300);outline-offset:-2px}.data-grid-date{font-size:13px;color:var(--color-ink-2);white-space:nowrap}.data-grid-desc{display:flex;align-items:center;gap:var(--space-3);min-width:0}.data-grid-tile-empty{display:inline-block;width:36px;height:36px;flex-shrink:0}.data-grid-desc-text{min-width:0}.data-grid-desc-title{font-size:13.5px;font-weight:500;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-grid-desc-secondary{font-size:11px;color:var(--color-ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-grid-account{font-size:12.5px;color:var(--color-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-grid-amount{font-family:var(--font-ui);font-weight:500;font-size:14px;text-align:right;color:var(--color-ink-1);white-space:nowrap}.data-grid-amount.positive{color:var(--color-positive)}.data-grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-ink-3);padding:0 var(--space-2);margin-top:var(--space-3)}.cat-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full, 9999px);font-size:12px;font-weight:500;white-space:nowrap}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.account-card{position:relative;overflow:hidden;padding:var(--space-5) var(--space-6)}.account-card-clickable{cursor:pointer;transition:box-shadow var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.account-card-clickable:hover{box-shadow:var(--shadow-2);border-color:var(--color-line2)}.account-card-clickable:focus-visible{outline:none;box-shadow:0 0 0 3px #6b8e4e2e,var(--shadow-1);border-color:var(--color-brand-500)}.account-card-accent{position:absolute;top:0;left:0;width:4px;height:100%}.account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.account-card-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.account-card-dots{border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.account-trend-card{margin-bottom:var(--space-4);padding:var(--space-5) var(--space-6)}.account-trend-bars{display:block;width:100%;height:auto;margin-top:var(--space-3)}.account-card-name{font-size:14.5px;font-weight:600;color:var(--color-ink-1)}.account-card-currency{font-family:var(--font-mono);font-size:12px;color:var(--color-ink-3)}.account-card-balance{font-family:var(--font-display);font-size:30px;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-3)}.account-card-currency-symbol{font-size:22px;color:var(--color-ink-3)}.account-card-spark{display:block;width:100%;height:36px}.archive-empty{padding:24px 8px;text-align:center;font-size:13px;color:var(--color-ink-3);line-height:1.55}.archive-head{display:grid;grid-template-columns:1fr 140px 130px;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-line);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);font-weight:500}.archive-row{display:grid;grid-template-columns:1fr 140px 130px;gap:10px;align-items:center;padding:10px 0;margin:0;border:0;border-top:1px solid var(--color-line);border-radius:0;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:inherit;width:100%;box-sizing:border-box;font-size:13.5px;transition:background var(--motion-fast) var(--motion-ease)}.archive-row.first{border-top:none}.archive-row-disabled{cursor:default}.archive-row:not(.archive-row-disabled):hover,.archive-row:not(.archive-row-disabled):focus-visible{background:var(--color-paper2);outline:none}.archive-row-name-col{display:flex;align-items:center;gap:12px;min-width:0}.archive-row-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-3);background:var(--color-paper2);color:var(--color-ink-3);flex-shrink:0}.archive-row-meta{min-width:0}.archive-row-name{font-size:13.5px;font-weight:500;color:var(--color-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-row-secondary{font-size:11px;color:var(--color-ink-3);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.archive-row-date{font-size:12.5px;color:var(--color-ink-3)}.archive-row-amount{font-size:13px;color:var(--color-ink-3);text-align:right}.cat-tree-card{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4)}.cat-tree-head{display:grid;grid-template-columns:1fr 60px 130px 110px;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-line);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);font-weight:500}.cat-tree-row{display:grid;grid-template-columns:1fr 60px 130px 110px;gap:10px;padding:10px 0;margin:0;border:0;border-top:1px solid var(--color-line);border-radius:0;align-items:center;font-size:13.5px;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:inherit;width:100%;box-sizing:border-box;transition:background var(--motion-fast) var(--motion-ease)}.cat-tree-row:not(.cat-tree-row-disabled):hover,.cat-tree-row:not(.cat-tree-row-disabled):focus-visible{background:var(--color-paper2);outline:none}.cat-tree-row-disabled{cursor:default}.cat-tree-row.first{border-top:none}.cat-tree-empty{padding:24px 8px;text-align:center;font-size:13px;color:var(--color-ink-3);line-height:1.55}.cat-tree-name{display:flex;align-items:center;gap:10px;min-width:0}.cat-tree-row-child .cat-tree-name{padding-left:18px}.cat-tree-title{font-weight:500;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-tree-title-child{font-weight:400;color:var(--color-ink-2)}.cat-tree-count{text-align:right;color:var(--color-ink-3)}.cat-tree-sum{text-align:right;font-weight:500;color:var(--color-ink-1)}.cat-tree-share{display:flex;align-items:center;gap:6px;justify-content:flex-end}.cat-tree-share-bar{width:36px;height:5px;border-radius:3px;background:var(--color-paper2);overflow:hidden;display:inline-block}.cat-tree-share-bar-fill{display:block;height:100%;background:var(--color-brand-500);opacity:.8}.cat-tree-share-pct{font-size:12px;color:var(--color-ink-3);width:32px;text-align:right}.cp-tree-head,.cp-tree-row{grid-template-columns:1fr 60px 130px 130px}.cp-tree-row{display:grid;gap:10px;padding:10px 0;margin:0;border:0;border-top:1px solid var(--color-line);border-radius:0;align-items:center;font-size:13.5px;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:inherit;width:100%;box-sizing:border-box;transition:background var(--motion-fast) var(--motion-ease)}.cp-tree-row:not(.cat-tree-row-disabled):hover,.cp-tree-row:not(.cat-tree-row-disabled):focus-visible{background:var(--color-paper2);outline:none}.cp-tree-row.first{border-top:none}.collapsible-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-4);overflow:hidden;margin-bottom:var(--space-4)}.collapsible-card-head{display:flex;align-items:stretch;gap:0}.collapsible-card-toggle{flex:1;display:flex;align-items:center;gap:10px;padding:12px var(--space-5);border:0;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background var(--motion-fast) var(--motion-ease)}.collapsible-card-toggle:hover{background:var(--color-paper2)}.collapsible-card.open .collapsible-card-toggle{border-bottom:1px solid var(--color-line)}.collapsible-card-chev{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-ink-3);transition:transform var(--motion-fast) var(--motion-ease)}.collapsible-card-chev.open{transform:rotate(90deg)}.collapsible-card-title{font-size:14px;font-weight:600;color:var(--color-ink-1);letter-spacing:-.005em}.collapsible-card-summary{margin-left:auto;font-size:12px;font-family:var(--font-mono);color:var(--color-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapsible-card-action{display:inline-flex;align-items:center;padding:0 var(--space-4)}.collapsible-card-body{padding:var(--space-5)}.cat-drawer-preview{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--color-line);flex:0 0 auto}.cat-drawer-preview-meta{min-width:0}.cat-drawer-preview-name{font-family:var(--font-display);font-size:22px;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-drawer-preview-sub{font-size:12px;opacity:.8;margin-top:4px}.cat-drawer-field{display:flex;flex-direction:column;gap:6px}.budgets-card{padding:var(--space-6) var(--space-6);margin-bottom:var(--space-4)}.budgets-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.budgets-item{display:flex;flex-direction:column;gap:8px}.budgets-item.interactive{cursor:pointer;border-radius:var(--radius-2);margin:0 calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3);transition:background var(--motion-fast) var(--motion-ease)}.budgets-item.interactive:hover{background:var(--color-paper2)}.budgets-item.interactive:focus-visible{background:var(--color-paper2);outline:2px solid var(--color-brand-300);outline-offset:-1px}.budgets-item-head{display:flex;align-items:center;gap:12px}.budgets-item-meta{flex:1;min-width:0}.budgets-item-label{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.budgets-item-note{font-size:11.5px;margin-top:1px}.budgets-item-amount{font-size:13px;color:var(--color-ink-2);white-space:nowrap}.budgets-item-spent{font-weight:500;color:var(--color-ink-1)}.budgets-item-cap{color:var(--color-ink-3)}.budgets-item-bar{height:6px;border-radius:3px;background:var(--color-paper2);overflow:hidden}.budgets-item-bar-fill{height:100%;background:var(--color-brand-500);transition:width var(--motion-medium) var(--motion-ease)}.category-table{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4)}.category-table-head{display:grid;grid-template-columns:1fr 110px auto;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-line);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);font-weight:500}.category-row{display:grid;grid-template-columns:1fr 110px auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-top:1px solid var(--color-line)}.category-row.first{border-top:none}.category-row-child{padding-left:var(--space-5);background:var(--color-paper)}.category-row-name{display:flex;align-items:center;gap:var(--space-3);min-width:0}.category-row-meta{display:flex;flex-direction:column;min-width:0}.category-row-title{font-size:13.5px;font-weight:500;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-row-child .category-row-title{font-weight:400;color:var(--color-ink-2)}.category-row-secondary{font-size:11.5px;color:var(--color-ink-3);margin-top:1px}.category-row-count{text-align:right;font-size:13px;color:var(--color-ink-3)}@media(max-width:1024px){.data-grid-head,.data-grid-row{grid-template-columns:110px minmax(0,1fr) 120px}.data-grid-head>:nth-child(4),.data-grid-head>:nth-child(5),.data-grid-row>:nth-child(4),.data-grid-row>:nth-child(5){display:none}}@keyframes smodal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes smodal-pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.smodal-backdrop{position:fixed;inset:0;z-index:90;background:#281e1452;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);font-family:var(--font-ui);color:var(--color-ink-1);animation:smodal-fade-in var(--motion-fast) var(--motion-ease)}.smodal{width:100%;max-height:calc(100% - 32px);background:var(--color-surface);border-radius:var(--radius-5);box-shadow:0 20px 50px #3c28142e,0 4px 12px #3c28141a;display:flex;flex-direction:column;overflow:hidden;animation:smodal-pop-in var(--motion-medium) var(--motion-ease)}.smodal-sm{max-width:380px}.smodal-md{max-width:520px}.smodal-lg{max-width:680px}.smodal-xl{max-width:880px}.smodal-full{max-height:100%}.smodal-header{display:flex;align-items:flex-start;gap:14px;padding:20px 24px 16px;border-bottom:1px solid var(--color-line)}.smodal-icon{flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-3);background:var(--color-brand-50);color:var(--color-brand-500);display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.smodal-destructive .smodal-icon{background:var(--color-negative-bg);color:var(--color-negative)}.smodal-destructive .smodal-eyebrow{color:var(--color-negative)}.smodal-titles{flex:1;min-width:0}.smodal-eyebrow{font-family:var(--font-ui);font-weight:500;font-size:11px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3);margin-bottom:4px}.smodal-title{font-family:var(--font-ui);font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.015em;color:var(--color-ink-1);margin:0}.smodal-subtitle{margin:6px 0 0;font-size:13.5px;color:var(--color-ink-3);line-height:1.5}.smodal-close{flex:0 0 auto;border:0;background:transparent;cursor:pointer;color:var(--color-ink-3);padding:6px;border-radius:var(--radius-2);margin-right:-6px;margin-top:-2px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--motion-fast) var(--motion-ease)}.smodal-close:hover{background:var(--color-paper2)}.smodal-body{flex:1;overflow:auto;padding:18px 24px}.smodal-footer{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--color-line);background:var(--color-paper)}.modal-backdrop{position:fixed;inset:0;background:#00000052;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-5)}.modal{max-width:540px;width:100%}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-backdrop{position:fixed;inset:0;background:#281e1452;z-index:90;display:flex;justify-content:flex-end;animation:drawer-fade-in var(--motion-fast) var(--motion-ease)}.drawer{width:min(480px,100vw);height:100%;background:var(--color-surface);box-shadow:-20px 0 50px #3c28142e,-4px 0 12px #3c28141a;display:flex;flex-direction:column;font-family:var(--font-ui);color:var(--color-ink-1);animation:drawer-slide-in var(--motion-medium) var(--motion-ease)}.drawer-header{padding:18px 24px;border-bottom:1px solid var(--color-line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drawer-title{font-family:var(--font-ui);font-weight:600;font-size:22px;letter-spacing:-.015em;margin:0;color:var(--color-ink-1)}.drawer-hint{font-size:12px;color:var(--color-ink-3);margin-top:3px}.drawer-close{border:none;background:transparent;color:var(--color-ink-3);cursor:pointer;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--motion-fast) var(--motion-ease)}.drawer-close:hover{background:var(--color-paper2)}.drawer-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:18px}.drawer-segmented{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:4px;background:var(--color-paper2);border-radius:var(--radius-3)}.drawer-segment{padding:8px 0;border:none;cursor:pointer;border-radius:var(--radius-2);background:transparent;color:var(--color-ink-3);font-family:var(--font-ui);font-size:13px;font-weight:400;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.drawer-segment:hover:not(:disabled):not(.active){color:var(--color-ink-1)}.drawer-segment.active{background:var(--color-surface);color:var(--color-ink-1);font-weight:500;box-shadow:var(--shadow-1)}.drawer-segment:disabled{cursor:not-allowed;opacity:.5}.drawer-amount{text-align:center;padding:8px 0}.drawer-amount-input{display:block;width:100%;font-family:var(--font-display);font-weight:400;font-size:48px;letter-spacing:-.025em;text-align:center;background:transparent;border:0;outline:none;color:var(--color-ink-1);padding:0}.drawer-amount-input::placeholder{color:var(--color-ink-4)}.drawer-amount-hint{font-size:12px;color:var(--color-ink-3);margin-top:4px}.drawer-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.drawer-input,.drawer-datetime{height:38px;padding:0 12px;border:1px solid var(--color-line2);border-radius:var(--radius-3);background:var(--color-surface);font-family:var(--font-ui);font-size:14px;color:var(--color-ink-1);width:100%}.drawer-input:focus,.drawer-datetime:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px #6b8e4e26}.drawer-error{padding:10px 14px;background:var(--color-negative-bg);border-left:3px solid var(--color-negative);color:var(--color-negative);border-radius:var(--radius-3);font-size:13px}.drawer-footer{padding:14px 24px;border-top:1px solid var(--color-line);display:flex;align-items:center;gap:10px;justify-content:space-between}.drawer-footer-right{display:flex;gap:8px}.drawer-btn-delete{color:var(--color-negative)}.drawer-btn-delete:hover{background:var(--color-negative-bg)}.drawer-btn-danger{background:var(--color-negative);border-color:var(--color-negative);color:#fff}.drawer-btn-danger:hover{background:#8a3a23}.drawer-confirm-delete{display:inline-flex;align-items:center;gap:8px}.drawer-confirm-text{font-size:13px;color:var(--color-negative);font-weight:500}@media(max-width:640px){.drawer{width:100vw}}.analytics-period-anchor .chip-select .select-menu,.analytics-period-anchor .chip-select .period-popover{left:auto;right:0}.analytics-period{display:inline-flex}.analytics-period-wrap{position:relative;display:inline-block}.analytics-period-popover{left:auto;right:0;width:320px;gap:var(--space-3)}.analytics-period-row{display:flex;flex-direction:column;gap:6px}.analytics-period-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);font-weight:500}.analytics-period-segments{display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-paper2);border-radius:var(--radius-3);padding:3px;gap:2px}.analytics-period-segment{border:none;background:transparent;border-radius:calc(var(--radius-3) - 2px);font-family:var(--font-ui);font-size:12.5px;color:var(--color-ink-2);padding:6px 4px;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.analytics-period-segment:hover{color:var(--color-ink-1)}.analytics-period-segment.active{background:var(--color-surface);color:var(--color-ink-1);box-shadow:0 1px 2px #0000000d;font-weight:500}.analytics-period-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.analytics-period-popover:has(.analytics-period-select-field:only-child) .analytics-period-selects{grid-template-columns:1fr}.analytics-period-select-field{display:flex;flex-direction:column;gap:6px}.analytics-period-select{appearance:none;-webkit-appearance:none;height:32px;border:1px solid var(--color-line);border-radius:var(--radius-3);background:var(--color-surface);color:var(--color-ink-1);font-family:var(--font-ui);font-size:13px;padding:0 28px 0 10px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%237a7367' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.analytics-period-select:hover{border-color:var(--color-line2)}.analytics-period-select:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px #6b8e4e26}.analytics-bars-card{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4)}.analytics-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.analytics-card-sub{font-size:12.5px;color:var(--color-ink-3);margin-top:4px}.analytics-row-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.analytics-compare-card{padding:var(--space-5) var(--space-6)}.analytics-compare-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.analytics-compare-item{display:flex;flex-direction:column;gap:6px}.analytics-compare-head{display:flex;align-items:center;gap:8px}.analytics-compare-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.analytics-compare-label{font-size:13.5px;font-weight:500;color:var(--color-ink-1);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-compare-amount{font-size:13px;font-weight:500;color:var(--color-ink-1)}.analytics-compare-pct{font-size:11px;width:56px;text-align:right}.analytics-compare-bars{display:grid;grid-template-columns:1fr;gap:3px}.analytics-compare-bar{height:6px;border-radius:3px;background:var(--color-paper2);overflow:hidden}.analytics-compare-bar-fill{height:100%;transition:width var(--motion-medium) var(--motion-ease)}.analytics-observations{padding:var(--space-5) var(--space-6);background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:var(--radius-3)}.analytics-observations-label{color:var(--color-brand-700);margin-bottom:var(--space-3)}.analytics-observations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);font-size:13.5px;color:var(--color-ink-2);line-height:1.55}.analytics-observation{display:flex;flex-direction:column}.analytics-obs-big{font-family:var(--font-display, var(--font-ui));font-size:24px;color:var(--color-brand-900);margin-bottom:6px;letter-spacing:-.01em}.analytics-obs-text{font-size:13px;color:var(--color-ink-2)}@media(max-width:1024px){.analytics-row-compare,.analytics-observations-grid{grid-template-columns:1fr}}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-6)}.book-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-3);min-height:240px}.book-card.is-current{border-color:var(--color-brand-500)}.book-card-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:500;padding:3px 8px;border-radius:999px;background:var(--color-brand-50);color:var(--color-brand-700)}.book-card-head{display:flex;align-items:center;gap:12px}.book-card-icon{width:44px;height:44px;border-radius:var(--radius-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.book-card-meta{min-width:0}.book-card-name{font-size:15px;font-weight:600;color:var(--color-ink-1)}.book-card-type{font-size:12px;color:var(--color-ink-3);margin-top:2px}.book-card-balance{font-family:var(--font-display, var(--font-ui));font-size:clamp(14px,1.5vw,28px);letter-spacing:-.02em;color:var(--color-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.book-card-stat-label{color:var(--color-ink-3);font-size:11px}.book-card-stat-value{font-size:14px;font-weight:500;margin-top:2px;color:var(--color-ink-1)}.book-card-actions{display:flex;gap:6px;margin-top:auto;align-items:stretch}.book-card-open{flex:1;justify-content:center}.book-card-open.is-current{background:var(--color-surface);color:var(--color-ink-1);border:1px solid var(--color-line);cursor:default;opacity:1}.book-card-gear{width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:stretch;border:1px solid var(--color-line);background:var(--color-surface)}.btn-full{width:100%;justify-content:center}.btn-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-compact{padding:4px 10px;font-size:12.5px;height:28px}.books-archived-table{width:100%;border-collapse:collapse}.books-archived-table th,.books-archived-table td{padding:10px 12px;text-align:left;font-size:13px;border-bottom:1px solid var(--color-line)}.books-archived-table th{font-weight:500;color:var(--color-ink-3)}.books-archived-table tr:last-child td{border-bottom:none}.books-archived-name{display:inline-flex;align-items:center;gap:8px}.books-archived-icon{display:inline-flex;align-items:center;justify-content:center}.data-table-actions{text-align:right}.book-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px;border:1px dashed var(--color-line2, var(--color-line));border-radius:var(--radius-3);background:transparent;min-height:240px;cursor:pointer;font:inherit;color:var(--color-ink-2);transition:background var(--motion-fast) var(--motion-ease)}.book-card-add:hover{background:var(--color-paper2)}.book-card-add-icon{width:44px;height:44px;border-radius:50%;background:var(--color-brand-50);display:inline-flex;align-items:center;justify-content:center}.book-card-add-title{font-size:14px;font-weight:500;color:var(--color-ink-1)}.book-card-add-sub{font-size:12px;color:var(--color-ink-3);text-align:center;max-width:260px;line-height:1.5}.archived-books-row{display:flex;align-items:center;gap:14px;padding:18px 22px;margin-top:var(--space-5);background:var(--color-paper2);border-radius:var(--radius-3)}.archived-books-meta{flex:1}.archived-books-title{font-size:13.5px;font-weight:500;color:var(--color-ink-1)}.archived-books-list{font-size:12px;color:var(--color-ink-3);margin-top:2px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.archived-book-restore{margin-left:6px}.drawer-wide{width:min(640px,100vw)}.drawer-segmented-2{grid-template-columns:1fr 1fr}.drawer-segmented-spaced{margin:14px 24px 8px}.drawer-section{border-top:1px solid var(--color-line);padding-top:16px}.drawer-section-hint{font-size:12.5px;color:var(--color-ink-3);line-height:1.55;margin:0 0 10px}.invite-draft-list{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.invite-draft-row{display:flex;align-items:flex-end;gap:8px}.invite-draft-fields{flex:1;min-width:0}.invite-draft-remove{flex-shrink:0;margin-bottom:4px}.invite-draft-add{align-self:flex-start}.drawer-header-actions{display:flex;align-items:center;gap:var(--space-2)}.invite-code-input{font-family:var(--font-mono, ui-monospace, Menlo, Consolas, monospace);font-size:12.5px;letter-spacing:.04em;resize:vertical;min-height:92px}.invite-code-block{font-family:var(--font-mono, ui-monospace, Menlo, Consolas, monospace);font-size:13px;letter-spacing:.06em;text-align:center;padding:12px 14px;background:var(--color-paper);border:1px dashed var(--color-brand-300, var(--color-brand-500));border-radius:var(--radius-2);word-break:break-all;line-height:1.6;color:var(--color-ink-1);margin-top:10px}.invite-code-hint{font-size:12px;color:var(--color-ink-3);line-height:1.5;margin-top:8px}.invite-result{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.invite-qr{flex-shrink:0;padding:10px;background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-2);display:flex;align-items:center;justify-content:center}.invite-qr-block{display:flex;justify-content:center;margin-bottom:6px}.invite-result-meta{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px}.invite-empty{display:flex;flex-direction:column;align-items:center;text-align:center}.family-stack{display:flex;flex-direction:column;gap:16px}.family-card-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.family-members{display:flex;flex-direction:column}.family-member-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:12px 0}.family-member-row.has-divider{border-top:1px solid var(--color-line)}.family-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-brand-100, var(--color-brand-50));color:var(--color-brand-700);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.family-member-meta{min-width:0}.family-member-name{font-size:14px;font-weight:500;color:var(--color-ink-1)}.family-self-tag{color:var(--color-ink-3);margin-left:6px;font-weight:400;font-size:12px}.family-member-sub{font-size:12px;color:var(--color-ink-3);margin-top:1px}.t-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3)}.select-hint{display:block;font-size:12px;color:var(--color-ink-3);margin-top:6px}@keyframes svSpin{to{transform:rotate(360deg)}}.sv-spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid var(--color-brand-50);border-top-color:var(--color-brand-500);animation:svSpin .8s linear infinite}.sv-spinner.lg{width:28px;height:28px;border-width:2.5px}.sv-spinner.sm{width:14px;height:14px;border-width:1.8px}.loader-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:#281e1452;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100}.loader-inline{display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);width:100%}.loader-card{width:100%;max-width:600px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;padding:36px 40px;box-shadow:0 8px 24px #3c28140f}.loader-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.loader-card-title{font-family:var(--font-display, inherit);font-size:19px;font-weight:500;color:var(--color-ink-1)}.loader-card-percent{margin-left:auto;font-family:var(--font-mono, ui-monospace, monospace);font-size:13px;font-weight:600;color:var(--color-brand-700, var(--color-brand-500))}.loader-bar{width:100%;height:6px;background:var(--color-brand-50);border-radius:6px;overflow:hidden;position:relative}.loader-bar-fill{height:100%;background:var(--color-brand-500);border-radius:6px;transition:width .18s linear}.loader-meta{margin-top:6px;font-size:12px;color:var(--color-ink-3);font-family:var(--font-mono, ui-monospace, monospace)}.loader-stages{margin-top:22px;padding-top:18px;border-top:1px solid var(--color-line);display:flex;flex-direction:column}.stage-row{display:flex;align-items:center;gap:10px;padding:6px 0;transition:opacity .25s ease}.stage-row.is-pending{opacity:.45}.stage-circle{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-line);background:var(--color-paper-2, var(--color-surface));transition:all .25s ease}.stage-circle.is-active{border-color:var(--color-brand-500);background:transparent}.stage-circle.is-done{border-color:var(--color-brand-300, var(--color-brand-500));background:var(--color-brand-50)}.stage-text{flex:1;min-width:0}.stage-name{font-size:13px;line-height:1.25;color:var(--color-ink-3);font-weight:500}.stage-row.is-active .stage-name{color:var(--color-ink-1);font-weight:600}.stage-row.is-done .stage-name{color:var(--color-ink-2)}