:root{--bg: #FAF7F2;--bg-alt: #F2F0E9;--surface: #EDEDE8;--fg: #1C2833;--muted: #6B6B6B;--primary: #1A4B3C;--primary-light: #2D6B57;--accent: #C0392B;--accent-light: #D4543F;--border: #D5D3CC;--border-light: #E0DED7;--sidebar-bg: #F5F1E8;--font-display: "Libre Baskerville", Georgia, serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 18px;--text-xl: 24px;--text-3xl: 32px;--radius: 2px;--sidebar-width: 200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}#root{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;flex-shrink:0;min-height:100vh}.sidebar-brand{padding:24px 20px 20px;border-bottom:1px solid var(--border)}.sidebar-brand h1{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.02em;color:var(--primary);text-transform:uppercase}.sidebar-brand .subtitle{font-family:var(--font-sans);font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.sidebar-nav{display:flex;flex-direction:column;padding:16px 0;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--fg);cursor:pointer;border:none;background:none;text-align:left;text-decoration:none;transition:background .1s;border-left:3px solid transparent}.nav-item:hover{background:#00000008}.nav-item.active{background:#1a4b3c12;border-left-color:var(--primary);color:var(--primary);font-weight:600}.nav-item svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid var(--border);font-family:var(--font-sans);font-size:10px;color:var(--muted);letter-spacing:.05em}.main{flex:1;padding:32px 40px;overflow-x:auto;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--fg)}.page-subtitle{font-family:var(--font-sans);font-size:12px;color:var(--muted);margin-top:4px}.btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;padding:8px 16px;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:var(--radius);transition:all .1s;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--surface)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-light)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-light)}.btn-sm{font-size:11px;padding:5px 10px}.btn-danger{color:var(--accent);border-color:var(--accent);background:transparent}.btn-danger:hover{background:#c0392b14}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.stat-card.income:before{background:var(--primary)}.stat-card.expense:before{background:var(--accent)}.stat-card.net:before{background:var(--fg)}.stat-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.stat-value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-value.income{color:var(--primary)}.stat-value.expense{color:var(--accent)}.stat-value.net{color:var(--fg)}.stat-meta{font-family:var(--font-sans);font-size:11px;color:var(--muted);margin-top:6px}.table-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar-group{display:flex;gap:8px;align-items:center}.toolbar-group+.toolbar-group{margin-left:auto}.input,.select{font-family:var(--font-sans);font-size:var(--text-sm);padding:7px 12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:var(--radius);outline:none}.input:focus,.select:focus{border-color:var(--primary)}.input::placeholder{color:var(--muted)}.search-input{width:240px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead th{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:left;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-alt);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}thead th:hover{color:var(--fg)}thead th .sort-arrow{margin-left:4px;opacity:.5}thead th.sorted .sort-arrow{opacity:1;color:var(--primary)}tbody td{padding:9px 16px;border-bottom:1px solid var(--border-light);font-variant-numeric:tabular-nums}tbody tr:nth-child(2n){background:var(--bg-alt)}tbody tr:hover{background:var(--surface)}.ledger-row{border-left:3px solid transparent}.ledger-row.income{border-left-color:var(--primary)}.ledger-row.expense{border-left-color:var(--accent)}.amount-cell{text-align:right;font-weight:500;white-space:nowrap}.amount-cell.income{color:var(--primary)}.amount-cell.expense{color:var(--accent)}.category-badge{display:inline-block;font-family:var(--font-sans);font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius);background:var(--surface);color:var(--fg);border:1px solid var(--border-light)}.sample-tag{font-family:var(--font-sans);font-size:10px;font-weight:600;color:var(--muted);background:var(--surface);padding:1px 5px;border-radius:2px;margin-right:6px;letter-spacing:.05em}.sample-banner{font-family:var(--font-sans);font-size:12px;color:var(--muted);background:var(--bg-alt);border:1px dashed var(--border);padding:8px 16px;border-radius:var(--radius);margin-bottom:16px}.empty-state{text-align:center;padding:60px 20px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c283359;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.modal-close{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;padding:4px 8px}.modal-close:hover{color:var(--fg)}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);padding:8px 12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:var(--radius);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.type-toggle{display:flex;gap:0;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.type-toggle button{flex:1;padding:10px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;border:none;background:var(--bg);color:var(--fg);cursor:pointer;transition:all .1s}.type-toggle button.active.income{background:var(--primary);color:#fff}.type-toggle button.active.expense{background:var(--accent);color:#fff}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cat-section h3{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.cat-list{list-style:none}.cat-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light)}.cat-list .cat-name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500}.cat-list .cat-type{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.cat-list .delete-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 6px}.cat-list .delete-btn:hover{color:var(--accent)}.loading{display:flex;align-items:center;justify-content:center;padding:60px;font-family:var(--font-sans);color:var(--muted);font-size:var(--text-sm)}@media (max-width: 768px){#root{flex-direction:column}.sidebar{width:100%;min-height:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar-nav{flex-direction:row;padding:8px}.nav-item{padding:8px 12px}.main{padding:20px 16px}.stat-row,.cat-grid{grid-template-columns:1fr}.toolbar-group+.toolbar-group{margin-left:0}.search-input{width:100%}}