:root{color-scheme:light;--bg:#f0f1f5;--card:#fff;--accent:#426ff3;--line:#e8eaf0;--text:#252b39;--muted:#7b8291}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 "Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:#fff;color:var(--text);border:1px solid #dce0e8;border-radius:7px;padding:9px 15px;margin:4px 5px 4px 0;min-height:40px}button:hover{border-color:#426ff3;background:#f2f5ff}button.primary,button.selected{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #89a6ff;outline-offset:3px}a{color:#4265c8;text-decoration:none}header{height:66px;display:flex;align-items:center;gap:22px;padding:0 25px;background:white;border-bottom:1px solid var(--line)}header strong{font-size:25px;color:#151b29;letter-spacing:-1px}header .header-label{flex:0 0 auto;font-size:15px;padding-left:20px;border-left:1px solid #d7dbe4}#identity{flex:1;color:#727a89;font-size:13px;text-align:right}header button{font-size:13px;padding:6px 15px}.notice{margin-left:92px;padding:7px 24px;background:#fff8e9;color:#8d6627;font-size:12px;border-bottom:1px solid #f2e7cf}#message{margin:0 0 0 92px;padding:8px 24px;min-height:34px;font-size:13px;color:#996319}#message:empty{padding:3px;min-height:6px}#login{max-width:490px;margin:65px auto;padding:32px;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 8px 28px #27345209}#login h1{font-size:25px}label{display:block;margin:14px 0;font-size:13px;color:#5b6475}input,select,textarea{display:block;width:100%;padding:11px;background:white;color:#252b39;border:1px solid #d9dee8;border-radius:6px;font:inherit;margin-top:7px}#enter{width:100%;background:#426ff3;color:white;padding:13px;margin-top:16px}h1,h2,h3,p{margin-top:0}h1{font-size:24px;margin-bottom:7px}h2{font-size:17px;margin:0 0 15px}h3{font-size:15px}.muted,small{color:var(--muted);font-size:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;margin-left:92px;padding:12px 22px 30px;align-items:start}#mobile-nav{display:flex;flex-direction:column;position:fixed;top:66px;bottom:0;left:0;width:92px;background:#e9eaef;padding:20px 9px;gap:10px;z-index:5;border-right:1px solid #e1e4eb}.nav-brand{font-size:13px;text-align:center;color:#a5adbc;margin-bottom:12px;font-weight:700}#mobile-nav button,#mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;border-radius:8px;min-height:77px;background:transparent;margin:0;padding:8px 2px;color:#677185;font-size:13px}#mobile-nav span{font-size:27px;line-height:1.2}#mobile-nav button.selected{background:#426ff3;color:#fff}#mobile-nav a:hover,#mobile-nav button:hover{background:#dce3f7;color:#355cd5}#work[data-panel="tables"] #mobile-nav [data-panel="tables"],#work[data-panel="order"] #mobile-nav [data-panel="order"],#work[data-panel="checkout"] #mobile-nav [data-panel="checkout"]{background:#426ff3;color:white}#work:not([data-panel="tables"]) #mobile-nav [data-panel="tables"]{background:transparent;color:#677185}#tables-panel{grid-column:1/-1;min-width:0}#work[data-panel="tables"] #order-panel,#work[data-panel="tables"] #checkout-panel{display:none}#work:not([data-panel="tables"]) #tables-panel{display:none}.page-heading{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:16px;margin-bottom:14px}.page-heading p{margin:0}#tables-panel>.page-heading{background:white;margin:-18px -22px 20px;padding:20px 24px;min-height:85px;border-bottom:1px solid var(--line)}.table-toolbar{display:flex;gap:28px;align-items:center;margin-bottom:18px;padding:11px 18px;border-radius:8px;background:white;width:fit-content;border:1px solid var(--line)}.table-toolbar strong{font-size:14px;color:#426ff3}.table-toolbar span{font-size:12px;color:#7b8291}#tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.table{display:flex;flex-direction:column;width:100%;min-height:182px;border:2px solid transparent;border-radius:12px;background:#fff;margin:0;padding:17px 0 0;text-align:left;overflow:hidden;box-shadow:0 1px 2px #182c4a05;transition:transform .12s}.table:hover{transform:translateY(-2px);box-shadow:0 6px 15px #263b6010}.table strong{font-size:19px;padding:0 17px}.table-amount{padding:20px 17px 22px;font-size:20px;font-weight:600;flex:1}.table-foot{display:block;font-size:12px;padding:11px 17px;background:#e8e9eb;width:100%;font-weight:400}.table-empty .table-amount{color:#b6bdc8;font-size:15px;font-weight:400}.table-waiting{background:#269345;color:white}.table-waiting .table-foot{background:#21843e}.table-dining{background:#ff4f5d;color:white}.table-dining .table-foot{background:#e94553}.table-clear{background:#4a78de;color:white}.table-clear .table-foot{background:#3d66c0}.table.selected{border:2px solid #142a70;outline:3px solid #426ff32b}.table-waiting:hover{background:#269345}.table-dining:hover{background:#ff4f5d}.table-clear:hover{background:#4a78de}#table-status{display:flex;flex-wrap:wrap;gap:8px;margin:28px auto 16px;padding:12px 16px;width:fit-content;background:white;border-radius:9px;box-shadow:0 4px 18px #2833470d}#table-status button{border:0;font-size:14px;margin:0;background:#fff;color:#5b6473;padding:10px 18px}#table-status button.selected{background:#e9edfa;color:#345ac3}#table-status b{margin-left:8px;font-size:13px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:2px;background:#263247;margin-right:8px}.status-dot.empty{background:#d0d4df}.status-dot.waiting{background:#269345}.status-dot.dining{background:#ff4f5d}.status-dot.clear{background:#4a78de}#table-history{margin-top:28px;color:#727b8e;font-size:13px}#history-tables{padding:10px 0}.history-table{font-size:12px}#order-panel{min-width:0}#order-head h1{font-size:23px}#order-head p{margin:0}.back-tables{font-size:13px}#operations{margin-bottom:14px}#operations button{font-size:12px;padding:7px 10px}.ordering-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(280px,1.2fr);gap:16px}.order-ticket,.catalog,.checkout{background:#fff;border-radius:10px;padding:18px;border:1px solid var(--line)}.order-ticket{align-self:start}.catalog{min-width:0}#lines{max-height:410px;overflow:auto}.line{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.line strong{display:block;font-size:14px;margin-bottom:6px}.line button{font-size:11px;padding:5px 7px;min-height:32px}.price{color:#f05259;font-size:24px}#categories{display:flex;overflow:auto;gap:5px;padding-bottom:10px;margin-bottom:8px}#categories button{white-space:nowrap;font-size:12px;padding:7px 11px;margin:0;border-color:transparent;background:#f2f4f8}#categories button.selected{background:#426ff3}#menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dish{padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.dish strong{font-size:15px}.dish p{margin:10px 0;color:#ea5359;font-size:15px}.dish button{width:100%;margin:0;background:#f1f5ff;color:#4265cb;border-color:#dce5ff;font-size:12px;padding:7px}#cart{border-top:1px solid var(--line);margin-top:17px;padding-top:15px;font-size:13px}#cart button.primary{width:100%;padding:12px}#totals p{display:flex;justify-content:space-between;font-size:13px;margin:12px 0}#totals p.price{font-size:22px;padding-top:14px;border-top:1px dashed #dce0e9}#cash button{font-size:12px}#cash #receive{width:100%;padding:13px;margin:12px 0;background:#426ff3;color:white}#member{padding-top:18px;margin-top:20px;border-top:1px solid var(--line);font-size:12px;color:#8590a3}#member button{font-size:12px}#handover{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}#handover button{font-size:12px}details{margin-top:18px}#employee-drafts{font-size:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:15px}#employee-drafts button{font-size:12px}#member-alert{margin:10px 24px 10px 114px;padding:16px;border:1px solid #ecc88b;background:#fff8e9;border-radius:8px}.danger{color:#ca344b}dialog{width:min(520px,92vw);background:#fff;color:#252b39;border:1px solid #d8dfeb;border-radius:12px;padding:24px;box-shadow:0 20px 60px #14213d30}dialog::backdrop{background:#15213b66}dialog input{font-size:13px}
@media(min-width:1500px){#tables{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#menu{grid-template-columns:repeat(3,minmax(0,1fr))}main{grid-template-columns:minmax(0,1fr) 330px}.ordering-grid{grid-template-columns:minmax(250px,.75fr) minmax(380px,1.3fr)}}
@media(max-width:1150px){.ordering-grid{grid-template-columns:1fr}.order-ticket{order:2}.catalog{order:1}#lines{max-height:300px}main{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:700px){header{height:57px;padding:0 12px;gap:10px}header strong{font-size:21px}header .header-label{display:none}#identity{font-size:10px}header button{padding:6px 10px}.notice,#message{margin-left:0;padding:7px 12px}.notice{font-size:10px}main{display:block;margin:0;padding:12px 12px 90px}#mobile-nav{top:auto;bottom:0;width:100%;height:65px;flex-direction:row;align-items:center;justify-content:space-around;padding:4px 8px;gap:2px;background:#fff;border-top:1px solid #e0e4eb}.nav-brand{display:none}#mobile-nav button,#mobile-nav a{min-height:52px;min-width:58px;padding:5px;font-size:10px;gap:2px}#mobile-nav span{font-size:21px}#tables-panel>.page-heading{margin:-12px -12px 16px;padding:16px}.page-heading h1{font-size:21px}.page-heading p{font-size:10px}#tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table{min-height:158px}.table strong{font-size:18px}.table-amount{font-size:18px;padding:16px}.table-foot{font-size:10px;padding:10px}#table-status{gap:2px;padding:7px;margin:18px 0}#table-status button{font-size:11px;padding:8px 6px;min-height:40px}#table-status b{margin-left:3px}.status-dot{width:7px;height:7px;margin-right:4px}.table-toolbar{font-size:12px;gap:16px;width:100%}.table-toolbar span{font-size:10px}.checkout{margin-top:16px}.ordering-grid{grid-template-columns:1fr}.order-ticket{order:0}.catalog{order:1}#work[data-panel="order"] #checkout-panel{display:none}#work[data-panel="checkout"] #order-panel{display:none}#login{margin:25px 14px;padding:24px}#member-alert{margin:10px 12px}.order-ticket,.catalog,.checkout{padding:15px}#lines{max-height:250px}button{min-height:44px}}
.table-empty.selected{background:#fff;color:#252b39}.table-waiting.selected{background:#269345;color:#fff}.table-dining.selected{background:#ff4f5d;color:#fff}.table-clear.selected{background:#4a78de;color:#fff}