:root{--bg: #f4f7f2;--surface: #ffffff;--sage: #4e8b6a;--sage-lt: #7aab8f;--sage-pale: #d6e9dd;--sage-mist: #edf5ef;--stone: #c5b49a;--stone-lt: #ede6da;--stone-pale:#f7f3ee;--ink: #1e2c21;--ink-mid: #4a5e4e;--ink-soft: #8a9e8d;--ink-faint: #b8c9bb;--border: #dde8da;--border-lt: #edf4eb;--red: #c0544a;--red-pale: #fdf0ef;--amber: #c48a2e;--amber-pale:#fdf5e6;--amber-border:#e8c97a;--shadow-sm: 0 1px 4px rgba(30,44,33,.06);--shadow-md: 0 4px 16px rgba(30,44,33,.08);--shadow-lg: 0 8px 32px rgba(30,44,33,.1);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", SimSun, serif;--font-mono: "JetBrains Mono", "Consolas", "SF Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7f2,#e8ede4,#d4ddd0);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:120%;background:radial-gradient(ellipse,rgba(78,139,106,.06) 0%,transparent 70%);pointer-events:none}.login-card{width:400px;border-radius:16px;box-shadow:0 8px 40px #00000014;position:relative;z-index:1}.pos-app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2c2159;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal{position:relative;background:var(--surface);border-radius:16px;padding:32px 28px 24px;width:380px;box-shadow:0 20px 60px #1e2c212e,0 0 0 1px #1e2c210f;animation:slide-up .25s ease}.profile-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .18s}.profile-close:hover{background:var(--bg);color:var(--ink)}.profile-avatar-section{text-align:center;margin-bottom:20px}.avatar-upload-wrap{position:relative;display:inline-block;cursor:pointer;border-radius:50%}.avatar-upload-wrap .ant-avatar{display:block}.avatar-upload-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#1e2c2173;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;opacity:0;transition:opacity .2s}.avatar-upload-wrap:hover .avatar-upload-mask{opacity:1}.avatar-upload-mask.uploading{opacity:1;background:#1e2c2199}.profile-display-name{margin-top:12px;font-family:"Times New Roman",SimSun,var(--font-serif);font-size:18px;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:6px}.profile-edit-trigger{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .18s}.profile-edit-trigger:hover{border-color:var(--sage-lt);color:var(--sage);background:var(--sage-mist)}.profile-edit-name{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-name-input{width:160px;padding:6px 12px;border:1.5px solid var(--sage-lt);border-radius:8px;background:var(--bg);font-size:16px;font-weight:600;font-family:"Times New Roman",SimSun,var(--font-serif);color:var(--ink);text-align:center;outline:none;transition:all .18s}.profile-name-input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #4e8b6a1a}.profile-edit-actions{display:flex;gap:6px}.profile-save-btn{padding:4px 14px;border-radius:6px;border:none;background:var(--sage);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif);display:flex;align-items:center;gap:4px}.profile-save-btn:hover:not(:disabled){background:#3e7a59}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-cancel-btn{padding:4px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);font-size:12px;cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif)}.profile-cancel-btn:hover{border-color:var(--ink-faint);color:var(--ink)}.profile-fields{border-top:1px solid var(--border-lt);padding-top:16px}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-lt)}.profile-field:last-child{border-bottom:none}.pf-label{font-size:13px;color:var(--ink-soft);font-family:"Times New Roman",SimSun,var(--font-serif)}.pf-value{font-size:13px;color:var(--ink);font-weight:500;font-family:"Times New Roman",SimSun,var(--font-serif)}.pf-value.mono{font-family:var(--font-mono);font-weight:400;color:var(--ink-mid)}.profile-footer{text-align:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-lt)}.profile-link{color:var(--sage);font-size:13px;cursor:pointer;font-family:"Times New Roman",SimSun,var(--font-serif);display:inline-flex;align-items:center;gap:4px;transition:color .18s}.profile-link:hover{color:#3e7a59}.logout-modal{background:var(--surface);border-radius:16px;padding:32px 28px 24px;width:320px;text-align:center;box-shadow:0 20px 60px #1e2c212e,0 0 0 1px #1e2c210f;animation:slide-up .25s ease}.logout-icon{font-size:40px;margin-bottom:12px;line-height:1}.logout-title{font-family:"Times New Roman",SimSun,var(--font-serif);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:6px}.logout-desc{font-size:13px;color:var(--ink-soft);margin-bottom:20px;line-height:1.5}.logout-actions{display:flex;gap:10px}.logout-cancel{flex:1;padding:9px 0;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-size:13.5px;font-weight:500;color:var(--ink-mid);cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif)}.logout-cancel:hover{border-color:var(--ink-soft);color:var(--ink)}.logout-confirm{flex:1;padding:9px 0;border-radius:10px;border:none;background:#c0544a;font-size:13.5px;font-weight:600;color:#fff;cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif)}.logout-confirm:hover:not(:disabled){background:#a8433a;transform:translateY(-1px);box-shadow:0 4px 12px #c0544a4d}.logout-confirm.waiting{background:var(--border);color:var(--ink-faint);cursor:not-allowed}.topbar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;height:56px;gap:28px;box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0}.topbar-brand{display:flex;align-items:center;gap:8px;color:var(--sage);font-size:21px;font-weight:700;flex-shrink:0;cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:1.5px;font-family:var(--font-serif)}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--sage);opacity:.5}.brand-name{font-family:var(--font-serif);font-weight:700;letter-spacing:1.5px}.brand-suffix{font-family:var(--font-serif);font-weight:400;color:var(--stone);letter-spacing:1.5px}.topbar-nav{display:flex;gap:2px;flex:1}.topbar-tab{padding:6px 16px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--ink-soft);transition:all .18s;border:none;background:transparent;font-family:var(--font-sans);white-space:nowrap;display:flex;align-items:center;gap:5px;position:relative}.tab-emoji{font-size:14px}.topbar-tab:hover{color:var(--ink);background:var(--sage-mist)}.topbar-tab.active{color:var(--sage);background:var(--sage-mist);font-weight:600}.topbar-right{display:flex;align-items:center;gap:14px;margin-left:auto;flex-shrink:0}.topbar-clock{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint)}.topbar-user{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 14px 4px 6px;border-radius:20px;background:var(--sage-mist);border:1px solid var(--border);transition:all .2s;font-size:12.5px;color:var(--ink-mid);font-weight:500}.topbar-user:hover{background:var(--sage-pale)}.topbar-avatar{width:20px;height:20px;border-radius:50%;background:var(--sage-pale);display:flex;align-items:center;justify-content:center;font-size:11px}.topbar-username{font-size:12.5px;font-weight:500;color:var(--ink-mid)}.topbar-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.pos-wrap{display:flex;flex:1;overflow:hidden;height:100%}.pos-left{flex:1;min-width:280px;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.pos-top-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border-lt);flex-shrink:0}.pos-capsule{display:flex;background:var(--bg);border-radius:20px;padding:3px;gap:2px;border:1px solid var(--border-lt);flex-shrink:0}.capsule-opt{padding:5px 16px;border-radius:16px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:all .2s;font-family:var(--font-sans);white-space:nowrap;line-height:1.4}.capsule-opt:hover{color:var(--ink-mid)}.capsule-opt.active{background:var(--sage);color:#fff;font-weight:600;box-shadow:0 1px 4px #4e8b6a3d}.pos-top-search{flex:1;position:relative;min-width:0}.top-search-input{width:100%;padding:6px 12px 6px 30px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg);font-size:13px;color:var(--ink);outline:none;transition:all .18s;font-family:var(--font-sans)}.top-search-input:focus{border-color:var(--sage-lt);box-shadow:0 0 0 3px #4e8b6a14}.top-search-input::placeholder{color:var(--ink-faint)}.top-search-input:disabled{background:var(--border-lt);color:var(--ink-faint);cursor:not-allowed}.pos-top-search .search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-size:12px;pointer-events:none}.pos-panel-view{display:flex;flex-direction:column;flex:1;overflow:hidden}.table-view-header{padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border-lt)}.tvh-title{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--ink)}.table-grid-scroll{flex:1;overflow-y:auto;padding:20px}.table-zone{margin-bottom:20px}.zone-label{font-size:11px;font-weight:600;color:var(--ink-faint);margin-bottom:12px;letter-spacing:1px;padding-bottom:6px;border-bottom:1px solid var(--border-lt)}.table-cards-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.tbl-card{border-radius:var(--r-md);border:1.5px solid var(--border-lt);padding:14px;text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .18s;background:var(--surface);min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-sans)}.tbl-card:hover{border-color:var(--sage-lt);background:var(--sage-mist);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tbl-card.selected{border-color:var(--sage);background:var(--sage-pale);box-shadow:0 0 0 2px #4e8b6a29}.tbl-card.selected .tbl-num{color:var(--sage)}.tbl-num{font-family:"Times New Roman",SimSun,var(--font-serif);font-size:32px;font-weight:700;line-height:1;margin-bottom:6px;color:var(--ink);transition:color .18s}.tbl-seats{font-size:12.5px;color:var(--ink-soft)}.menu-breadcrumb{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border-lt);flex-shrink:0}.takeout-bc{padding:12px 16px}.bc-back-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:8px;border:1.5px solid var(--border);background:transparent;font-size:12.5px;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:all .18s;font-family:var(--font-sans)}.bc-back-btn:hover{border-color:var(--sage);color:var(--sage);background:var(--sage-mist)}.bc-sep{color:var(--ink-faint);font-size:14px}.bc-current{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink)}.bc-table-badge{padding:2px 12px;border-radius:20px;background:var(--sage-mist);border:1.5px solid var(--sage-pale);color:var(--sage);font-size:12.5px;font-weight:700}.menu-top{padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border-lt);flex-shrink:0}.cat-bar{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.cat-bar::-webkit-scrollbar{display:none}.cat-pill{padding:4px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .18s;color:var(--ink-mid);font-family:var(--font-sans)}.cat-pill:hover{border-color:var(--sage-lt);color:var(--sage);background:var(--sage-mist)}.cat-pill.active{background:var(--sage);border-color:var(--sage);color:#fff}.cat-pill.cat-refresh{padding:4px 8px;min-width:auto;color:var(--ink-soft);border-color:var(--border-lt)}.cat-pill.cat-refresh:hover{color:var(--sage);border-color:var(--sage-lt)}.menu-grid-lg{flex:1;overflow:hidden;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;align-content:start}.menu-card-lg{background:var(--surface);border-radius:var(--r-md);border:1.5px solid var(--border-lt);padding:14px 14px 12px;text-align:center;cursor:pointer;transition:all .18s;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;font-family:var(--font-sans);overflow:hidden}.menu-card-lg:hover{border-color:var(--sage);background:var(--sage-mist);transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-card-lg:hover .mc-emoji{transform:scale(1.1)}.mc-img-wrap{width:64px;height:64px;border-radius:var(--r-sm);overflow:hidden;margin-bottom:8px;display:flex;align-items:center;justify-content:center;background:var(--sage-mist);flex-shrink:0}.mc-img-wrap .mc-emoji{font-size:32px;line-height:1}.mc-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.menu-card-lg:hover .mc-img{transform:scale(1.08)}.mc-loading{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%;grid-column:1 / -1}.cat-icon-img{width:16px;height:16px;object-fit:contain;margin-right:3px;vertical-align:-2px}.mc-emoji{font-size:32px;line-height:1;margin-bottom:8px;transition:transform .3s}.mc-name{font-size:13px;font-weight:600;color:var(--ink);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.mc-desc{font-size:11px;color:var(--ink-soft);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.mc-price-pill{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-family:var(--font-mono);font-weight:700;background:var(--sage-pale);color:var(--sage)}.mc-empty{grid-column:1 / -1;text-align:center;padding:48px;color:var(--ink-faint);font-size:14px}.menu-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-top:1px solid var(--border-lt);flex-shrink:0}.pg-btn{padding:6px 16px;border-radius:8px;border:1.5px solid var(--border);background:transparent;font-size:12.5px;font-weight:500;color:var(--ink-mid);cursor:pointer;transition:all .18s;font-family:var(--font-sans);display:flex;align-items:center;gap:4px}.pg-btn:hover:not(:disabled){border-color:var(--sage);color:var(--sage);background:var(--sage-mist)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-indicator{font-size:12.5px;font-weight:500;color:var(--ink-soft);font-family:var(--font-mono);background:var(--bg);padding:4px 12px;border-radius:20px;border:1px solid var(--border-lt)}.pg-current{color:var(--ink);font-weight:600}.pos-right{width:380px;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:-2px 0 12px #1e2c210a;flex-shrink:0;z-index:20;overflow:hidden}.order-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface);padding:0 20px;flex-shrink:0}.order-tab{padding:12px 0;margin-right:28px;font-size:14px;font-weight:600;color:var(--ink-soft);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;font-family:var(--font-sans);transition:all .18s;display:flex;align-items:center;gap:6px}.order-tab.active{color:var(--sage);border-bottom-color:var(--sage)}.held-count-badge{background:var(--amber);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;font-family:var(--font-mono);line-height:18px}.order-pane{display:flex;flex-direction:column;flex:1;overflow:hidden}.order-header{padding:14px 16px;border-bottom:1px solid var(--border-lt);flex-shrink:0}.order-hd-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.order-context{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-title{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--ink)}.order-ctx-badge{padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid}.order-ctx-badge.dine{background:var(--sage-mist);border-color:var(--sage-pale);color:var(--sage)}.order-ctx-badge.take{background:var(--stone-pale);border-color:var(--stone-lt);color:var(--stone)}.order-no{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);background:var(--bg);border:1px solid var(--border-lt);padding:2px 10px;border-radius:10px}.hold-btn-top,.quick-btn{padding:5px 14px;border-radius:6px;border:1.5px solid var(--amber-border);background:var(--amber-pale);color:var(--amber);font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif);white-space:nowrap}.hold-btn-top:hover:not(:disabled){border-color:var(--amber);background:#fdf0d6;transform:translateY(-1px)}.hold-btn-top:disabled,.hold-btn-top.disabled{opacity:.4;cursor:not-allowed;background:var(--bg);border-color:var(--border);color:var(--ink-faint)}.quick-btn{background:var(--sage-mist);border-color:var(--sage-pale);color:var(--sage)}.quick-btn:hover{border-color:var(--sage);background:var(--sage-pale);transform:translateY(-1px)}.quick-btn.danger{background:var(--red-pale);border-color:#c0544a33;color:var(--red)}.quick-btn.danger:hover{border-color:var(--red);background:#f8d7d5;transform:translateY(-1px)}.staff-page{padding:24px 32px;max-width:900px;margin:0 auto}.staff-header{margin-bottom:20px}.staff-title-row{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.staff-page-title{font-family:"Times New Roman",SimSun,var(--font-serif);font-size:22px;font-weight:700;color:var(--ink);margin:0}.staff-count{font-size:13px;color:var(--ink-soft);font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-toolbar{display:flex;gap:10px;align-items:center}.staff-search{flex:1;position:relative;max-width:320px}.staff-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-size:13px;pointer-events:none}.staff-search-input{width:100%;padding:8px 14px 8px 32px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:13px;color:var(--ink);outline:none;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-search-input:focus{border-color:var(--sage-lt);box-shadow:0 0 0 3px #4e8b6a14}.staff-search-input::placeholder{color:var(--ink-faint)}.staff-add-btn{padding:8px 18px;border-radius:8px;border:none;background:var(--sage);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif);white-space:nowrap}.staff-add-btn:hover{background:#3f7a59;transform:translateY(-1px);box-shadow:0 4px 12px #4e8b6a40}.staff-list{display:flex;flex-direction:column;gap:8px}.staff-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface);border:1.5px solid var(--border-lt);border-radius:12px;transition:all .18s}.staff-card:hover{border-color:var(--sage-lt);box-shadow:0 2px 8px #4e8b6a0f}.staff-card.disabled{opacity:.55}.staff-card-left{display:flex;align-items:center;gap:14px}.staff-avatar{width:44px;height:44px;border-radius:50%;background:var(--sage-mist);color:var(--sage);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;font-family:"Times New Roman",SimSun,var(--font-serif);flex-shrink:0;overflow:hidden}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-info{min-width:0}.staff-name-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.staff-name{font-size:15px;font-weight:600;color:var(--ink);font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-role{font-size:11px;padding:1px 8px;border-radius:10px;font-weight:500;font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-role.admin{background:var(--sage-pale);color:var(--sage);border:1px solid var(--sage-lt)}.staff-role.cashier{background:var(--bg);color:var(--ink-soft);border:1px solid var(--border-lt)}.staff-phone{font-size:12.5px;color:var(--ink-soft);font-family:var(--font-mono)}.staff-meta{font-size:11.5px;color:var(--ink-faint);margin-top:1px;font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.staff-action-btn{padding:5px 12px;border-radius:6px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:500;cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif);white-space:nowrap}.staff-action-btn.disable:hover{border-color:var(--amber-border);color:var(--amber);background:var(--amber-pale)}.staff-action-btn.enable:hover{border-color:var(--sage-lt);color:var(--sage);background:var(--sage-mist)}.staff-action-btn.reset:hover{border-color:var(--ink-faint);color:var(--ink)}.staff-self-tag{font-size:11px;color:var(--sage);background:var(--sage-mist);padding:3px 10px;border-radius:10px;border:1px solid var(--sage-pale);font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2c2159;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}.staff-modal{background:var(--surface);border-radius:16px;padding:28px 24px 20px;width:380px;box-shadow:0 20px 60px #1e2c212e,0 0 0 1px #1e2c210f;animation:slide-up .25s ease}.staff-modal-title{font-family:"Times New Roman",SimSun,var(--font-serif);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:4px}.staff-modal-desc{font-size:12.5px;color:var(--ink-soft);margin-bottom:18px;line-height:1.5}.staff-modal-field{margin-bottom:14px}.staff-modal-field label{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:5px;font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-modal-actions{display:flex;gap:10px;margin-top:20px}.staff-modal-cancel{flex:1;padding:9px 0;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-size:13.5px;font-weight:500;color:var(--ink-mid);cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-modal-cancel:hover{border-color:var(--ink-soft);color:var(--ink)}.staff-modal-confirm{flex:1;padding:9px 0;border-radius:10px;border:none;background:var(--sage);font-size:13.5px;font-weight:600;color:#fff;cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif)}.staff-modal-confirm:hover{background:#3f7a59;transform:translateY(-1px);box-shadow:0 4px 12px #4e8b6a40}.order-items{flex:1;overflow-y:auto;padding:6px 16px}.oi-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-lt)}.oi-row:last-child{border-bottom:none}.oi-img-wrap{width:36px;height:36px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--sage-mist)}.oi-img-wrap .oi-emoji{font-size:18px;line-height:1}.oi-img{width:100%;height:100%;object-fit:cover}.oi-emoji{font-size:20px;flex-shrink:0}.oi-info{flex:1;min-width:0}.oi-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oi-sub{font-size:11px;color:var(--ink-soft)}.qty-ctl{display:flex;align-items:center;gap:4px;flex-shrink:0}.q-btn-sm{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--border);background:var(--bg);color:var(--ink-mid);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-family:var(--font-sans);transition:all .15s;line-height:1}.q-btn-sm:hover{border-color:var(--sage);color:var(--sage);background:var(--sage-mist)}.q-num{font-family:var(--font-mono);font-size:13px;width:20px;text-align:center;font-weight:500}.oi-price{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--ink-mid);flex-shrink:0;width:48px;text-align:right}.order-empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:.4}.empty-emoji{font-size:36px}.empty-text{font-size:13px;color:var(--ink-soft);text-align:center;line-height:1.6;white-space:pre-line}.spec-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:spec-overlay-in .2s ease}@keyframes spec-overlay-in{0%{opacity:0}to{opacity:1}}.spec-modal{background:var(--surface);border-radius:16px;width:420px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d;animation:spec-modal-in .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes spec-modal-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.spec-modal-header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--border-lt);flex-shrink:0}.spec-modal-product{display:flex;gap:12px;flex:1;min-width:0}.spec-modal-img-wrap{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--sage-mist)}.spec-modal-img{width:100%;height:100%;object-fit:cover}.spec-modal-emoji{font-size:32px}.spec-modal-product-info{flex:1;min-width:0}.spec-modal-product-name{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:4px;line-height:1.3}.spec-modal-product-price{font-size:18px;font-weight:700;color:var(--sage);font-family:var(--font-mono)}.spec-modal-price-detail{font-size:11px;font-weight:400;color:var(--ink-soft);margin-left:6px}.spec-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.spec-modal-close:hover{background:var(--sage-mist);color:var(--ink)}.spec-modal-loading{padding:40px 20px;display:flex;justify-content:center}.spec-modal-body{flex:1;overflow-y:auto;padding:16px 20px}.spec-section{margin-bottom:18px}.spec-section:last-child{margin-bottom:0}.spec-section-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px}.spec-section-optional{font-weight:400;color:var(--ink-soft);font-size:12px}.spec-options{display:flex;flex-wrap:wrap;gap:8px}.spec-option-btn{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg);color:var(--ink-mid);font-size:13px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);line-height:1.4}.spec-option-btn:hover{border-color:var(--sage);color:var(--sage)}.spec-option-btn.active{border-color:var(--sage);background:var(--sage-mist);color:var(--sage);font-weight:600}.spec-option-btn.topping.active{background:#4e8b6a14}.spec-option-extra{font-size:11px;color:var(--ink-soft);font-family:var(--font-mono)}.spec-option-btn.active .spec-option-extra{color:var(--sage)}.spec-no-sku{padding:8px 12px;border-radius:8px;background:#fff7e6;color:#ad6800;font-size:12px;text-align:center;margin-bottom:12px}.spec-modal-footer{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--border-lt);flex-shrink:0;background:var(--surface)}.spec-qty-ctl{display:flex;align-items:center;gap:2px;background:var(--bg);border-radius:10px;padding:2px}.spec-qty-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--ink-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.spec-qty-btn:hover:not(:disabled){background:var(--sage-mist);color:var(--sage)}.spec-qty-btn:disabled{opacity:.3;cursor:not-allowed}.spec-qty-num{font-family:var(--font-mono);font-size:15px;font-weight:600;min-width:28px;text-align:center;color:var(--ink)}.spec-confirm-btn{flex:1;height:40px;border-radius:10px;border:none;background:var(--sage);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-sans)}.spec-confirm-btn:hover:not(:disabled){background:#3f7a59;transform:translateY(-1px);box-shadow:0 4px 12px #4e8b6a40}.spec-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.oi-sub{font-size:11px;color:var(--ink-soft);line-height:1.3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-footer{padding:12px 16px;border-top:1px solid var(--border-lt);background:var(--surface);flex-shrink:0;overflow-y:auto;max-height:55vh}.pay-section{margin-bottom:10px}.pay-section-label{font-size:11.5px;font-weight:600;color:var(--ink-soft);margin-bottom:6px;display:flex;align-items:center;gap:4px;font-family:"Times New Roman",SimSun,var(--font-serif)}.pay-section-count{font-weight:400;color:var(--ink-faint);font-size:10.5px}.member-info{display:flex;align-items:center;gap:8px;margin-top:6px;padding:5px 10px;border-radius:8px;background:var(--sage-mist);border:1px solid var(--sage-pale)}.member-name{font-size:12.5px;font-weight:600;color:var(--sage)}.member-balance{font-size:12px;color:var(--ink-soft);font-family:var(--font-mono);margin-left:auto}.coupon-list{display:flex;flex-direction:column;gap:4px}.coupon-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif);text-align:left;width:100%}.coupon-chip:hover:not(:disabled){border-color:var(--sage-lt);background:var(--sage-mist)}.coupon-chip.active{border-color:var(--sage);background:var(--sage-pale)}.coupon-chip.disabled{opacity:.45;cursor:not-allowed}.coupon-name{font-size:12.5px;font-weight:500;color:var(--ink);flex:1}.coupon-val{font-size:12px;font-weight:700;color:var(--sage);font-family:var(--font-mono)}.coupon-chip.active .coupon-val{color:var(--sage)}.coupon-limit{font-size:10px;color:var(--ink-faint);white-space:nowrap}.balance-toggle{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all .18s;font-family:"Times New Roman",SimSun,var(--font-serif);width:100%;text-align:left}.balance-toggle:hover:not(:disabled){border-color:var(--sage-lt);background:var(--sage-mist)}.balance-toggle.active{border-color:var(--sage);background:var(--sage-pale)}.balance-toggle.disabled{opacity:.45;cursor:not-allowed}.balance-check{font-size:14px;color:var(--ink-faint);width:16px;text-align:center;flex-shrink:0}.balance-toggle.active .balance-check{color:var(--sage);font-weight:700}.balance-label{font-size:12.5px;font-weight:500;color:var(--ink)}.balance-amount{font-size:12px;font-family:var(--font-mono);color:var(--ink-soft);margin-left:auto}.balance-used{font-size:11px;font-family:var(--font-mono);color:var(--sage);font-weight:600}.pay-totals{margin-bottom:10px;padding:8px 0;border-top:1px solid var(--border-lt)}.pt-row{display:flex;justify-content:space-between;padding:2px 0;font-size:12px;color:var(--ink-soft)}.pt-mono{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-mid)}.pt-row.discount .pt-mono{color:var(--sage)}.pt-row.remaining{color:var(--amber)}.pt-row.remaining .pt-mono{color:var(--amber);font-weight:600}.pt-row.grand{border-top:1px solid var(--border-lt);margin-top:6px;padding-top:6px}.grand-label{font-size:13px;font-weight:600;color:var(--ink)}.grand-val{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--sage)}.pay-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.pm-btn{padding:8px 0;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-family:"Times New Roman",SimSun,var(--font-serif)}.pm-btn:hover{border-color:var(--sage-lt);background:var(--sage-mist)}.pm-btn.active{background:var(--sage);border-color:var(--sage);color:#fff;font-weight:600}.pm-icon{font-size:14px}.cash-input-wrap{margin-top:8px}.cash-input-label{font-size:11px;color:var(--ink-soft);margin-bottom:4px;font-family:"Times New Roman",SimSun,var(--font-serif)}.cash-input-row{display:flex;align-items:center;border:1.5px solid var(--sage-pale);border-radius:8px;background:var(--sage-mist);overflow:hidden;transition:border-color .18s}.cash-input-row:focus-within{border-color:var(--sage);box-shadow:0 0 0 3px #4e8b6a14}.cash-prefix{padding:0 8px 0 10px;font-size:16px;font-weight:600;color:var(--sage);font-family:var(--font-mono);flex-shrink:0}.cash-amount-input{flex:1;border:none;outline:none;background:transparent;font-size:18px;font-weight:600;color:var(--ink);font-family:var(--font-mono);padding:8px 10px 8px 0;min-width:0}.cash-amount-input::placeholder{color:var(--ink-faint);font-weight:400}.cash-amount-input::-webkit-inner-spin-button,.cash-amount-input::-webkit-outer-spin-button{-webkit-appearance:none}.cash-short{font-size:11px;color:var(--red);margin-top:4px;font-family:"Times New Roman",SimSun,var(--font-serif)}.cash-change{font-size:11px;color:var(--sage);margin-top:4px;font-family:"Times New Roman",SimSun,var(--font-serif)}.cash-combo-hint{font-size:11px;color:var(--ink-soft);margin-top:4px;font-family:"Times New Roman",SimSun,var(--font-serif);display:flex;align-items:center;gap:4px}.pay-actions{display:flex;gap:6px;margin-bottom:8px}.chip-btn{flex:1;padding:5px 0;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);font-size:11.5px;font-weight:500;cursor:pointer;text-align:center;transition:all .18s;color:var(--ink-soft);font-family:var(--font-sans)}.chip-btn.active{border-color:var(--sage);background:var(--sage-mist);color:var(--sage)}.chip-btn.ghost:hover{border-color:var(--ink-faint);color:var(--ink)}.chip-btn.danger:hover{border-color:var(--red);color:var(--red);background:var(--red-pale)}.checkout-btn-main{width:100%;padding:12px;border-radius:var(--r-md);background:var(--sage);color:#fff;font-size:17px;font-weight:700;font-family:var(--font-serif);letter-spacing:1px;border:none;cursor:pointer;box-shadow:0 4px 14px #4e8b6a47;transition:all .18s}.checkout-btn-main:hover:not(:disabled){background:#3e7558;transform:translateY(-1px);box-shadow:0 6px 20px #4e8b6a5c}.checkout-btn-main:active:not(:disabled){transform:translateY(0)}.checkout-btn-main:disabled{background:var(--border);color:var(--ink-faint);cursor:not-allowed;box-shadow:none}.held-pane-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.held-card{background:var(--surface);border:1.5px solid var(--amber-border);border-radius:var(--r-sm);padding:10px;cursor:pointer;transition:all .18s;box-shadow:var(--shadow-sm);text-align:left;width:100%;font-family:var(--font-sans)}.held-card:hover{border-color:var(--amber);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.hc-no{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--amber)}.hc-type-tag{font-size:11px;color:var(--ink-soft);background:var(--amber-pale);border-radius:6px;padding:1px 6px}.hc-table{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink-soft)}.hc-amt{font-family:var(--font-mono);font-size:12.5px;font-weight:500;color:var(--ink-mid)}.hc-restore-hint{font-size:10.5px;color:var(--ink-faint);margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);text-align:center}.cash-change-box{display:flex;justify-content:space-between;margin-top:12px;padding:8px 12px;border-radius:8px;font-size:13px}.cash-change-box.enough{background:var(--sage-mist);color:var(--sage)}.cash-change-box.short{background:var(--red-pale);color:var(--red)}.pending-wrap{display:flex;flex:1;overflow:hidden;height:100%;background:var(--bg)}.pending-left{width:320px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);flex-shrink:0}.pending-list-header{padding:16px 20px;border-bottom:1px solid var(--border-lt)}.pending-title{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--ink);margin:0}.pending-list-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.pending-order-card{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--border-lt);background:var(--surface);text-align:left;cursor:pointer;transition:all .18s;font-family:var(--font-sans)}.pending-order-card:hover{border-color:var(--sage-lt)}.pending-order-card.selected{border-color:var(--sage);background:var(--sage-mist);box-shadow:var(--shadow-sm)}.poc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.poc-id{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--ink)}.poc-type{font-size:11px;padding:2px 6px;border-radius:6px}.poc-type.dine{background:var(--sage-pale);color:var(--sage)}.poc-type.take{background:var(--amber-pale);color:var(--amber)}.poc-info{font-size:12.5px;color:var(--ink-soft);margin-bottom:6px}.poc-time{font-size:11px;color:var(--ink-faint)}.pending-right{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.pending-detail-header{padding:16px 24px;border-bottom:1px solid var(--border-lt);background:var(--surface);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.detail-title{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--ink);margin:0 0 4px}.detail-sub{font-size:13px;color:var(--ink-soft)}.detail-sep{margin:0 8px;color:var(--ink-faint)}.pending-detail-body{flex:1;overflow-y:auto;padding:24px}.detail-table-wrap{background:var(--surface);border-radius:12px;border:1px solid var(--border-lt);overflow:hidden;box-shadow:var(--shadow-sm)}.detail-table{width:100%;border-collapse:collapse;text-align:left}.detail-table thead tr{background:var(--bg);border-bottom:1px solid var(--border-lt)}.detail-table th{padding:12px 16px;font-size:13px;font-weight:500;color:var(--ink-soft)}.detail-table td{padding:12px 16px;border-bottom:1px solid var(--border-lt)}.detail-table tr:last-child td{border-bottom:none}.detail-table tr:hover td{background:#f4f7f280}.item-status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.item-status.pending{background:var(--amber-pale);color:var(--amber)}.item-status.completed{background:var(--sage-pale);color:var(--sage)}.item-status.delivered{background:var(--stone-pale);color:var(--stone)}.item-status.refunded{background:var(--red-pale);color:var(--red)}.action-sm{padding:4px 12px;border-radius:6px;border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--ink-mid);cursor:pointer;transition:all .15s;background:transparent;font-family:var(--font-sans)}.action-sm:hover{border-color:var(--sage);color:var(--sage)}.action-sm.primary{border-color:var(--sage);background:var(--sage);color:#fff}.action-sm.primary:hover{background:#3e7558}.action-sm.danger{border-color:var(--red);color:var(--red)}.action-sm.danger:hover{background:var(--red-pale)}.pending-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-faint);font-size:14px}.pending-empty-icon{font-size:48px;margin-bottom:16px}.scroll-page{padding:20px;overflow-y:auto;flex:1;background:var(--bg)}.dashboard-kpi-card{border-radius:var(--r-lg)!important;position:relative;overflow:hidden;transition:box-shadow .3s;border:none!important}.dashboard-kpi-card:hover{box-shadow:var(--shadow-md)}.dashboard-chart-card{border-radius:var(--r-lg)!important;border:none!important;box-shadow:var(--shadow-sm)}.bar-chart{display:flex;align-items:flex-end;gap:12px;padding:16px 0;height:180px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.bar-value{font-size:11px;color:var(--ink-soft);font-family:var(--font-mono);white-space:nowrap}.bar-fill{width:100%;max-width:48px;border-radius:6px 6px 0 0;transition:height .3s}.bar-label{font-size:12px;color:var(--ink-faint)}.rank-list{display:flex;flex-direction:column;gap:12px}.rank-row{display:flex;align-items:center;gap:10px}.rank-num{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink-soft);background:var(--bg);flex-shrink:0}.rank-num.top{background:var(--sage);color:#fff}.rank-emoji{font-size:20px;flex-shrink:0}.rank-info{flex:1;min-width:0}.rank-name{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--ink)}.rank-bar-bg{height:6px;background:var(--sage-mist);border-radius:3px;overflow:hidden}.rank-bar-fill{height:100%;background:linear-gradient(90deg,var(--sage),var(--sage-lt));border-radius:3px;transition:width .3s}.rank-sales{font-size:12px;color:var(--ink-soft);flex-shrink:0;min-width:40px;text-align:right}.ant-card{border-radius:var(--r-lg)!important}.ant-table{border-radius:var(--r-md)!important}.ant-modal-content{border-radius:var(--r-lg)!important}@media(max-width:1024px){.pos-right{width:320px}.pending-left{width:260px}.table-cards-lg,.menu-grid-lg{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media(max-width:768px){.topbar{flex-wrap:wrap;height:auto;padding:8px;gap:8px}.topbar-nav{margin-left:0;justify-content:center;width:100%;order:3}.topbar-right{margin-left:auto}.pos-right{width:280px}.pos-capsule{flex-shrink:0}.tbl-num{font-size:26px}.pending-left{width:220px}}