:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--surface:#fff;--surface-2:#eef1f5;--fg:#121417;--fg-muted:#667085;--border:#e3e6ea;--brand:var(--accent,#0e8a58);--on-brand:#fff;--highlight:#c2660a;--free-bg:#e7f8ef;--free-fg:#0f9d58;--occupied-bg:#fef1e3;--occupied-fg:#c2660a;--basic-bg:#eaf1ff;--basic-fg:#2563eb;--out-bg:#fdeaea;--out-fg:#c0392b;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:14px;--radius-sm:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1013;--surface:#151920;--surface-2:#1d222b;--fg:#edf0f3;--fg-muted:#8d97a3;--border:#2b313b;--highlight:#e8b84b;--free-bg:#113826;--free-fg:#4ade80;--occupied-bg:#3a2a0c;--occupied-fg:#fbbf24;--basic-bg:#15233a;--basic-fg:#60a5fa;--out-bg:#3a1414;--out-fg:#f87171}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1013;--surface:#151920;--surface-2:#1d222b;--fg:#edf0f3;--fg-muted:#8d97a3;--border:#2b313b;--highlight:#e8b84b;--free-bg:#113826;--free-fg:#4ade80;--occupied-bg:#3a2a0c;--occupied-fg:#fbbf24;--basic-bg:#15233a;--basic-fg:#60a5fa;--out-bg:#3a1414;--out-fg:#f87171}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.pill.free{background:var(--free-bg);color:var(--free-fg)}.pill.occupied{background:var(--occupied-bg);color:var(--occupied-fg)}.pill.basic{background:var(--basic-bg);color:var(--basic-fg)}.pill.out{background:var(--out-bg);color:var(--out-fg)}.pill.neutral{background:var(--surface-2);color:var(--fg-muted)}.seg{flex-wrap:wrap;gap:8px;display:inline-flex}.seg button{border:1px solid var(--border);background:var(--surface);color:var(--fg-muted);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:500}.seg button:hover{color:var(--fg)}.seg button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:600}.btn{border:1px solid var(--border);color:var(--fg);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{background:var(--out-bg);color:var(--out-fg);border-color:#0000}.btn.danger:hover{filter:brightness(1.15);background:var(--out-bg)}.btn.block{width:100%;padding:13px 16px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{gap:6px;display:grid}.field>label,.field-label{color:var(--fg-muted);font-size:12px;font-weight:500}.input{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.input::placeholder{color:var(--fg-muted);opacity:.7}textarea.input{resize:vertical;min-height:84px}.input:focus-visible,.btn:focus-visible,.seg button:focus-visible,.switch:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.error{color:var(--occupied-fg);background:var(--occupied-bg);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.switch{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:999px;flex:none;width:38px;height:22px;padding:0;position:relative}.switch:after{content:"";background:var(--fg-muted);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--brand);border-color:var(--brand)}.switch[aria-checked=true]:after{background:#fff;transform:translate(16px)}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{color:#000;background:#fff;width:80mm;padding:4mm;font-size:12px;position:absolute;inset:0 auto auto 0;display:block!important}html.print-report body *{visibility:visible}html.print-report .receipt,html.print-report .header,html.print-report .nav,html.print-report .no-print,html.print-report .main>:not(#revenue-report){display:none!important}html.print-report .print-title{margin-bottom:10px;font-weight:600;display:block}html.print-report .rev-plot{overflow:visible}html.print-report{background:#fff}html.print-statement #root{display:none!important}html.print-statement .statement-print{color:#000;font-size:12px;font-family:var(--font-body,sans-serif);background:#fff;padding:12mm;display:block}html.print-statement .statement-print h2{margin:0 0 2px;font-size:18px}html.print-statement .statement-print h3{margin:0 0 4px;font-size:14px}html.print-statement .statement-print h4{margin:16px 0 4px;font-size:12px}html.print-statement .statement-print .st-balance{margin:8px 0;font-size:16px}html.print-statement .statement-print table{border-collapse:collapse;width:100%}html.print-statement .statement-print th,html.print-statement .statement-print td{text-align:left;border-bottom:1px solid #bbb;padding:4px 6px}html.print-statement .statement-print tfoot td{font-weight:700}html.print-statement body *{visibility:visible}}.shell{flex-direction:column;min-height:100%;display:flex}.header{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:18px 22px 16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{font-size:20px;font-weight:600;line-height:1.15}.brand .sub{color:var(--fg-muted);font-size:12px}.dot{background:var(--brand);border-radius:50%;flex:none;width:9px;height:9px}.spacer{flex:1}.clock-block{text-align:right;line-height:1.25}.clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;display:block}.clock-date{color:var(--fg-muted);font-size:11.5px}.chip{font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 8px;display:inline-flex}.chip:hover,.chip[aria-expanded=true]{border-color:var(--fg-muted)}.chip .caret{color:var(--fg-muted);flex:none;margin-left:2px;transition:transform .15s}.chip[aria-expanded=true] .caret{color:var(--fg);transform:rotate(180deg)}.menu{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:2px;min-width:220px;padding:6px;display:grid;position:fixed;box-shadow:0 14px 34px #0006}.menu:before{content:"";background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);width:10px;height:10px;position:absolute;top:-6px;right:28px;transform:rotate(45deg)}.menu-sep{background:var(--border);height:1px;margin:4px 6px}.menu-item{text-align:left;width:100%;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.menu-item svg{color:var(--fg-muted);flex:none}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);outline:none}.chip .avatar{background:var(--surface-2);width:26px;height:26px;color:var(--fg);font-size:11px;font-weight:600;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.chip .who{text-align:left;line-height:1.2;display:grid}.chip .who b{font-size:13px;font-weight:600}.chip .who span{color:var(--fg-muted);font-size:11px}.nav{background:var(--bg);border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:4px;padding:10px 22px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{border-radius:var(--radius-sm);color:var(--fg-muted);flex:none;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--fg)}.nav a.active{background:var(--surface-2);color:var(--fg);font-weight:600}.nav .chip{flex:none;margin-left:auto;display:none}.main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px 22px 40px}@media (width<=640px){.header .chip,.header .clock-block{display:none}.nav .chip{display:inline-flex}.header,.nav,.main{padding-inline:14px}}.auth-wrap{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{text-align:center;border-radius:20px;gap:18px;width:min(100%,380px);padding:28px 26px;display:grid}.auth-card.left{text-align:left}.logo-box{background:var(--brand);width:38px;height:38px;color:var(--on-brand);font-family:var(--font-display);border-radius:10px;place-items:center;margin:0 auto;font-weight:700;display:grid;overflow:hidden}.logo-box img{object-fit:cover;width:100%;height:100%}.logo-box.small{border-radius:50%;flex:none;width:38px;height:38px;margin:0;font-size:15px}.auth-card h1{font-size:20px;font-weight:600}.auth-card h2{font-size:14px;font-weight:600}.auth-sub{color:var(--fg-muted);margin-top:-12px;font-size:12px}.tiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tile{cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:inherit;justify-items:center;gap:4px;padding:18px 8px 14px;display:grid}.tile:hover{border-color:var(--brand)}.tile .avatar{background:var(--brand);color:#0d1013;width:32px;height:32px;font-family:var(--font-display);border-radius:50%;place-items:center;margin-bottom:6px;font-size:12px;font-weight:700;display:grid}.tile b{font-size:13px;font-weight:600}.tile span{color:var(--fg-muted);font-size:11px}.pin-dots{justify-content:center;gap:12px;height:16px;display:flex}.pin-dots span{border:2px solid var(--border);border-radius:50%;width:14px;height:14px}.pin-dots span.on{background:var(--brand);border-color:var(--brand)}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad button{font-family:var(--font-mono);cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 0;font-size:19px;font-weight:500}.keypad button:active{background:var(--bg)}.link{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.link:hover{color:var(--fg)}.sync-badge{cursor:pointer;background:var(--basic-bg);color:var(--basic-fg);font:inherit;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.sync-badge.warn{background:var(--occupied-bg);color:var(--occupied-fg)}.sync-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.nav-sync{flex:none;display:none}@media (width<=640px){.header .sync-badge,.header .shift-btn{display:none}.nav-sync{display:inline-flex}}.notice{background:var(--basic-bg);color:var(--basic-fg);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.only-phone{display:none}.data-table.admin-table{min-width:0}.data-table.admin-table tbody tr{cursor:default}.creds{background:var(--surface-2);border-radius:var(--radius-sm);grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;padding:12px 14px;display:grid}.creds dt{color:var(--fg-muted);align-self:center;font-size:12px}.creds dd{word-break:break-all;-webkit-user-select:all;user-select:all;margin:0}@media (width<=640px){.admin-who,.admin-theme,.admin-table th:nth-child(n+3):nth-child(-n+5),.admin-table td:nth-child(n+3):nth-child(-n+5){display:none}.only-phone{margin-top:4px;display:block}.admin-table th,.admin-table td{padding-inline:10px}}.shift-btn{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--fg);font:inherit;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.shift-btn:hover{border-color:var(--fg-muted)}.shift-btn.on{background:var(--free-bg);color:var(--free-fg);border-color:#0000}.shift-btn.on.warn,.notice.warn{background:var(--occupied-bg);color:var(--occupied-fg)}.auth-card .logo-box{border-radius:50%;width:56px;height:56px;font-size:24px}.auth-card .logo-box.has-logo{background:var(--surface-2);border-radius:50%;width:104px;height:104px}.auth-card .logo-box.has-logo img{object-fit:cover}.notice.reminder{background:var(--occupied-bg);color:var(--occupied-fg)}.notice.reminder .link{color:inherit;font-size:inherit;font-weight:600;text-decoration:underline}.small{font-size:12px}.stack{gap:14px;display:grid}.stack-lg{gap:18px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline.spread{justify-content:space-between;align-items:flex-start}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.form-actions{justify-content:flex-end;gap:10px;display:flex}.narrow{max-width:640px}.narrow.centered{margin:0 auto}.crumb{color:var(--fg-muted);margin:0 0 12px;font-size:12px}.crumb b{color:var(--fg);font-weight:600}.card-title{font-size:15px;font-weight:600}.col-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:6px;font-size:10.5px}.when{flex:none}.pad{padding:14px 18px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.plain-title{font-size:15px;font-weight:600}.section-head{margin:22px 0 12px}.section-head h2{font-size:15px;font-weight:600}.section-head p{color:var(--fg-muted);margin:2px 0 0;font-size:12px}.avatar{background:var(--surface-2);width:34px;height:34px;color:var(--fg);font-size:12px;font-weight:600;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.avatar.big{width:52px;height:52px;font-size:16px}.avatar.dashed{border:1px dashed var(--border)}.kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.kpis.three{margin-bottom:14px}.kpi{gap:4px;padding:16px 18px;display:grid}.kpi-label{color:var(--fg-muted);font-size:12px}.kpi-value{letter-spacing:-.02em;font-size:26px;font-weight:600}.kpi-sub{color:var(--fg-muted);font-size:11.5px}.kpi.peak{margin-bottom:14px}.table-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.table-card{text-align:left;min-height:108px;color:inherit;align-content:start;gap:14px;text-decoration:none;display:grid}.table-card.live{cursor:pointer;font:inherit}.table-card.live:hover{border-color:var(--brand)}.table-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.table-card h3{font-size:15px;font-weight:600}.timer{letter-spacing:-.02em;font-size:26px;font-weight:600}.timer.stopped{color:var(--fg-muted)}.time-bill{background:var(--surface-2);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}.time-bill .num{font-size:15px;font-weight:600}.time-bill .big-amount{color:var(--fg);font-size:20px}.players-line{overflow-wrap:anywhere;font-size:15px;font-weight:600}.free-row{justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.foot-note{margin:18px 0 0}.backdrop{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{width:min(100%,460px);max-height:calc(100dvh - 32px);overflow-y:auto}.modal.wide{width:min(100%,600px)}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-head h2{font-size:17px}.icon-btn{background:var(--surface-2);color:var(--fg-muted);cursor:pointer;border:0;border-radius:50%;width:30px;height:30px}.panel-top{gap:2px;display:grid}.stack h3{font-size:14px}.rows{border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:0;list-style:none}.rows li{align-items:center;gap:12px;padding:9px 12px;display:flex}.rows li+li{border-top:1px solid var(--border)}.rows li>span:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.totals{justify-content:space-between;padding:0 4px;display:flex}.line-form{grid-template-columns:auto 1fr 70px 90px auto;align-items:center;gap:8px;display:grid}.stock-form{grid-template-columns:1fr 80px auto;align-items:center;gap:8px;display:grid}.billing-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}.bill-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bill-head h2,.payment h2{font-size:15px;font-weight:600}.toggle-row{background:var(--surface-2);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-size:13px;font-weight:600;display:flex}.bill-lines{display:grid}.bill-group{color:var(--fg-muted);padding:14px 0 6px;font-size:11.5px}.bill-line{justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;display:flex}.bill-line+.bill-line{border-top:1px solid var(--border)}.bill-group+.bill-line{border-top:0}.bill-totals{border-top:1px solid var(--border);margin-top:12px;padding-top:4px}.bill-totals .bill-line+.bill-line{border-top:0}.bill-line.total{font-family:var(--font-display);padding-top:12px;font-size:17px;font-weight:700}.big-input{align-items:baseline;gap:8px;font-size:26px;font-weight:600;display:flex}.big-input input{width:100%;color:var(--fg);background:0 0;border:0;outline:0;padding:0;font-size:26px;font-weight:600}.big-input input::placeholder{color:var(--fg-muted);opacity:.5}.big{font-size:26px;font-weight:600}.payment{gap:16px}.done-card{text-align:center;gap:14px;margin:0 auto;display:grid}.receipt{display:none}.r-row{justify-content:space-between;gap:8px;display:flex}.filter-card{gap:16px;margin-bottom:14px;display:grid}.chip-search{border-radius:999px;width:150px;padding:6px 12px;font-size:13px}.hist{gap:14px;display:grid}.hist-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hist-top h3{font-size:15px;font-weight:600}.hist-cols{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;font-size:13px;display:grid}.lost{color:var(--highlight);font-weight:600}.hist-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.hist-amount{white-space:nowrap;font-size:20px;font-weight:600}.load-more{margin:14px auto 0;display:flex}.totals-card{grid-template-columns:1.4fr 1fr 1fr;align-items:end;gap:16px;margin-bottom:14px;display:grid}.totals-big{letter-spacing:-.02em;font-size:26px;font-weight:600}.totals-part{font-size:18px;font-weight:600}.members-top{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.members-top .input{max-width:330px}.members-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:14px;display:grid}.member-list,.staff-list{gap:10px;display:grid}.member-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;align-items:center;gap:12px;padding:12px 14px;display:flex}.member-item:hover{border-color:var(--fg-muted)}.member-item.selected{border-color:var(--brand)}.member-item.inactive{opacity:.6}.member-meta{flex:1;min-width:0;line-height:1.3;display:grid}.detail-head{align-items:center;gap:14px;display:flex}.detail-head h3{font-size:17px;font-weight:600}.facts-grid{grid-template-columns:1fr 1fr;gap:18px 24px;margin:0;display:grid}.facts-grid dt{color:var(--fg-muted);margin-bottom:3px;font-size:11.5px}.facts-grid dd{margin:0;font-size:15px;font-weight:600}.renew-box{background:var(--surface-2);border-radius:var(--radius-sm);gap:10px;padding:14px;display:grid}.detail-extra{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:24px;padding-top:14px;display:grid}.mini-list{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.mini-list li{justify-content:space-between;gap:16px;display:flex}.banner{border-radius:var(--radius-sm);background:var(--occupied-bg);color:var(--occupied-fg);align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:13px;font-weight:600;display:flex}.banner-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.table-card-wrap{padding:0;overflow:hidden}.data-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}.data-table th{text-align:left;color:var(--fg-muted);border-bottom:1px solid var(--border);padding:12px 18px;font-size:11.5px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);padding:14px 18px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover,.data-table tbody tr:focus-visible{background:var(--surface-2);outline:none}.data-table tr.inactive{opacity:.55}.chart-card{gap:16px;display:grid}.chart-card h3{font-size:14px;font-weight:600}.bars{align-items:stretch;gap:14px;height:200px;display:flex}.bar-col{flex-direction:column;flex:1;min-width:0;display:flex}.bar-track{flex:1;align-items:flex-end;display:flex}.bar{background:color-mix(in srgb, var(--brand) 55%, var(--surface));border-radius:6px 6px 0 0;width:100%}.bar.peak{background:var(--highlight)}.bar-label{text-align:center;color:var(--fg-muted);font-size:11px;font-family:var(--font-mono);margin-top:8px}.tab-chips{margin-bottom:14px}.canteen-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.menu-btn{text-align:left;cursor:pointer;font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:12px 14px;display:grid}.menu-btn:hover:not(:disabled){border-color:var(--brand)}.menu-btn:disabled{opacity:.6;cursor:default}.menu-btn b{font-size:13.5px;font-weight:600}.out-text{color:var(--out-fg)}.stepper{align-items:center;gap:8px;display:inline-flex}.stepper .icon-btn{width:26px;height:26px;font-size:15px;line-height:1}.rows .amount{text-align:right;min-width:5.5ch}.chip.static{cursor:default;padding-right:14px}.totals.big{font-family:var(--font-display);font-size:18px;font-weight:700}.tab-pick{gap:8px;display:grid}.add-box{background:var(--surface-2);border-radius:var(--radius-sm);gap:8px;padding:12px;display:grid}.profile-form{grid-template-columns:auto 1fr;align-items:start;gap:20px;display:grid}.logo-col{justify-items:center;gap:6px;display:grid}.logo-upload{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);width:76px;height:76px;color:var(--fg-muted);cursor:pointer;padding:0;font-size:11px;line-height:1.3;overflow:hidden}.logo-upload:disabled{cursor:default}.logo-upload img{object-fit:cover;width:100%;height:100%}.profile-fields{grid-template-columns:1fr 1fr;align-items:start;gap:14px 16px;display:grid}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:2px solid var(--surface);width:28px;height:28px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--fg)}.swatch:disabled{cursor:not-allowed;opacity:.6}.price-grid{gap:10px;min-width:max-content;display:grid}.price-head,.price-row{grid-template-columns:110px repeat(var(--cols), 100px) 56px;align-items:center;gap:10px;display:grid}.price-head{color:var(--fg-muted);font-size:11.5px}.price-row .name{background:0 0;border-color:#0000;padding-inline:0;font-weight:600}.price-row .name:focus{border-color:var(--border);background:var(--bg);padding-inline:12px}.price-row.bad .input{border-color:var(--out-fg)}.price-row input[type=checkbox]{justify-self:center}.dashed-btn{border:1px dashed var(--border);color:var(--fg-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:9px 16px;font-weight:500}.dashed-btn:hover{color:var(--fg);border-color:var(--fg-muted)}.staff-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr);align-items:start;gap:14px;display:grid}.staff-editor{background:var(--bg)}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}@media (width<=760px){.billing-grid,.members-grid,.staff-grid,.canteen-grid,.profile-form,.profile-fields{grid-template-columns:1fr}.members-top{flex-wrap:wrap}.members-top .input{flex:1;min-width:180px;max-width:none}}@media (width<=640px){.line-form{grid-template-columns:1fr 1fr}.line-form .seg{grid-column:1/-1}.grid-2{grid-template-columns:1fr}.stock-form{grid-template-columns:1fr 70px auto}.hist-foot{flex-direction:column;align-items:flex-start}.totals-card{grid-template-columns:1fr 1fr}.totals-card>:first-child{grid-column:1/-1}.bars{gap:6px}}.cat-row{grid-template-columns:minmax(110px,190px) 1fr auto;align-items:center;gap:12px;font-size:13px;display:grid}.cat-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.cat-bar{background:var(--brand);border-radius:999px;height:100%}.nowrap{white-space:nowrap}.expense-table{min-width:640px}.data-table.expense-table tbody tr{cursor:default}.expense-table tfoot td{border-top:1px solid var(--border);background:var(--surface-2);padding:14px 18px}.row-actions{margin-top:4px}@media (width<=640px){.data-table.expense-table{min-width:0}.expense-table th:first-child,.expense-table td:first-child,.expense-table th:nth-child(2),.expense-table td:nth-child(2),.expense-table th:nth-child(5),.expense-table td:nth-child(5){display:none}.expense-table th,.expense-table td{padding-inline:12px}.cat-row{grid-template-columns:1fr auto}.cat-track{order:3;grid-column:1/-1}}.data-table.plain-table tbody tr{cursor:default}.data-table.plain-table tbody tr:hover{background:0 0}.shift-table{min-width:720px}@media (width<=640px){.data-table.staff-table{min-width:0}.staff-table th:nth-child(2),.staff-table td:nth-child(2),.staff-table th:nth-child(4),.staff-table td:nth-child(4){display:none}.data-table.shift-table{min-width:0}.shift-table th:nth-child(n+2):nth-child(-n+2),.shift-table td:nth-child(2),.shift-table th:nth-child(4),.shift-table td:nth-child(4),.shift-table th:nth-child(6),.shift-table td:nth-child(6),.shift-table th:nth-child(7),.shift-table td:nth-child(7){display:none}.plain-table th,.plain-table td{padding-inline:10px}}.legend{color:var(--fg-muted);gap:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.key{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.key.rev{background:var(--brand)}.key.exp,.cat-bar.exp{background:color-mix(in srgb, var(--fg-muted) 60%, var(--surface))}.rev-chart{grid-template-columns:38px 1fr;gap:8px;display:grid}.rev-axis{text-align:right;height:220px;color:var(--fg-muted);flex-direction:column;justify-content:space-between;font-size:11px;display:flex;transform:translateY(-6px)}.rev-plot{padding-bottom:22px;position:relative;overflow:auto visible}.rev-grid{pointer-events:none;flex-direction:column-reverse;justify-content:space-between;display:flex;position:absolute;inset:0 0 22px}.rev-grid i{border-top:1px solid var(--border)}.rev-cols{height:220px;display:flex;position:relative}.rev-col{outline:none;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.rev-col.on:before,.rev-col:focus-visible:before{content:"";background:var(--surface-2);opacity:.7;border-radius:6px;position:absolute;inset:0 0 -22px}.rev-bars{flex:1;justify-content:center;align-items:flex-end;gap:2px;display:flex;position:relative}.rb{border-radius:4px 4px 0 0;width:100%;min-width:2px;max-width:20px}.rb.rev{background:var(--brand)}.rb.exp{background:color-mix(in srgb, var(--fg-muted) 60%, var(--surface))}.rev-x{color:var(--fg-muted);white-space:nowrap;margin-top:6px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.rev-tip{z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);pointer-events:none;gap:4px;min-width:160px;padding:10px 12px;display:grid;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 6px 24px #0000001f}.rev-tip.start{transform:translate(-10px)}.rev-tip.end{transform:translate(calc(10px - 100%))}.tip-row{align-items:center;gap:8px;display:flex}.rev-table tr.quiet td{color:var(--fg-muted)}.rev-table{min-width:640px}.rev-table tfoot td{border-top:1px solid var(--border);background:var(--surface-2);padding:14px 18px}.break-cards{align-items:start}.print-title{display:none}@media (width<=640px){.rev-axis{height:220px}.break-cards{grid-template-columns:1fr}.data-table.rev-table{min-width:0}.rev-table th:nth-child(2),.rev-table td:nth-child(2),.rev-table th:nth-child(3),.rev-table td:nth-child(3),.rev-table th:nth-child(4),.rev-table td:nth-child(4){display:none}}.account{border-top:1px solid var(--border);padding-top:16px}.account-balance{letter-spacing:-.02em;font-size:26px;font-weight:600}.ledger-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.data-table.ledger-table{min-width:0;font-size:12.5px}.ledger-table th,.ledger-table td{padding:10px 12px}.ledger-table tbody tr,.data-table.ledger-table tbody tr:hover{cursor:default;background:0 0}.account-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;gap:6px 18px;margin-bottom:12px;padding:10px 14px;font-size:13px}@media (width<=640px){.ledger-table th:first-child,.ledger-table td:first-child{display:none}}.data-table.held-table{min-width:640px}.held-table tbody tr,.data-table.held-table tbody tr:hover{cursor:default;background:0 0}@media (width<=640px){.data-table.held-table{min-width:0}.held-table th:nth-child(2),.held-table td:nth-child(2){display:none}.held-table td:last-child{white-space:normal}.held-table td:last-child .btn{margin:2px 0}}.pick-bills{max-height:180px;overflow:auto}.statement-print{display:none}@media (width<=640px){.hide-phone,.ledger-table th.hide-phone{display:none}}