:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f6f8;--surface:#fff;--surface-2:#eceff3;--text:#1b2430;--muted:#556270;--line:#d9dee5;--primary:#1f4e79;--primary-hover:#173c5e;--primary-soft:#e6eff9;--on-primary:#fff;--topbar:#1f4e79;--focus:#1f6fd1;--ok:#1a6e35;--ok-bg:#e3f4e8;--warn:#8f5400;--warn-bg:#fff4e0;--bad:#b3261e;--bad-bg:#fdecea;--skeleton:#e3e7ec;--sp-half:.25rem;--sp-1:.5rem;--sp-2:1rem;--sp-3:1.5rem;--sp-4:2rem;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--tap:44px;--ease:.16s ease-out;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f141a;--surface:#18202a;--surface-2:#222c38;--text:#e6ebf1;--muted:#a3afbd;--line:#2e3a48;--primary:#7cb4ff;--primary-hover:#a3caff;--primary-soft:#1c3350;--on-primary:#0b1520;--topbar:#14283d;--focus:#9cc7ff;--ok:#5fd08a;--ok-bg:#15301f;--warn:#f0b45a;--warn-bg:#3a2a10;--bad:#ff8a80;--bad-bg:#3d1a18;--skeleton:#26303c;--shadow:none}}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}h1{font-size:var(--fs-xl);margin:0;line-height:1.25}h2{font-size:var(--fs-lg);margin:var(--sp-3) 0 var(--sp-1)}h3{font-size:var(--fs-md);margin:var(--sp-2) 0 var(--sp-half)}.card>h2:first-child{margin-top:0}a{color:var(--primary)}p{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}main:focus{outline:none}.icon{flex-shrink:0;width:1.25em;height:1.25em}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{left:var(--sp-1);z-index:30;padding:var(--sp-1) var(--sp-2);background:var(--surface);color:var(--primary);border-radius:var(--radius-sm);font-weight:700;position:absolute;top:-100px}.skip-link:focus{top:var(--sp-1)}.shell{min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar{align-items:center;gap:var(--sp-1) var(--sp-2);min-height:56px;padding:var(--sp-1) max(var(--sp-2), env(safe-area-inset-right)) var(--sp-1) max(var(--sp-2), env(safe-area-inset-left));padding-top:max(var(--sp-1), env(safe-area-inset-top));background:var(--topbar);color:#fff;z-index:10;flex-wrap:wrap;display:flex;position:sticky;top:0}.topbar .brand{color:inherit;min-height:var(--tap);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.topbar-op{opacity:.9;min-width:0;font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.topbar-tag{padding:2px var(--sp-1);font-size:var(--fs-xs);white-space:nowrap;border:1px solid #ffffff8c;border-radius:999px;font-weight:700}@media (width<=479px){.topbar-op{margin-top:calc(-1 * var(--sp-1));flex-basis:100%;order:3}.topbar .brand{flex:1}}.content{padding:var(--sp-2) max(var(--sp-2), env(safe-area-inset-right)) var(--sp-3) max(var(--sp-2), env(safe-area-inset-left));width:100%;min-width:0;max-width:1200px;margin:0 auto}.content>*{animation:.2s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.sidenav{display:none}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-width:0;min-height:60px;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;transition:color var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.tab .icon{width:24px;height:24px}.tab.active{color:var(--primary);box-shadow:inset 0 3px 0 var(--primary)}.tab:focus-visible{outline-offset:-3px}@media (width<=359px){.tab{letter-spacing:-.01em;font-size:.6875rem}}@media (width>=768px){.shell{grid-template-rows:auto 1fr;grid-template-columns:220px minmax(0,1fr);padding-bottom:0;display:grid}.topbar{grid-column:1/-1}.sidenav{gap:var(--sp-half);padding:var(--sp-2) var(--sp-1);border-right:1px solid var(--line);background:var(--surface);flex-direction:column;align-self:start;height:calc(100vh - 56px);display:flex;position:sticky;top:56px}.navlink{align-items:center;gap:var(--sp-1);min-height:var(--tap);padding:0 var(--sp-2);border-radius:var(--radius-sm);color:var(--text);transition:background var(--ease), color var(--ease);font-weight:600;text-decoration:none;display:flex}.navlink:hover{background:var(--surface-2)}.navlink.active{background:var(--primary-soft);color:var(--primary)}.tabbar{display:none}.content{padding:var(--sp-3)}h1{font-size:var(--fs-2xl)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-2);margin-bottom:var(--sp-2);min-width:0}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--sp-1) var(--sp-2);margin:var(--sp-1) 0 var(--sp-2);flex-wrap:wrap;display:flex}.page-title{min-width:0}.page-actions{gap:var(--sp-1);flex-wrap:wrap;display:flex}.updated{align-items:center;gap:var(--sp-half);margin:var(--sp-half) 0 0;font-size:var(--fs-sm);color:var(--muted);display:inline-flex}.updated .icon{width:1em;height:1em}.breadcrumb{font-size:var(--fs-sm);color:var(--muted);margin:0}.breadcrumb a{padding:var(--sp-1) 0;display:inline-block}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.mono{letter-spacing:.08em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.error-text{color:var(--bad)}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.money{font-variant-numeric:tabular-nums}.row{gap:var(--sp-1);flex-wrap:wrap;align-items:flex-end;display:flex}.row-between{justify-content:space-between;align-items:baseline;gap:var(--sp-1);flex-wrap:wrap;display:flex}.row-between>:first-child{min-width:0}.row>label{margin-bottom:0}form.row{margin-bottom:var(--sp-1)}.row>select{flex:8rem;width:auto}.grow{flex:1;min-width:10rem}.btn{justify-content:center;align-items:center;gap:var(--sp-1);min-height:var(--tap);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:background var(--ease), border-color var(--ease), color var(--ease);font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-quiet{color:var(--primary);background:0 0;border-color:#0000}.btn-quiet:hover:not(:disabled){background:var(--primary-soft);border-color:#0000}.btn-small{padding:var(--sp-half) var(--sp-2)}.btn-block{width:100%;margin:var(--sp-1) 0;display:flex}.btn-left{text-align:left;flex-direction:column;align-items:flex-start;gap:0}.linklike{color:var(--primary);font:inherit;cursor:pointer;padding:var(--sp-half) 0;background:0 0;border:none;font-weight:700;text-decoration:underline}label{margin:var(--sp-1) 0;display:block}.label{font-size:var(--fs-sm);margin-bottom:var(--sp-half);font-weight:600;display:block}input,select{width:100%;min-height:var(--tap);padding:var(--sp-1) .75rem;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--surface);color:var(--text);transition:border-color var(--ease)}input:hover,select:hover{border-color:var(--muted)}input[aria-invalid=true]{border-color:var(--bad);border-width:2px}input[type=checkbox]{width:1.4rem;height:1.4rem;min-height:1.4rem;accent-color:var(--primary);flex-shrink:0;margin:0}.check{min-height:var(--tap);align-items:center;gap:.75rem;display:flex}.notice{border-radius:var(--radius);border-left:4px solid var(--primary);padding:.75rem var(--sp-2);margin-bottom:var(--sp-2);background:var(--primary-soft)}.notice p{margin:var(--sp-half) 0}.notice-warn{background:var(--warn-bg);border-left-color:var(--warn)}.notice-error{background:var(--bad-bg);border-left-color:var(--bad)}.notice-ok{background:var(--ok-bg);border-left-color:var(--ok)}.viewas{border:2px solid var(--warn);border-left-width:6px;align-items:center;gap:.75rem;font-weight:600;display:flex}.viewas .icon{color:var(--warn);width:1.5rem;height:1.5rem}.msg{align-items:flex-start;gap:var(--sp-1);margin:var(--sp-1) 0;padding:var(--sp-1) .75rem;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;display:flex}.msg-ok{background:var(--ok-bg);color:var(--ok)}.msg-error{background:var(--bad-bg);color:var(--bad)}.badge{align-items:center;gap:var(--sp-half);padding:2px var(--sp-1);font-size:var(--fs-sm);white-space:nowrap;vertical-align:middle;border-radius:999px;font-weight:700;line-height:1.4;display:inline-flex}.badge .icon{stroke-width:3px;width:1em;height:1em}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-neutral{background:var(--surface-2);color:var(--muted)}.skeleton-group{gap:var(--sp-1);margin-bottom:var(--sp-2);display:grid}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--skeleton) 0%, var(--surface-2) 50%, var(--skeleton) 100%) 0 0 / 200% 100%;height:72px;animation:1.4s linear infinite shimmer}.skeleton-short{width:60%;height:24px}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;padding:var(--sp-3) var(--sp-2);box-shadow:none;color:var(--muted);border-style:dashed}.empty h2{color:var(--text)}.empty .btn{margin-top:var(--sp-1)}.empty-line{color:var(--muted)}.stats{margin-bottom:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.75rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem var(--sp-2);min-width:0}.stat-warn{border-top-color:var(--warn)}.stat-bad{border-top-color:var(--bad)}.stat-label{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.stat-value{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:700}.stat-sub{font-size:var(--fs-sm);color:var(--muted)}.list{margin:0;padding:0;list-style:none}.list-item:has(>.list-link){padding:0}.list-link{padding:var(--sp-2);color:inherit;border-radius:inherit;min-height:100%;transition:background var(--ease);text-decoration:none;display:block}.list-link:hover{background:var(--surface-2)}.list-title{font-weight:700;font-size:var(--fs-lg)}@media (width>=700px){.cards{gap:var(--sp-2);margin-bottom:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.cards>.card{margin:0}}.plain-list{margin:0;padding-left:1.1rem}.plain-list li{margin:.35rem 0}.people{padding:0;list-style:none}.people li{padding:var(--sp-1) 0;border-bottom:1px solid var(--line);margin:0}.vend-list{padding:0 var(--sp-2)}.vend-row{gap:var(--sp-half) .75rem;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;padding:.75rem 0;display:grid}.vend-row:last-child{border-bottom:0}.vend-row>:first-child{color:var(--muted);font-size:var(--fs-sm);grid-column:1/-1}.vend-row>:nth-child(3){grid-row:3}.vend-row>:nth-child(4){grid-area:2/2;font-weight:700}@media (width>=700px){.vend-row{grid-template-columns:11rem 1fr auto 6rem}.vend-row>:nth-child(n){grid-area:auto}.vend-row>:nth-child(4){text-align:right}}.chips{gap:var(--sp-1);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.chip{min-height:var(--tap);padding:var(--sp-half) var(--sp-2);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:background var(--ease), border-color var(--ease);border-radius:999px;font-weight:600}.chip:hover{border-color:var(--primary)}.chip-on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.sales-row{gap:var(--sp-half) var(--sp-2);margin-top:var(--sp-1);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.machine-status{align-items:center;gap:var(--sp-1);margin:var(--sp-1) 0;flex-wrap:wrap;display:flex}.error-code{align-items:center;gap:var(--sp-half);font-size:var(--fs-sm);color:var(--bad);font-weight:600;display:inline-flex}.mini-slots{gap:var(--sp-1) .75rem;margin-top:var(--sp-1);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.mini-slot{align-items:center;gap:var(--sp-1);display:flex}.mini-slot .stock{flex:1}.facts{gap:var(--sp-half) var(--sp-2);margin:var(--sp-1) 0 0;grid-template-columns:1fr;display:grid}.facts dt{color:var(--muted);font-size:var(--fs-sm);margin-top:var(--sp-1)}.facts dd{min-width:0;margin:0}.facts select{max-width:22rem}@media (width>=560px){.facts{grid-template-columns:max-content 1fr;align-items:baseline}.facts dt{font-size:inherit;margin-top:0}}.slots-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.slot-card{flex-direction:column;margin:0;display:flex}.slot-off{background:var(--surface-2)}.slot-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-1);display:flex}.slot-id{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.slot-product{font-size:var(--fs-lg);overflow-wrap:anywhere;margin:0}.slot-price{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:700}.slot-off-reason{align-items:center;gap:var(--sp-1);color:var(--warn);margin:var(--sp-half) 0;font-weight:600;display:flex}.slot-actions{gap:var(--sp-1);padding-top:var(--sp-1);flex-wrap:wrap;margin-top:auto;display:flex}.inline-form{margin-top:var(--sp-1);border-top:1px solid var(--line);padding-top:var(--sp-1)}.stock{margin:var(--sp-1) 0}.stock-compact{margin:0}.stock-track{background:var(--surface-2);border-radius:6px;height:12px;overflow:hidden}.stock-compact .stock-track{height:8px}.stock-fill{background:var(--ok);height:100%;transition:width .4s ease-out}.stock-low .stock-fill{background:var(--warn)}.stock-empty .stock-track{background:var(--bad-bg);box-shadow:inset 0 0 0 1px var(--bad)}.stock-text{justify-content:space-between;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);margin-top:var(--sp-half);flex-wrap:wrap;display:flex}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--sp-2);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table caption{text-align:left;padding:.75rem;font-weight:700}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.75rem}.table thead th{color:var(--muted);white-space:nowrap;font-weight:600}.table tbody tr:last-child>*{border-bottom:0}.table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.table.totals th{font-weight:400}.total-row th,.total-row td{font-weight:700}.table.totals .total-row>*{border-top:2px solid var(--line)}@media (width<=639px){.table-stack thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.table-stack,.table-stack tbody,.table-stack tr,.table-stack td,.table-stack tbody th{display:block}.table-stack tr{padding:var(--sp-1) 0;border-bottom:1px solid var(--line)}.table-stack tbody tr:last-child{border-bottom:0}.table-stack td,.table-stack tbody th{padding:var(--sp-half) var(--sp-2);border:0}.table-stack td[data-label]{text-align:right}.table-stack td[data-label]:before{content:attr(data-label);float:left;margin-right:var(--sp-2);color:var(--muted);font-weight:600}}.filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:0 .75rem;display:grid}@media (width>=700px){.filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.login{min-height:100vh;padding:max(var(--sp-4), env(safe-area-inset-top)) var(--sp-2) var(--sp-4);background:linear-gradient(180deg, var(--topbar) 0, var(--topbar) 200px, var(--bg) 200px);justify-content:center;align-items:flex-start;display:flex}.login-card{width:100%;max-width:440px;padding:var(--sp-3);box-shadow:0 8px 24px #10182824}.login-card h1{margin-bottom:var(--sp-1)}.footer{margin-top:var(--sp-4);text-align:center}.footer a{padding:var(--sp-1) var(--sp-half);display:inline-block}.demo-accounts ul{margin:0;padding:0;list-style:none}.demo-tools{margin-top:var(--sp-3);box-shadow:none;border-style:dashed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}