@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080909;--bg1:#0f1010;--bg2:#141616;--bg3:#1a1d1d;--bg4:#1f2222;--border:#232727;--border2:#2c3030;--text:#e8e6e0;--text2:#b0ada6;--muted:#676b6b;--muted2:#4a4e4e;--accent:#e8593c;--accent2:#f07052;--green:#4caf7d;--amber:#d4943a;--blue:#4a90d9;--red:#e85c5c;--mono:"IBM Plex Mono", monospace;--serif:"Instrument Serif", serif;--radius:5px;--radius-lg:8px}html,body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:12.5px;line-height:1.6}::selection{color:var(--text);background:#e8593c2e}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}a{color:inherit;text-decoration:none}button{font-family:var(--mono)}.serif{font-family:var(--serif)}.card{background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card-header-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:400}.page-header{justify-content:space-between;align-items:flex-end;padding-bottom:4px;display:flex}.page-title{font-family:var(--serif);color:var(--text);letter-spacing:-.02em;margin-bottom:4px;font-size:26px;line-height:1}.page-sub{color:var(--muted);font-size:11px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat-card{background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden}.stat-card-accent{height:2px;position:absolute;top:0;left:0;right:0}.stat-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:9.5px}.stat-value{color:var(--text);letter-spacing:-.02em;margin-bottom:5px;font-size:24px;font-weight:300;line-height:1}.stat-sub{color:var(--muted2);font-size:10px}.btn{border-radius:var(--radius);font-family:var(--mono);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2)}.btn-ghost{color:var(--muted);border-color:var(--border2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg3);color:var(--text2);border-color:var(--border2)}.btn-danger{color:var(--red);background:0 0;border-color:#e85c5c40}.btn-danger:hover:not(:disabled){background:#e85c5c14}.input{background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--mono);outline:none;width:100%;padding:8px 12px;font-size:12px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted2)}.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:9.5px;font-weight:400}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover{background:var(--bg2)}.data-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 16px;font-size:12px}.data-table tbody tr:last-child td{border-bottom:none}.pill{letter-spacing:.04em;white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;display:inline-flex}.pill:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px}.pill-green{color:var(--green);background:#4caf7d1a;border:1px solid #4caf7d2e}.pill-green:before{background:var(--green)}.pill-red{color:var(--accent);background:#e8593c1a;border:1px solid #e8593c2e}.pill-red:before{background:var(--accent)}.pill-blue{color:var(--blue);background:#4a90d91a;border:1px solid #4a90d92e}.pill-blue:before{background:var(--blue)}.pill-amber{color:var(--amber);background:#d4943a1a;border:1px solid #d4943a2e}.pill-amber:before{background:var(--amber)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:56px 24px;display:flex}.empty-title{color:var(--text2);font-size:13px}.empty-sub{color:var(--muted);max-width:280px;font-size:11px;line-height:1.5}.budget-bar-track{background:var(--border2);border-radius:2px;height:3px;overflow:hidden}.budget-bar-fill{border-radius:2px;height:100%;transition:width .3s}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:var(--text2);padding:12px 14px;font-size:11.5px;overflow-x:auto}.toggle{background:var(--border2);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";background:var(--text);border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(14px)}.divider{background:var(--border);border:none;height:1px;margin:0}.link{color:var(--muted);font-size:11px;transition:color .15s}.link:hover{color:var(--text)}.link-accent{color:var(--accent);font-size:11px;transition:color .15s}.link-accent:hover{color:var(--accent2)}.settings-section{background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--text);margin-bottom:2px;font-size:12px}.settings-row-sub{color:var(--muted);font-size:10px}.pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.pagination-info{color:var(--muted2);font-size:10px}.pagination-controls{gap:6px;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.animate-in{animation:.2s forwards fadeIn}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
