:root{--bg:#0f1117;--bg-card:#1a1b23;--bg-input:#22242e;--bg-hover:#2a2c38;--border:#2e303a;--text:#9ca3af;--text-bright:#e5e7eb;--text-dim:#6b7280;--positive:#22c55e;--positive-bg:#22c55e1a;--negative:#ef4444;--negative-bg:#ef44441a;--accent:#6366f1;--accent-hover:#818cf8;--danger:#dc2626;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0}#root{min-height:100vh}input,select,button{font-family:inherit;font-size:inherit}.app{max-width:1200px;min-height:100vh;margin:0 auto;padding:0 16px}.app-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:20px 0;display:flex}.app-header h1{color:var(--text-bright);margin:0;font-size:20px;font-weight:600}.month-label{color:var(--text-dim);font-family:var(--mono);font-size:13px}.export-btn{background:var(--bg-input);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;margin-left:auto;padding:6px 14px;transition:background .15s}.export-btn:hover{background:var(--bg-hover);color:var(--text-bright)}.tab-bar{border-bottom:1px solid var(--border);gap:4px;padding:12px 0;display:flex;overflow-x:auto}.tab-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab-btn:hover{background:var(--bg-input);color:var(--text)}.tab-btn.active{background:var(--accent);color:#fff}.tab-content{padding:20px 0}.stats-row{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex:160px;min-width:140px;padding:16px}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px}.stat-value{color:var(--text-bright);font-size:18px;font-weight:600;font-family:var(--mono)}.stat-value.positive{color:var(--positive)}.stat-value.negative{color:var(--negative)}.table-wrapper{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.budget-table,.txn-table,.settings-table{border-collapse:collapse;width:100%;font-size:13px}.budget-table th,.txn-table th,.settings-table th{text-align:left;background:var(--bg-card);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:500;position:sticky;top:0}.budget-table td,.txn-table td,.settings-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:8px 12px}.budget-table tr:hover td,.txn-table tr:hover td{background:var(--bg-hover)}.budget-table tfoot td{background:var(--bg-card);color:var(--text-bright);font-weight:600}.total-row td{border-top:2px solid var(--border)}td.positive{color:var(--positive)}td.negative{color:var(--negative)}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text-bright)}.amount-cell{font-family:var(--mono);text-align:right;white-space:nowrap}.amount-cell.negative{color:var(--negative)}.date-cell{white-space:nowrap;font-family:var(--mono);font-size:12px}.desc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.account-cell{white-space:nowrap;font-size:12px}.progress-bar-container{background:var(--bg-input);border-radius:4px;min-width:80px;height:20px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .3s}.progress-bar-fill.under{background:var(--positive);opacity:.7}.progress-bar-fill.over{background:var(--negative);opacity:.7}.progress-label{color:var(--text-bright);font-size:11px;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.inline-input{color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:4px 6px;transition:border-color .15s}.inline-input:focus{border-color:var(--accent);background:var(--bg-input);outline:none}.vendor-input{max-width:120px}.notes-input{max-width:150px}.cat-select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;max-width:140px;padding:4px 6px}.cat-select:focus{border-color:var(--accent);outline:none}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:8px 16px;transition:all .15s}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-bright)}.btn-danger{background:var(--danger);color:#fff;cursor:pointer;opacity:.8;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:opacity .15s}.btn-danger:hover{opacity:1}.delete-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .15s}.delete-btn:hover{background:var(--negative-bg);color:var(--negative)}.toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);border-radius:6px;width:280px;max-width:100%;padding:8px 12px}.search-input:focus{border-color:var(--accent);outline:none}.search-input::placeholder{color:var(--text-dim)}.txn-count{color:var(--text-dim);font-size:12px}.import-page .import-controls{margin-bottom:16px}.import-controls .account-select{align-items:center;gap:8px;display:flex}.import-controls select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 12px}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:8px;margin-bottom:24px;padding:48px 24px;transition:all .15s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:#6366f10d}.drop-zone p{color:var(--text);margin-bottom:8px}.drop-zone .hint{color:var(--text-dim);font-size:12px}.preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.preview-header h3{color:var(--text-bright);font-size:16px}.preview-actions{gap:8px;display:flex}.settings-page{max-width:600px}.settings-section{margin-bottom:32px}.settings-section h3{color:var(--text-bright);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:16px}.settings-field{align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-field label{width:120px;color:var(--text-dim);font-size:13px}.settings-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);border-radius:6px;padding:8px 12px}.settings-input:focus{border-color:var(--accent);outline:none}.settings-table{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;overflow:hidden}.add-category-row{align-items:center;gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-dim);padding:48px 24px}@media (width<=768px){.app{padding:0 8px}.app-header h1{font-size:16px}.stats-row{flex-direction:column;gap:8px}.stat-card{min-width:0}.toolbar{flex-direction:column;align-items:stretch}.search-input{width:100%}.budget-table,.txn-table{font-size:12px}.budget-table th,.txn-table th,.budget-table td,.txn-table td{padding:6px 8px}.tab-btn{padding:6px 12px;font-size:12px}.desc-cell{max-width:120px}}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}