:root{color-scheme:light;--bg: #f4f7fb;--surface: #fff;--surface-muted: #f8fafc;--track: #e8eef6;--text: #172033;--text-muted: #64748b;--text-faint: #94a3b8;--text-secondary: #334155;--border: #e2e8f0;--border-strong: #d5deea;--accent: #0964d5;--accent-strong: #0964d5;--accent-soft: #f3f7ff;--teal: #0964d5;--teal-strong: #0964d5;--teal-soft: #e7f0fc;--ink: #172033;--on-ink: #fff;--warn-bg: #fff7ed;--warn-border: #fed7aa;--warn-text: #9a3412;--ok: #15803d;--ok-soft: #dcfce7;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #0e141c;--surface: #172033;--surface-muted: #1c2838;--track: #1c2838;--text: #e8eef6;--text-muted: #94a3b8;--text-faint: #64748b;--text-secondary: #cbd5e1;--border: #2c3a4f;--border-strong: #3b4c63;--accent: #60a5fa;--accent-strong: #2563eb;--accent-soft: #1e3a5f;--teal: #93c5fd;--teal-strong: #2563eb;--teal-soft: #1a3358;--ink: #e8eef6;--on-ink: #0e141c;--warn-bg: #3b2414;--warn-border: #9a3412;--warn-text: #fdba74;--ok: #86efac;--ok-soft: #143024}*{box-sizing:border-box}body{margin:0}button,input,select{min-height:44px;font:inherit}button{border:0;border-radius:12px;padding:.7rem 1rem;background:var(--track);color:var(--text);cursor:pointer}button.primary{background:var(--accent-strong);color:#fff}.shell{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.rail{display:flex;flex-direction:column;flex:0 0 4.25rem;width:4.25rem;min-height:0;padding:.55rem .4rem .45rem;border-right:1px solid var(--border);background:var(--surface);overflow:hidden;transition:width .16s ease,flex-basis .16s ease}.shell.nav-open .rail{flex-basis:15rem;width:15rem}.rail .brand{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.25rem;margin-bottom:.45rem;color:var(--text);text-decoration:none}.shell.nav-open .rail .brand{justify-content:flex-start;padding:0 .35rem}.rail .brand .mark{position:relative;display:grid;flex:0 0 auto;place-items:center;width:2.35rem;height:2.35rem}.rail .brand .mark:before{content:"";position:absolute;z-index:0;width:1.55rem;height:1.55rem;border-radius:999px;background:#3b82f6;filter:blur(9px);opacity:.72;pointer-events:none}.rail .brand-mark{position:relative;z-index:1;display:block;width:2.35rem;height:2.35rem;object-fit:contain}.rail .brand.off{margin-bottom:.7rem}.rail .brand.off .mark:before{display:none}.rail .brand.off .brand-mark{filter:grayscale(1) brightness(.78);opacity:.42}.rail .brand .offline{position:absolute;z-index:2;bottom:-.28rem;left:50%;padding:.08rem .28rem;border-radius:999px;background:var(--surface);box-shadow:0 0 0 1px var(--border);color:var(--text-muted);font-size:.48rem;font-weight:800;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;transform:translate(-50%);white-space:nowrap}.rail .brand strong{display:block;font-size:.95rem;letter-spacing:-.02em}.rail .brand small{display:block;margin-top:.05rem;color:var(--text-muted);font-size:.64rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.rail nav{display:flex;flex-direction:column;gap:.15rem;min-height:0}.rail nav a,.rail-toggle{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;min-height:44px;padding:0;border:0;border-radius:.85rem;background:transparent;color:var(--text-muted);font-size:.92rem;font-weight:650;text-decoration:none;cursor:pointer}.shell.nav-open .rail nav a,.shell.nav-open .rail-toggle{justify-content:flex-start;padding:0 .7rem}.rail nav a svg,.rail-toggle svg{flex:0 0 auto;width:1.4rem;height:1.4rem}.rail nav a svg *,.rail-toggle svg *{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.rail .label{display:none;overflow:hidden;white-space:nowrap}.shell.nav-open .rail .label{display:block}.rail nav a:hover,.rail-toggle:hover{background:var(--track);color:var(--text)}.rail nav a.on{background:var(--accent-soft);color:var(--accent)}.rail-toggle{margin-top:auto}.workspace{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}.pull-refresh{position:absolute;top:.35rem;left:50%;z-index:30;display:none;align-items:center;gap:.45rem;min-height:2.4rem;padding:.35rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:.82rem;font-weight:700;box-shadow:0 10px 24px #0000002e;pointer-events:none}.pull-refresh.armed{display:flex}.pull-refresh.ready{color:var(--accent)}.pull-orb{width:.7rem;height:.7rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}.pull-refresh.ready .pull-orb,.pull-refresh.armed .pull-orb{animation:pull-spin .7s linear infinite}@keyframes pull-spin{to{transform:rotate(360deg)}}.workspace>:not(header):not(router-outlet):not(.activation-banner){flex:1 1 auto;min-height:0}.activation-banner{display:flex;align-items:center;min-height:44px;padding:.65rem 1rem;background:var(--warn-bg);color:var(--warn-text);font-weight:700;text-decoration:none;border-bottom:1px solid var(--warn-border)}.gate,.work,.panel{padding:1rem}.workspace>header{display:flex;gap:1rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:.4rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text)}.workspace>header .account{display:flex;align-items:center;gap:.75rem;margin-left:auto}.workspace>header .terminal{max-width:10rem;overflow:hidden;padding:.35rem .7rem;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:.8rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.workspace>header .who{display:flex;align-items:center;gap:.55rem;min-height:44px}.workspace>header .avatar{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:750}.workspace>header .who-copy{display:grid;line-height:1.15}.workspace>header .who-copy strong{font-size:.88rem}.workspace>header .who-copy small{color:var(--text-muted);font-size:.72rem}.workspace>header .koky-open{display:grid;place-items:center;width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:999px;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,#fff 55%,var(--accent-soft)),var(--accent-soft));color:var(--accent);box-shadow:inset 0 1px #ffffff59}:root[data-theme=dark] .workspace>header .koky-open{border-color:var(--border-strong);background:var(--accent-strong);color:#fff;box-shadow:none}.workspace>header .logout{min-height:44px;padding:0 .95rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-weight:700}.gate{min-height:100vh;display:grid;place-items:center}.card,.panel,.cart{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;color:var(--text)}.card{width:min(28rem,100%);display:grid;gap:.8rem}label{display:grid;gap:.35rem}input,select{width:100%;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:.6rem .8rem}.work{display:grid;grid-template-columns:1.4fr .8fr;gap:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin-top:1rem}.tile{min-height:88px;text-align:left;display:grid;align-content:space-between}.row,.actions{display:flex;gap:.5rem;align-items:center}.total{font-size:1.4rem}.hint,.error{color:#f3c98b}.brand-mark{position:relative;display:grid;place-items:center;width:5.5rem;height:5.5rem;filter:drop-shadow(0 10px 18px rgba(9,100,213,.18))}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-mark img.still{display:none}.brand-mark.compact{width:3.5rem;height:3.5rem}@media(prefers-reduced-motion:reduce){.brand-mark img.motion{display:none}.brand-mark img.still{display:block}}.ticket{margin:.6rem 0}@media(max-width:800px){.work{grid-template-columns:1fr}.shell{flex-direction:column}.workspace{min-width:0;min-height:0}.rail{position:relative;z-index:6;order:2;flex:0 0 auto;flex-direction:row;align-items:center;width:100%;height:auto;padding:.2rem .35rem calc(.2rem + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--border);background:var(--surface);overflow:hidden}.shell.nav-open .rail{flex-basis:auto;width:100%}.rail .brand{flex:0 0 auto;min-height:44px;margin:0 .15rem 0 0}.rail .brand .label,.shell.nav-open .rail .label,.rail-toggle{display:none}.rail nav{flex:1 1 auto;flex-direction:row;align-items:center;gap:.1rem;overflow-x:auto;scrollbar-width:none}.rail nav::-webkit-scrollbar{display:none}.rail nav a,.shell.nav-open .rail nav a{flex:0 0 2.85rem;width:2.85rem;justify-content:center;padding:0}.workspace>header{flex-wrap:nowrap;gap:.45rem;padding:.35rem .7rem;overflow:visible}.workspace>header .account{flex-wrap:nowrap;width:100%;min-width:0;gap:.4rem}.workspace>header .who{flex:0 0 auto;min-width:0}.workspace>header .who-copy{display:none}.workspace>header .terminal{flex:0 1 auto;max-width:7.5rem}.workspace>header .koky-open{flex:0 0 auto}.workspace>header .logout{flex:0 0 auto;margin-left:auto;padding:0 .75rem}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;color:#000;background:var(--surface)}body[data-ticket="58"] .print-area{width:58mm}body[data-ticket="80"] .print-area{width:80mm}}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}