:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--border: #2a2f3a;--text: #e7e9ee;--muted: #9aa3b2;--accent: #22d3ee;--accent-ink: #06222a;--danger: #f87171}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;min-height:100vh}.appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;background:#0f1115d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.appbar h1{margin:0;font-size:18px;letter-spacing:.02em}.brand{cursor:pointer}.brand h1:before{content:"●";color:var(--accent);font-size:11px;margin-right:8px;vertical-align:middle}.whoami{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:12px;border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}.menu{display:flex;flex-direction:column;border-bottom:1px solid var(--border);background:var(--surface)}.menu button{text-align:left;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:15px;padding:14px 18px;cursor:pointer}.menu button:last-child{border-bottom:none}.menu button:hover{background:var(--surface-2)}.content{padding:16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(80px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:640px;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:40}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--muted);cursor:pointer;padding:8px 0 6px;font-size:11px;font-family:inherit}.tab.active{color:var(--accent)}.tab-icon{font-size:18px;line-height:1}.warn-tag{color:#fbbf24;font-size:11px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger);background:#f871711a;border:1px solid rgba(248,113,113,.3);padding:10px 12px;border-radius:8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title{font-size:15px;margin:0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 22px}.login-title{margin:0 0 6px;font-size:22px;display:flex;align-items:center;gap:10px}.login-title .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block}.total-card{background:linear-gradient(160deg,#22d3ee1a,#22d3ee05);border:1px solid rgba(34,211,238,.35);border-radius:16px;padding:20px}.total-label{font-size:13px;color:var(--muted)}.total-num{font-size:44px;font-weight:800;line-height:1.1;color:var(--accent)}.total-unit{font-size:18px;font-weight:700;margin-left:4px;color:var(--text)}.grand-card{background:linear-gradient(160deg,#22d3ee1f,#22d3ee05);border:1px solid rgba(34,211,238,.35);border-radius:16px;padding:20px;margin:6px 0 22px}.grand-label{font-size:13px;color:var(--muted);letter-spacing:.02em}.grand-num{font-size:clamp(34px,9vw,46px);font-weight:800;line-height:1.08;color:var(--accent);font-variant-numeric:tabular-nums;margin-top:2px}.grand-deltas{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.delta{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:8px;white-space:nowrap}.delta.up{color:var(--accent);background:#22d3ee1a;border:1px solid rgba(34,211,238,.28)}.delta.down{color:#fb7185;background:#fb71851a;border:1px solid rgba(251,113,133,.28)}.delta.muted-delta{color:var(--muted);background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.trend-wrap{margin-top:16px;overflow-x:auto}.trend-svg{width:100%;max-width:460px;height:auto;display:block}.trend-lab{fill:var(--muted);font-size:8px}.draft-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#fbbf241a;border:1px solid rgba(251,191,36,.4);border-radius:10px;padding:10px 14px;margin:8px 0;font-size:13.5px;color:var(--text)}.draft-actions{display:flex;gap:10px;align-items:center}.skeleton{border-radius:10px;background:linear-gradient(100deg,#ffffff0a 30%,#ffffff1a,#ffffff0a 70%);background-size:200% 100%;animation:skel-shimmer 1.3s ease-in-out infinite}.skel-stack{display:flex;flex-direction:column;gap:12px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.help-wrap{position:relative;display:inline-block}.help-btn{width:22px;height:22px;border-radius:50%;padding:0;cursor:pointer;border:1px solid var(--accent);background:#22d3ee1a;color:var(--accent);font-weight:700;font-size:13px;line-height:1}.help-btn:hover{background:#22d3ee33}.help-pop{position:absolute;right:0;top:28px;z-index:40;width:min(320px,84vw);background:var(--panel, #151922);border:1px solid rgba(34,211,238,.35);border-radius:12px;padding:14px 16px;box-shadow:0 12px 30px #00000073;text-align:left}.help-pop-title{font-weight:700;font-size:14px;margin-bottom:8px;color:var(--accent)}.help-list{margin:0 0 8px;padding-left:18px;font-size:13px;line-height:1.65;color:var(--text)}.help-list li{margin-bottom:4px}.home-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:18px}.home-hero .total-card{cursor:pointer;transition:border-color .16s ease,transform .16s ease}.home-hero .total-card:hover{border-color:#22d3ee99}.home-hero .total-card:active{transform:scale(.99)}.sales-num{font-size:clamp(26px,7vw,36px)}.hero-hint{font-size:11.5px;color:var(--muted);margin-top:10px}@media(max-width:560px){.home-hero{grid-template-columns:1fr}}.cat-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.cat-badge{font-size:13px;font-weight:700;border-radius:999px;padding:5px 12px;border:1px solid currentColor}.cat-badge.inline{font-size:11px;padding:2px 8px;margin-left:8px;vertical-align:middle}.bar-badge{position:relative;overflow:hidden}.bar-fill{position:absolute;left:0;top:0;bottom:0;opacity:.4}.bar-text{position:relative;z-index:1}.bar-pct{opacity:.75;font-weight:600}.bar-badge.clickable{cursor:pointer}.pct-row{display:flex;justify-content:flex-end;margin-top:8px}.pct-toggle{background:none;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer;font-family:inherit}.pct-toggle.on{color:var(--accent);border-color:var(--accent)}.grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.grid th.sortable:hover{color:var(--accent)}.table-wrap{overflow-x:auto}.grid{width:100%;border-collapse:collapse;font-size:14px}.grid th,.grid td{border-bottom:1px solid var(--border);padding:11px 8px;text-align:center;white-space:nowrap}.grid th{color:var(--muted);font-weight:600;font-size:12px;position:sticky;top:0;background:var(--bg)}.grid .left{text-align:left}.grid-row{cursor:pointer}.grid-row:hover td{background:var(--surface)}.store-name{font-weight:600}.grid td.zero{color:#4b5563}.total-cell{font-weight:800;color:var(--accent)}.note{margin-top:10px;line-height:1.5}.wide-btn{width:100%;display:block}.primary{background:var(--accent);color:var(--accent-ink);font-weight:700;border:none;border-radius:10px;padding:12px 16px;cursor:pointer;font-size:15px}.primary:disabled{opacity:.5;cursor:default}.ghost{background:none;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 16px;cursor:pointer;font-size:15px}.ghost:disabled{opacity:.5}.link-btn{background:none;border:1px solid var(--border);color:var(--accent);font-size:13px;padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}.danger-link{color:var(--danger);border-color:#f8717166}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,transform .05s}.card:active{transform:scale(.99)}.card:hover{border-color:var(--accent)}.card-title{font-size:15px;font-weight:600;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.card-sub{color:var(--muted);font-size:13px;margin-top:4px}.kakemochi{font-size:11px;font-weight:700;color:var(--accent);background:#22d3ee1f;border:1px solid rgba(34,211,238,.4);border-radius:999px;padding:3px 9px;white-space:nowrap}.left-badge{font-size:11px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px;margin-left:6px}.staff-row.is-left{opacity:.6}.back{background:none;border:none;color:var(--accent);font-size:14px;padding:4px 0;margin-bottom:8px;cursor:pointer}.detail-head{margin:0 0 16px}.detail-head h2{margin:0 0 4px;font-size:20px}.group{margin-bottom:22px}.group-title{font-size:13px;font-weight:700;margin:0 0 10px;padding-left:10px;border-left:3px solid var(--accent);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.group-total{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.subtotal-row td{font-weight:700;border-top:1px solid var(--border);background:var(--surface-2)}.subtotal-row .left{color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>span{font-size:12px;color:var(--muted)}.in{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:inherit;font-size:15px;width:100%}textarea.in{resize:vertical}.radio-row{display:flex;flex-wrap:wrap;gap:8px}.radio-btn{flex:1 1 calc(50% - 4px);padding:11px;border-radius:8px;cursor:pointer;font-size:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.radio-btn.active{font-weight:700;background:var(--surface)}.check-grid{display:flex;flex-wrap:wrap;gap:8px}.check-item{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer}.check-item.on{border-color:var(--accent);color:var(--accent)}.check-item input{accent-color:var(--accent);width:16px;height:16px}.type-toggle{display:flex;gap:8px}.type-btn{flex:1;padding:11px;border-radius:8px;cursor:pointer;font-size:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.type-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.form-actions .primary,.form-actions .ghost{flex:0 0 auto}.search-wrap{position:relative;margin-bottom:8px}.search-wrap .in{width:100%;padding-right:36px}.clear-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:0 6px}.clear-x:hover{color:var(--text)}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-row .in{flex:1 1 30%;min-width:110px;padding:9px 8px;font-size:13px}.inline-form{display:flex;gap:8px;align-items:center}.store-manage-row{cursor:default}.store-manage-row:hover{border-color:var(--border)}.edit-inline{display:flex;gap:6px;align-items:center;width:100%}.edit-tools{display:flex;gap:4px}.tool{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:38px;height:32px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px}.tool:disabled{opacity:.35;cursor:default}.tool.danger{color:var(--danger)}.mini{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer;white-space:nowrap}@media(min-width:920px){.app,.tabbar{max-width:1040px}.appbar{padding:16px 28px;padding-top:calc(16px + env(safe-area-inset-top))}.content{padding:24px 28px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field,.search-wrap{max-width:560px}.login-card{max-width:380px}.grid{font-size:15px}.grid th,.grid td{padding:12px}}@media(min-width:1280px){.app,.tabbar{max-width:1200px}.module-grid{grid-template-columns:1fr 1fr 1fr}}.sheet-head{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line, rgba(255,255,255,.12));border-radius:8px;padding:10px 16px;margin-bottom:12px}.sheet-date{font-size:15px;letter-spacing:.5px}.sheet-store{font-size:18px;font-weight:700;color:var(--accent)}.sheet-wrap{display:flex;flex-direction:column;gap:14px}.sheet-main{min-width:0}.sheet-side{display:flex;flex-direction:column;gap:12px}.side-panel{border:1px solid var(--line, rgba(255,255,255,.12));border-radius:8px;padding:12px}.side-panel h4{margin:0 0 8px;font-size:14px;color:var(--accent)}.sheet-summary{margin-top:8px;padding:8px 12px;background:var(--card, rgba(255,255,255,.04));border-radius:6px;font-size:13px}.sheet-grid th,.sheet-grid td{padding:4px 5px}@media(min-width:1100px){.sheet-wrap{flex-direction:row;align-items:flex-start}.sheet-main{flex:3}.sheet-side{flex:1;min-width:290px}}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{padding:5px 12px;border-radius:999px;border:1px solid var(--line, rgba(255,255,255,.15));background:transparent;color:inherit;font-size:13px;cursor:pointer}.chip.on{background:var(--accent);color:#0f1115;border-color:var(--accent);font-weight:600}.rule-list{display:flex;flex-direction:column;gap:8px}.rule-item{border:1px solid var(--line, rgba(255,255,255,.12));border-radius:8px;overflow:hidden}.rule-head{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;color:inherit;cursor:pointer;text-align:left;font-size:15px}.rule-head:hover{background:#ffffff08}.rule-cat{font-size:11px;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:1px 6px;white-space:nowrap}.rule-title{flex:1;font-weight:600}.rule-arrow{color:var(--muted, #9ca3af);font-size:11px}.rule-body{padding:8px 16px 14px;border-top:1px solid var(--line, rgba(255,255,255,.08));font-size:14px;line-height:1.7}.md-h{font-weight:700;margin:10px 0 4px;color:var(--accent)}.md-li{margin:2px 0 2px 8px}.sheet-grid th:first-child,.sheet-grid td:first-child{position:sticky;left:0;background:var(--bg, #0f1115);z-index:3}.sheet-grid th:nth-child(2),.sheet-grid td:nth-child(2){position:sticky;left:30px;background:var(--bg, #0f1115);z-index:3}@media print{.sheet-grid th,.sheet-grid td{position:static!important;background:#fff!important}}@media print{.appbar,.tabbar,.menu,.back,.filter-row,.form-actions,.link-btn,.chip-row,.no-print{display:none!important}body,.app,.content{background:#fff!important;color:#000!important;max-width:none!important}.content{padding:0!important}h2,h3,h4,.section-title,.sheet-store,.sheet-date,.md-h,.total-cell,.rule-cat{color:#000!important}.grid th,.grid td{border:1px solid #888!important;color:#000!important}.sheet-head,.side-panel,.rule-item,.table-wrap table{border-color:#888!important}.sheet-wrap{display:block!important}.sheet-side{margin-top:10px}.muted,.small{color:#333!important}@page{size:A4;margin:12mm}}.pos-toolbar{display:flex;gap:10px;margin-bottom:12px}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.pos-card{border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer;background:var(--surface)}.pos-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pos-card-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.pos-table-no{font-weight:700;font-size:15px}.pos-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:8px 0}.pos-menu-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:10px 6px;cursor:pointer;text-align:center;font-size:13px}.pos-menu-btn:hover{border-color:var(--accent)}.pos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.pos-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;min-width:280px}.pos-receipt{font-family:Courier New,monospace;width:100%;max-width:320px}.pos-receipt-head{font-weight:700;text-align:center;margin-bottom:6px}.pos-receipt-line{display:flex;justify-content:space-between}.pos-receipt-line.total{font-weight:700;border-top:1px dashed #888;margin-top:4px;padding-top:4px}.pos-offline-banner{display:flex;justify-content:space-between;align-items:center;background:#fbbf241f;border:1px solid #fbbf24;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:13px;color:#fbbf24}.pos-board-header{display:flex;justify-content:space-between;align-items:center;padding:14px 4px}.pos-board-store{font-size:22px;font-weight:700;color:var(--accent)}.pos-grid.pos-board{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pos-grid.pos-board .pos-card{padding:20px;cursor:default}.pos-grid.pos-board .pos-table-no{font-size:22px}.pos-grid.pos-board .pos-card-top span:last-child{font-size:22px!important}.pos-grid.pos-board .small{font-size:15px}@media print{@page receipt{size:80mm auto;margin:3mm}body.pos-print .content>*:not(.pos-receipt-wrap){display:none!important}body.pos-print .pos-receipt-wrap{border:none!important;page:receipt}body.pos-print .pos-receipt{color:#000!important;max-width:none;font-size:12px}}.pf-root{--ok: var(--accent);--warn: #fbbf24;--danger: #fb5a6a;--panel: #141925;--panel2: #1a2030;--panel3: #212a3d;--line2: #1c2436;font-variant-numeric:lining-nums tabular-nums}.pf-root .num{font-variant-numeric:lining-nums tabular-nums}.pf-topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 16px}.pf-store{min-height:44px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:0 14px;font-size:15px}.pf-newbtn{min-height:44px;border:none;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:15px;padding:0 18px;cursor:pointer}.pf-newbtn:hover{filter:brightness(1.06)}.pf-tool{min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--muted);font-size:13.5px;padding:0 14px;cursor:pointer}.pf-tool:hover{border-color:var(--accent);color:var(--text)}.pf-primary{min-height:48px;border:none;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:16px;padding:0 22px;cursor:pointer}.pf-back{min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--muted);font-size:14px;padding:0 16px;cursor:pointer}.pf-back:hover{border-color:var(--accent)}.pf-offline{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fbbf241f;border:1px solid rgba(251,191,36,.4);border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:13.5px}.pf-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.pf-board.pf-kiosk{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.pf-kiosk-head{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 16px}.pf-kiosk-store{font-size:24px;font-weight:800;color:var(--accent)}.pf-table{position:relative;text-align:left;border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:14px;cursor:pointer;overflow:hidden;color:var(--text);transition:transform .12s,border-color .12s}.pf-table:hover{transform:translateY(-2px);border-color:var(--accent)}.pf-table:active{transform:scale(.99)}.pf-table:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ok)}.pf-table.warn{background:linear-gradient(180deg,rgba(251,191,36,.12),var(--panel));border-color:#fbbf2466}.pf-table.warn:before{background:var(--warn)}.pf-table.danger{background:linear-gradient(180deg,rgba(251,90,106,.14),var(--panel));border-color:#fb5a6a80;animation:pf-pulse 1.6s ease-in-out infinite}.pf-table.danger:before{background:var(--danger)}.pf-table.free:before{background:#6f7d99}@keyframes pf-pulse{0%,to{box-shadow:0 0 #fb5a6a00}50%{box-shadow:0 0 0 3px #fb5a6a40}}@media(prefers-reduced-motion:reduce){.pf-table.danger{animation:none}}.pf-t-top{display:flex;align-items:baseline;justify-content:space-between}.pf-t-no{font-size:20px;font-weight:800}.pf-t-guests{font-size:12px;color:var(--muted)}.pf-t-time{margin:10px 0 4px;display:flex;align-items:baseline;gap:6px}.pf-t-time .pf-big{font-size:30px;font-weight:800;line-height:1;color:var(--accent)}.pf-t-time .pf-big.pf-over{font-size:20px}.pf-t-time.warn .pf-big{color:var(--warn)}.pf-t-time.danger .pf-big{color:var(--danger)}.pf-t-time .pf-u{font-size:12px;color:var(--muted)}.pf-prog{height:5px;border-radius:100px;background:var(--line2);overflow:hidden;margin:8px 0 12px}.pf-prog>span{display:block;height:100%;border-radius:100px;background:var(--accent)}.pf-prog.warn>span{background:var(--warn)}.pf-prog.danger>span{background:var(--danger)}.pf-staff{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;min-height:24px}.pf-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:100px;background:var(--panel3);color:var(--text)}.pf-chip.free{color:var(--muted)}.pf-chip .pf-d{width:8px;height:8px;border-radius:50%}.pf-t-amt{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line2);padding-top:10px}.pf-t-amt .pf-l{font-size:11px;color:var(--muted)}.pf-t-amt .pf-v{font-size:19px;font-weight:800}.pf-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--muted)}.pf-legend span{display:inline-flex;align-items:center;gap:6px}.pf-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.pf-screen{margin-top:2px}.pf-ts-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pf-ts-no{font-size:20px;font-weight:800}.pf-ts-time{font-size:18px;font-weight:800;color:var(--accent)}.pf-ts-time.warn{color:var(--warn)}.pf-ts-time.danger{color:var(--danger)}.pf-extend{margin-left:auto;min-height:44px;border:1px solid var(--accent);background:#22d3ee1f;color:var(--accent);border-radius:12px;padding:0 16px;font-weight:700;cursor:pointer}.pf-ts-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.pf-ts-meta label,.pf-newgrid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.pf-ts-meta label.pf-check,.pf-newgrid label.pf-check{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--text);align-self:end;padding-bottom:12px}.pf-check input{width:22px;height:22px}.pf-in{min-height:44px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:0 12px;font-size:15px}.pf-ts-meta .pf-in{min-width:120px}.pf-ts-meta .pf-in.num{min-width:80px}.pf-ts-body{display:grid;grid-template-columns:1fr 340px;gap:16px}@media(max-width:860px){.pf-ts-body{grid-template-columns:1fr}}.pf-catbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pf-cat{min-height:44px;border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:12px;padding:0 18px;font-size:14px;font-weight:700;cursor:pointer}.pf-cat.on{background:#22d3ee24;border-color:var(--accent);color:var(--accent)}.pf-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.pf-mtile{text-align:left;border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--panel);border-radius:14px;padding:14px 12px;min-height:74px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--text);transition:transform .1s,border-color .1s}.pf-mtile:hover{transform:translateY(-2px)}.pf-mtile:active{transform:scale(.97)}.pf-mn{font-size:14px;font-weight:700}.pf-mp{font-size:13px;color:var(--muted)}.pf-side{display:flex;flex-direction:column;gap:14px}.pf-card{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:14px}.pf-card-h{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:10px}.pf-est{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.pf-est-b{border:1px solid var(--border);background:var(--panel2);border-radius:12px;padding:10px 6px;text-align:center}.pf-est-b.now{border-color:var(--accent);background:#22d3ee1a}.pf-est-l{font-size:11px;color:var(--muted)}.pf-est-v{font-size:15px;font-weight:800;margin-top:4px}.pf-est-b.now .pf-est-v{color:var(--accent)}.pf-order{display:flex;flex-direction:column}.pf-orow{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line2)}.pf-on{flex:1;font-size:14px}.pf-op{font-size:13px;color:var(--muted)}.pf-qty{display:flex;align-items:center;gap:8px}.pf-q{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-size:18px;line-height:1;cursor:pointer}.pf-q:active{background:#22d3ee24}.pf-empty{color:var(--muted);font-size:13px;padding:10px 0}.pf-subtotal{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px}.pf-subtotal span:first-child{font-size:13px;color:var(--muted)}.pf-subtotal span:last-child{font-size:24px;font-weight:800}.pf-checkout{width:100%;margin-top:12px;min-height:56px;border:none;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-size:17px;font-weight:800;cursor:pointer}.pf-checkout:hover{filter:brightness(1.06)}.pf-loading{padding:30px 0}.pf-panel{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:16px;margin-bottom:14px}.pf-menuedit-row{display:flex;gap:8px;margin-bottom:6px}.pf-newgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:14px 0}.pf-newactions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.pf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.pf-newbox,.pf-cobox{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 80px #00000080}.pf-newbox{width:min(560px,96vw);padding:22px}.pf-newbox h3{margin:0;font-size:18px}.pf-cobox{width:min(760px,96vw);overflow:hidden;display:grid;grid-template-columns:1fr 300px}@media(max-width:720px){.pf-cobox{grid-template-columns:1fr}}.pf-co-x{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;z-index:2}.pf-co-left{padding:22px;border-right:1px solid var(--border)}.pf-co-left h3{margin:0 0 16px;font-size:18px}.pf-bd{display:flex;flex-direction:column;gap:9px;font-size:14px}.pf-brow{display:flex;justify-content:space-between;gap:12px}.pf-brow>span:first-child{color:var(--muted)}.pf-brow.sub{border-top:1px solid var(--line2);padding-top:10px;margin-top:2px}.pf-brow.total{border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.pf-brow.total>span:first-child{font-size:16px;font-weight:700;color:var(--text)}.pf-brow.total>span:last-child{font-size:30px;font-weight:800;color:var(--accent)}.pf-pays{display:flex;gap:10px;margin-top:18px}.pf-pay{flex:1;min-height:72px;border:1px solid var(--border);background:var(--panel2);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text)}.pf-pay.cash{border-color:#34d399}.pf-pay.card{border-color:var(--accent)}.pf-pay:hover{filter:brightness(1.08)}.pf-pay:active{transform:scale(.98)}.pf-pl{font-size:12px;color:var(--muted)}.pf-pv{font-size:20px;font-weight:800}.pf-pay.cash .pf-pv{color:#34d399}.pf-pay.card .pf-pv{color:var(--accent)}.pf-co-right{padding:18px;background:var(--panel2)}.pf-co-field{margin-bottom:12px}.pf-co-l{font-size:11px;color:var(--muted)}.pf-disp{font-size:24px;font-weight:800;text-align:right;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-top:4px}.pf-disp.ok{color:#34d399}.pf-disp.ng{color:var(--danger)}.pf-quick{display:flex;gap:6px;margin:10px 0}.pf-quick button{flex:1;min-height:44px;border:1px solid var(--border);background:var(--panel);border-radius:10px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.pf-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pf-key{min-height:52px;border:1px solid var(--border);background:var(--panel);border-radius:12px;color:var(--text);font-size:19px;font-weight:700;cursor:pointer}.pf-key:active{background:#22d3ee24}.pf-key.c{color:var(--danger)}