:root{--bg: #0f172a;--panel-bg: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--success: #4ade80;--warning: #fbbf24;--error: #f87171}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.app-header{padding:env(safe-area-inset-top,12px) 16px 8px;border-bottom:1px solid var(--border)}.app-header h1{font-size:1.25rem;margin:0}.app-banner{margin:0;padding:8px 16px}.app-main{flex:1;min-height:0;padding:12px 16px 24px;overflow-y:auto}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.panel h2,.panel h3{margin:0 0 4px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.stat-row{display:flex;gap:16px;flex-wrap:wrap}.stat{flex:1;min-width:100px}.stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:1.4rem;font-weight:600}.stat-warning .stat-value{color:var(--warning)}table.grid{width:100%;border-collapse:collapse;font-size:.9rem}table.grid th,table.grid td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border)}table.grid th{color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase}.align-right{text-align:right}.expand-row{border-bottom:1px solid var(--border)}.expand-row:last-child{border-bottom:none}.expand-toggle{width:100%;display:flex;align-items:center;gap:8px;background:none;color:var(--text);font-weight:500;padding:10px 0;border:none;border-radius:0;text-align:left}.expand-icon{width:20px;flex-shrink:0;color:var(--accent);font-weight:700;text-align:center}.expand-label{flex:1}.expand-total{font-weight:600}.expand-children{padding:0 0 8px 20px;border-left:1px solid var(--border);margin-left:6px}.txn-row{padding:8px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px}.txn-row:last-child{border-bottom:none}.txn-row-editing{padding:8px 0;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.txn-row-actions{display:flex;align-items:center;gap:12px}.txn-amount-negative{color:var(--error)}.txn-amount-positive{color:var(--success)}.muted{color:var(--muted)}.error{color:var(--error)}.success{color:var(--success)}input,select,button{font-size:1rem;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0b1220;color:var(--text)}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}button{background:var(--accent);color:#0b1220;border:none;font-weight:600;cursor:pointer;min-height:44px}button:disabled{opacity:.6;cursor:default}.category-select{display:flex;flex-direction:column;gap:6px}.category-select-row{display:flex;gap:8px;flex-wrap:wrap}.category-select-row select{flex:1;min-width:140px}.category-select-links{display:flex;gap:16px;flex-wrap:wrap}.link-button{align-self:flex-start;background:none;border:none;color:var(--accent);font-weight:500;font-size:.85rem;padding:4px 0;min-height:auto}.filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-row input[type=search],.filter-row input[type=text]{flex:2;min-width:160px}.filter-row select{flex:1;min-width:140px}table.grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}table.grid th.sortable:hover{color:var(--text)}.sort-arrow{margin-left:4px}.review-row{border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.review-row-header{display:flex;justify-content:space-between}.checkbox-row{flex-direction:row;align-items:center;gap:8px}.checkbox-row input{width:auto;min-height:auto}.pattern-input{width:100%}.import-actions{display:flex;gap:12px;flex-wrap:wrap}.import-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tab-bar{display:flex;border-top:1px solid var(--border);background:var(--panel-bg);padding-bottom:env(safe-area-inset-bottom,0)}.tab{flex:1;background:transparent;color:var(--muted);border-radius:0;font-weight:500;padding:12px 4px}.tab.active{color:var(--accent)}
