:root{--bg:#eceae4;--panel:#fbfaf6;--sb:#f2f0eb;--ink:#1c1c1a;--ink2:#7a776c;--faint:#a8a59a;--line:#1c1c1a;--hair:#d8d5cc;--yellow:#f5c518;--red:#b8402a;--green:#2e6b3e;--bw:2px;--btnbg:#1c1c1a;--btnfg:#f5c518;--hl:linear-gradient(transparent 55%, #f5c518 55%);--logofg:#f2f0eb}html[data-theme=night]{--bg:#1c1c1a;--panel:#242420;--sb:#161614;--ink:#f2f0e8;--ink2:#8a887e;--faint:#6f6f66;--line:#3a3a34;--hair:#2b2b26;--red:#d9583b;--green:#7fb069;--bw:1px;--btnbg:#f5c518;--btnfg:#1c1c1a;--hl:none;--logofg:var(--yellow)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Archivo,system-ui,sans-serif}a{color:var(--ink)}a:hover{color:var(--yellow)}input,select,textarea{font-family:IBM Plex Mono,monospace}input:focus,select:focus,textarea:focus{outline:2px solid var(--yellow)}button{font-family:inherit}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--sb);border-right:var(--bw) solid var(--line);flex-direction:column;flex:none;width:200px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:var(--bw) solid var(--line);background:#1c1c1a;padding:20px 18px 16px}.sidebar-brand-name{color:var(--logofg);letter-spacing:-.02em;text-transform:uppercase;font:900 17px/1.05 Archivo,sans-serif}.sidebar-brand-tag{color:#1c1c1a;background:var(--yellow);letter-spacing:.08em;margin-top:8px;padding:2px 6px;font:600 9.5px IBM Plex Mono,monospace;display:inline-block}.sidebar-nav{flex-direction:column;display:flex}.nav-item{border-bottom:1px solid var(--hair);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;color:var(--ink2);background:0 0;padding:12px 18px;font:700 13px Archivo,sans-serif}.nav-item.active{background:var(--yellow);color:#1c1c1a}.sidebar-foot{margin-top:auto}.theme-toggle{border-top:1px solid var(--hair);cursor:pointer;color:var(--ink2);align-items:center;gap:8px;padding:12px 18px;font:600 11px IBM Plex Mono,monospace;display:flex}.theme-toggle:hover{color:var(--ink)}.user-row{border-top:var(--bw) solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:14px 18px;display:flex}.avatar{width:30px;height:30px;color:var(--yellow);background:#1c1c1a;flex:none;justify-content:center;align-items:center;font:800 12px Archivo,sans-serif;display:flex}.user-name{color:var(--ink);font:600 12px Archivo,sans-serif}.user-sub{color:var(--faint);font:500 9px IBM Plex Mono,monospace}.main{flex-direction:column;flex:1;gap:22px;min-width:0;padding:26px 30px;display:flex;overflow-x:auto}body.is-mobile .main,.main.mobile{padding:14px 14px 78px}.mobile-header{align-items:center;gap:10px;margin:-4px 0 2px;display:flex}.mobile-header-name{color:var(--ink);letter-spacing:-.01em;text-transform:uppercase;font:900 14px/1 Archivo,sans-serif}.mobile-header-tag{color:#1c1c1a;background:var(--yellow);letter-spacing:.08em;padding:2px 5px;font:600 8.5px IBM Plex Mono,monospace}.mobile-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.mobile-theme-btn{color:var(--ink2);cursor:pointer;border:1px solid var(--hair);padding:6px 8px;font:600 10px IBM Plex Mono,monospace}.mobile-tabbar{z-index:40;background:var(--sb);border-top:var(--bw) solid var(--line);grid-template-columns:repeat(7,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tab{text-align:center;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;color:var(--ink2);background:0 0;padding:13px 4px 15px;font:700 10px Archivo,sans-serif}.mobile-tab.active{background:var(--yellow);color:#1c1c1a}.page-title{color:var(--ink);letter-spacing:-.02em;text-transform:uppercase;font:900 30px/1 Archivo,sans-serif}.page-sub{color:var(--ink2);margin-top:6px;font:500 11px IBM Plex Mono,monospace}.section-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.btn{text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-align:center;border:none;padding:11px 18px;font:800 13px Archivo,sans-serif;display:inline-block}.btn-primary{background:var(--btnbg);color:var(--btnfg)}.btn-outline{border:var(--bw) solid var(--line);color:var(--ink);background:0 0}.btn-sm{padding:9px 14px;font-size:11px}.btn-xs{text-transform:uppercase;border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;padding:6px 10px;font:700 10px Archivo,sans-serif}.btn-xs:hover{background:var(--yellow);color:#1c1c1a}.btn-danger{background:var(--red);color:#fff}.link-btn{color:var(--ink2);cursor:pointer;background:0 0;border:none;padding:0;font:600 10.5px IBM Plex Mono,monospace}.link-btn:hover{color:var(--ink)}.del-x{color:var(--faint);cursor:pointer;background:0 0;border:none;padding:4px 8px;font:600 12px IBM Plex Mono,monospace}.del-x:hover{color:var(--red)}.tab-group{border:var(--bw) solid var(--line);gap:0;width:fit-content;display:flex}.tab-group-item{text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border-right:1px solid var(--hair);color:var(--ink2);background:0 0;padding:10px 18px;font:700 12px Archivo,sans-serif}.tab-group-item:last-child{border-right:none}.tab-group-item.active{background:var(--yellow);color:#1c1c1a}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--line);letter-spacing:.06em;cursor:pointer;white-space:nowrap;color:var(--ink2);background:0 0;padding:7px 14px;font:600 10.5px IBM Plex Mono,monospace}.filter-chip.active{background:var(--yellow);color:#1c1c1a}.stat-grid{border:var(--bw) solid var(--line);background:var(--line);gap:2px;display:grid}.stat-tile{background:var(--panel);cursor:default;padding:16px 18px}.stat-tile.clickable{cursor:pointer}.stat-label{color:var(--ink2);letter-spacing:.08em;font:600 10.5px IBM Plex Mono,monospace}.stat-value{color:var(--ink);margin-top:10px;font:600 22px IBM Plex Mono,monospace}.stat-value.hl{background:var(--hl);display:inline-block}.stat-sub{color:var(--ink2);margin-top:6px;font:500 10.5px IBM Plex Mono,monospace}.card{border:var(--bw) solid var(--line);background:var(--panel)}.card-header{border-bottom:var(--bw) solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;font:800 14px Archivo,sans-serif}.card-body{padding:18px}.empty-note{color:var(--faint);padding:16px 18px;font:500 11px IBM Plex Mono,monospace}.grid-row{border-bottom:1px solid var(--hair);align-items:center;gap:0 14px;padding:13px 18px;display:grid}.grid-head{border-bottom:1px solid var(--line);color:var(--ink2);letter-spacing:.08em;gap:0 14px;padding:10px 18px;font:600 10px IBM Plex Mono,monospace;display:grid}.grid-row:hover{background:var(--bg)}.cell-right{text-align:right}.cell-title{color:var(--ink);font:700 14px Archivo,sans-serif}.cell-title-sm{color:var(--ink);font:600 13px Archivo,sans-serif}.cell-sub{color:var(--ink2);margin-top:3px;font:500 10.5px IBM Plex Mono,monospace}.cell-mono{color:var(--ink);font:500 12.5px IBM Plex Mono,monospace}.cell-mono-sm{color:var(--ink2);font:500 11px IBM Plex Mono,monospace}.cell-mono-bold{color:var(--ink);font:600 11px IBM Plex Mono,monospace}.chip{letter-spacing:.05em;padding:3px 6px;font:600 9px IBM Plex Mono,monospace;display:inline-block}.chip-lg{padding:3px 8px;font-size:9.5px}.pbar{border:1px solid var(--line);flex:1;height:10px}.pbar.sm{height:8px}.pbar-fill{background:var(--yellow);height:100%}.pbar-row{align-items:center;gap:8px;display:flex}.pbar-pct{color:var(--ink);font:600 11px IBM Plex Mono,monospace}.pbar-big{border:1px solid var(--line);height:16px;margin-top:12px}.modal-overlay{z-index:50;background:#1212109e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--panel);border:var(--bw) solid var(--line);width:min(430px,94vw);max-height:92vh;overflow:auto}.modal-header{border-bottom:var(--bw) solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-title{color:var(--ink);text-transform:uppercase;font:900 16px Archivo,sans-serif}.modal-close{cursor:pointer;color:var(--faint);background:0 0;border:none;padding:4px;font:600 14px IBM Plex Mono,monospace}.modal-body{flex-direction:column;gap:14px;padding:18px;display:flex}.modal-confirm{text-align:center;flex-direction:column;gap:12px;padding:26px 22px;display:flex}.field-label{color:var(--ink2);letter-spacing:.08em;font:600 10px IBM Plex Mono,monospace}.field-input,select.field-input,textarea.field-input{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);margin-top:6px;padding:13px 12px;font:500 14px IBM Plex Mono,monospace}.field-input.amount{font:600 16px IBM Plex Mono,monospace}.field-input.date{padding:12px;font:500 13px IBM Plex Mono,monospace}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-err{color:var(--red);font:600 11px IBM Plex Mono,monospace}.form-prompt{background:var(--yellow);color:#1c1c1a;padding:10px 12px;font:600 11px IBM Plex Mono,monospace}.dropzone{border:1px dashed var(--faint);text-align:center;color:var(--faint);letter-spacing:.06em;cursor:default;padding:16px;font:600 10.5px IBM Plex Mono,monospace}.pay-context{border:1px solid var(--line);background:var(--bg);padding:12px 14px}.login-screen{z-index:100;background:var(--bg);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-box{background:var(--panel);border:var(--bw) solid var(--line);width:min(360px,94vw)}.login-head{border-bottom:var(--bw) solid var(--line);background:#1c1c1a;padding:22px 20px}.login-body{flex-direction:column;gap:16px;padding:20px;display:flex}.login-hint{color:var(--faint);text-align:center;margin-top:6px;font:500 9.5px IBM Plex Mono,monospace}.center-screen{background:var(--bg);min-height:100vh;color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font:600 13px IBM Plex Mono,monospace;display:flex}