@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&family=Noto+Serif+TC:wght@700;900&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#262421;background:#f5f3ef;font-synthesis:none;--ink:#191918;--orange:#e94b2c;--orange2:#ff6b42;--cream:#f7f4ee;--line:#e3ded5;--muted:#7a756d}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff9c7d;outline-offset:2px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--orange);color:#fff}.brand strong{display:block;font-family:"Noto Serif TC";font-size:21px;letter-spacing:2px}.brand small{display:block;color:#aaa49b;font-size:10px;letter-spacing:2px;margin-top:1px}.home-page{min-height:100vh;background:#1a1a19;color:#fff;padding:32px max(24px,calc((100% - 920px)/2))}.home-page>header{display:flex;align-items:center;justify-content:space-between}.home-page>header p{color:#918c84;font-size:12px}.home-page>section{padding:110px 0}.eyebrow{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:3px}.home-page h1,.invalid-table h1{font-family:"Noto Serif TC";font-size:42px;margin:10px 0}.home-page>section>p:not(.eyebrow){color:#aaa49b}.home-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:42px}.home-links a{color:#fff;text-decoration:none;border:1px solid #3d3a36;background:#242321;border-radius:13px;padding:22px;transition:.2s}.home-links a:hover{border-color:var(--orange);transform:translateY(-2px)}.home-links strong,.home-links span{display:block}.home-links span{color:#918c84;font-size:12px;margin-top:7px}.invalid-table{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.invalid-table>.brand{margin-bottom:45px}.invalid-table>p:not(.eyebrow){color:var(--muted)}.table-test-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.table-test-links a{color:#fff;background:var(--orange);padding:11px 17px;border-radius:8px;text-decoration:none}.cart-bar button:disabled{opacity:.65;cursor:wait}.customer-page{min-height:100vh;background:var(--cream);padding-bottom:110px}.customer-header{height:78px;background:#1a1a19;color:#fff;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between}.table-chip{display:flex;align-items:center;gap:12px}.table-chip small{color:#a6a29d}.table-chip strong{font-size:22px;background:#30302e;padding:7px 13px;border-radius:8px}.hero{background:radial-gradient(circle at 75% 20%,#5a261b 0,transparent 23%),linear-gradient(110deg,#1e1d1b,#29211d);color:#fff;text-align:center;padding:58px 20px 66px}.hero p{font-size:11px;letter-spacing:4px;color:#e96e50}.hero h1{font-family:"Noto Serif TC";font-size:38px;margin:13px 0}.hero h1 em{font-style:normal;color:#f06a49}.hero span{color:#bcb5ad;font-size:14px}.menu-wrap{max-width:1120px;margin:auto;padding:30px 24px}.menu-tools{display:flex;justify-content:space-between;margin-bottom:25px}.category-tabs{display:flex;gap:8px}.category-tabs button,.page-tabs button{border:0;background:transparent;color:#746f68;padding:10px 20px;border-radius:25px}.category-tabs button.active,.page-tabs button.active{background:#211f1d;color:#fff}.icon-btn{border:1px solid var(--line);background:#fff;width:42px;border-radius:50%}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.product-card{background:#fff;border:1px solid #ebe7df;border-radius:14px;overflow:hidden;transition:.2s;cursor:pointer}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3e312212}.food-visual{height:150px;background:radial-gradient(circle,#f6d7ba,#dfc2a7);display:grid;place-items:center;position:relative;overflow:hidden}.food-visual>span{font-size:72px;filter:drop-shadow(0 8px 8px #6d3b2644)}.food-visual b{position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;border-radius:5px;padding:5px 8px;font-size:11px}.food-visual div{position:absolute;inset:0;background:#171717b9;color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px}.sold-out{opacity:.72;cursor:not-allowed}.product-info{padding:17px}.product-info>small,.modal-body>small{color:var(--orange);font-size:11px;font-weight:700}.product-info h2{font-family:"Noto Serif TC";font-size:19px;margin:4px 0}.product-info p{font-size:12px;color:var(--muted);margin:5px 0;height:36px}.product-info footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.product-info footer strong{font-size:15px}.product-info footer button{border:0;border-radius:50%;background:#262420;color:#fff;width:33px;height:33px;display:grid;place-items:center}.cart-bar{position:fixed;z-index:5;bottom:20px;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 28px));background:#242321;color:#fff;border-radius:15px;padding:12px 13px 12px 18px;display:flex;justify-content:space-between;box-shadow:0 10px 40px #0005}.cart-bar>div{display:flex;gap:12px;align-items:center}.cart-bar span span{display:block}.cart-bar small{display:block;color:#9e9992;font-size:10px}.cart-bar button,.primary,.top-primary{border:0;color:#fff;background:var(--orange);padding:13px 20px;border-radius:9px;font-weight:700}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#15120fa8;display:grid;place-items:center;padding:20px;overflow:auto}.modal{background:#fff;border-radius:18px;width:min(500px,100%);position:relative;overflow:hidden}.modal-close{position:absolute;right:15px;top:15px;border:0;background:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;z-index:2}.modal-food{height:170px;background:radial-gradient(circle,#f6d7ba,#dfc2a7);display:grid;place-items:center;font-size:88px}.modal-body{padding:23px}.modal-body h2{font-family:"Noto Serif TC";margin:3px 0}.modal-body>p{color:var(--muted);font-size:13px}.modal-body h3{font-size:13px;margin:20px 0 7px}.modal-body h3 span{background:#fce5df;color:var(--orange);font-size:10px;padding:2px 5px;border-radius:3px}.modal-body h3 i{font-style:normal;color:#999;font-weight:400;font-size:11px}.choice{display:flex;border-bottom:1px solid #eee;padding:10px 2px;gap:10px;font-size:13px}.choice input{accent-color:var(--orange)}.choice b{margin-left:auto;font-weight:500}.modal textarea{width:100%;border:1px solid var(--line);border-radius:8px;resize:none;padding:11px;height:62px}.modal-actions{display:flex;gap:14px;margin-top:18px}.stepper{display:flex;align-items:center;gap:13px}.stepper button{border:1px solid var(--line);background:#fff;border-radius:7px;width:35px;height:40px}.stepper svg{width:15px}.modal-actions>.primary{flex:1}.success-modal{text-align:center;padding:45px 35px}.success-modal .back{position:absolute;left:15px;top:15px;border:0;background:none;display:flex;align-items:center;font-size:12px}.success-icon{margin:auto;background:#e5f4e8;color:#32904a;width:65px;height:65px;border-radius:50%;display:grid;place-items:center}.success-modal>p{color:var(--orange);font-weight:700}.success-modal h2{font-family:"Noto Serif TC";font-size:28px}.success-modal>div{background:#f5f3ef;padding:18px;border-radius:10px}.success-modal>div>*{display:block}.success-modal>div strong{font-size:28px;margin:4px}.success-modal .muted{color:var(--muted);font-size:12px;font-weight:400}.staff-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#1b1b1a;color:#fff;padding:25px 16px;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 25px;border-bottom:1px solid #343331}.sidebar nav{padding-top:20px;display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#a7a39d;text-decoration:none;padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:#332722;color:#ff7957}.sidebar-user{border-top:1px solid #343331;margin-top:auto;padding:18px 5px 0;display:flex;align-items:center;gap:9px}.sidebar-user>svg{margin-left:auto;color:#777}.avatar{width:35px;height:35px;background:#bf4b31;display:grid;place-items:center;border-radius:50%}.sidebar-user strong,.sidebar-user small{display:block;font-size:12px}.sidebar-user small{color:#888}.workspace{margin-left:230px;padding:0 32px 40px;min-height:100vh}.workspace-header{height:95px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.workspace-header p{color:var(--orange);font-size:11px;font-weight:600;margin:0}.workspace-header h1{font-family:"Noto Serif TC";font-size:25px;margin:3px 0}.header-actions{display:flex;align-items:center;gap:14px}.live{font-size:12px;color:#555;background:#fff;padding:8px 12px;border-radius:20px;border:1px solid var(--line)}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45a55a;margin-right:6px}.time{color:#777;font-size:13px;display:flex;gap:5px}.mobile-staff-nav{display:none}.summary-strip{display:flex;gap:35px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 20px;margin:20px 0;font-size:13px}.summary-strip span{display:flex;align-items:center;gap:7px}.summary-strip b{font-size:17px}.dot{width:8px;height:8px;border-radius:50%}.orange{background:var(--orange)}.yellow{background:#dba631}.green{background:#3b9c58}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kanban-column>h2{display:flex;justify-content:space-between;align-items:center;font-size:12px}.kanban-column>h2>span{color:#999;font-weight:400}.status{display:inline-flex;gap:7px;align-items:center;font-size:12px}.status i{width:7px;height:7px;border-radius:50%}.status-new i{background:var(--orange)}.status-cooking i{background:#e0a728}.status-served i{background:#3b9c58}.status-paid i{background:#777}.kitchen-card{background:#fff;border:1px solid var(--line);border-top:3px solid;border-radius:10px;padding:15px;margin:13px 0}.edge-new{border-top-color:var(--orange)}.edge-cooking{border-top-color:#e0a728}.edge-served{border-top-color:#3b9c58}.kitchen-card header{display:flex;justify-content:space-between;border-bottom:1px dashed #d9d5cf;padding-bottom:12px}.kitchen-card header div>*{display:block}.kitchen-card header b{font-size:20px}.kitchen-card header span,.kitchen-card time{font-size:11px;color:#999}.kitchen-card time{display:flex;gap:4px}.ticket-items>div{margin:16px 0}.ticket-items strong{display:flex;gap:10px;font-size:14px}.ticket-items em{font-style:normal;color:var(--orange);font-size:17px}.ticket-items small{margin-left:27px;color:#a05d49;background:#fff1ec;padding:3px 6px}.kitchen-card>button{width:100%;border:0;padding:10px;background:#262522;color:#fff;border-radius:7px;display:flex;justify-content:center;gap:7px}.kitchen-card>button svg{width:17px}.done{text-align:center;color:#32904a;font-size:12px;background:#eff8f1;padding:9px}.page-tabs{margin:22px 0;border-bottom:1px solid var(--line)}.page-tabs button{border-radius:0;padding:13px 17px}.page-tabs button.active{background:none;color:var(--orange);border-bottom:2px solid var(--orange)}.page-tabs b{background:#e9e6e0;padding:1px 6px;border-radius:10px;color:#777}.table-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.table-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:235px}.table-card header{display:flex;justify-content:space-between}.table-number{font-family:"Noto Serif TC";font-size:30px}.pill{font-size:10px;padding:6px 9px;border-radius:15px;height:27px}.pill.dining{color:#b54b31;background:#fdece7}.pill.available{color:#37834b;background:#e9f4eb}.table-meta{display:flex;justify-content:space-between;color:#888;font-size:11px;margin-top:24px}.table-meta span{display:flex;align-items:center}.table-meta svg{width:14px}.table-total{margin:15px 0}.table-total>*{display:block}.table-total small{color:#999}.table-total strong{font-size:20px}.table-card footer{display:flex;gap:8px}.table-card footer button,.empty-table button{flex:1;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px;display:flex;align-items:center;justify-content:center;gap:4px}.table-card button svg{width:15px}.empty-table{height:165px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#aaa;gap:20px}.empty-table button{flex:0;background:#292824;color:#fff}.staff-note,.role-banner{margin-top:22px;background:#fff7ed;border:1px solid #f2ddc5;border-radius:10px;padding:15px}.staff-note strong{font-size:13px}.staff-note p{color:#8b7969;font-size:11px;margin:5px 0}.cashier-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-top:25px}.bill-list,.checkout{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.bill-list h2{font-size:15px}.bill-list h2 span{background:#eee9e2;border-radius:12px;padding:2px 8px}.bill-list>button{width:100%;display:grid;grid-template-columns:45px 1fr auto;text-align:left;align-items:center;border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;margin:9px 0}.bill-list>button.active{border-color:var(--orange);background:#fff8f5}.bill-list .table-number{font-size:21px}.bill-list span b,.bill-list span small{display:block}.bill-list span small{color:#999}.checkout>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.checkout header small{color:#999}.checkout header h2{margin:0}.checkout-items>div{display:grid;grid-template-columns:1fr 40px 90px;padding:14px 0;border-bottom:1px solid #eee}.checkout-items span>*{display:block}.checkout-items small{color:#999}.checkout-items strong{text-align:right}.checkout-total{display:flex;justify-content:space-between;padding:20px 0}.checkout-total strong{font-size:25px;color:var(--orange)}.checkout h3{font-size:13px}.payment{width:100%;border:2px solid var(--orange);color:#bd482f;background:#fff7f4;border-radius:9px;padding:13px;display:flex;gap:9px}.payment span{margin-left:auto}.checkout-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:25px}.checkout-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:6px}.checkout-actions .primary{background:var(--orange);border:0}.future{text-align:center;color:#aaa;font-size:10px}.future svg{width:13px;vertical-align:middle}.top-primary{display:flex;gap:6px;align-items:center;padding:10px 16px}.top-primary svg{width:17px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.metric{background:#fff;border:1px solid var(--line);padding:18px;border-radius:11px;position:relative}.metric>span{position:absolute;right:16px;top:16px;background:#fff0eb;color:var(--orange);padding:8px;border-radius:8px}.metric>span svg{width:20px}.metric small,.metric strong{display:block}.metric small{color:#888}.metric strong{font-size:23px;margin:9px 0}.metric p{font-size:11px;display:flex;align-items:center;margin:0}.metric p svg{width:14px}.metric p i{color:#999;font-style:normal;margin-left:4px}.up{color:#339454}.down{color:#d05a43}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.chart-card,.ranking{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.chart-card header{display:flex;justify-content:space-between}.chart-card h2,.ranking h2{font-size:15px;margin:0}.chart-card p,.ranking p{color:#999;font-size:11px;margin:3px 0}.chart-card select{border:1px solid var(--line);border-radius:6px}.bars{height:235px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid var(--line);margin-top:25px}.bars div{height:100%;width:8%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bars span{width:100%;background:linear-gradient(#ef6848,#f7b19f);border-radius:5px 5px 0 0}.bars small{height:20px;color:#999}.ranking>div{display:grid;grid-template-columns:25px 42px 1fr auto;align-items:center;padding:11px 0;border-bottom:1px solid #eee}.ranking>div>b{color:#aaa}.mini-food{font-size:24px}.ranking div span>*{display:block}.ranking div small{color:#aaa}.ranking em{font-style:normal;font-size:12px}.admin-table{background:#fff;border:1px solid var(--line);border-radius:11px;margin-top:25px;overflow:hidden}.admin-table>header,.admin-table>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .6fr;align-items:center;padding:13px 20px;border-bottom:1px solid #eee;font-size:12px}.admin-table>header{background:#efede8;color:#7c7770;font-size:11px}.product-cell{display:flex;align-items:center;gap:11px}.product-cell i{width:40px;height:40px;background:#f0ded0;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:22px}.on-label,.sold-label{padding:4px 8px;border-radius:12px;font-size:10px}.on-label{background:#e7f4ea;color:#35834a}.sold-label{background:#eee;color:#888}.row-actions{display:flex;gap:5px}.row-actions button{border:0;background:none;color:#777}.row-actions svg{width:19px}.role-banner{display:flex;align-items:center;gap:15px}.role-banner>svg{color:var(--orange)}.role-banner p{margin:3px 0;color:#8b7969;font-size:12px}@media(max-width:900px){.product-grid,.table-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:1fr}.kanban-column{min-width:0}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:190px}.workspace{margin-left:190px;padding-inline:20px}.cashier-layout{grid-template-columns:1fr}.admin-table{overflow-x:auto}.admin-table>header,.admin-table>div{min-width:700px}}@media(max-width:650px){.customer-header{padding-inline:18px}.hero{padding:42px 18px}.hero h1{font-size:28px}.menu-wrap{padding:22px 15px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.food-visual{height:120px}.food-visual>span{font-size:55px}.product-info{padding:12px}.product-info h2{font-size:16px}.product-info p{display:none}.cart-bar>div small{display:none}.sidebar{display:none}.workspace{margin-left:0;padding:0 14px 90px}.workspace-header{height:80px}.workspace-header h1{font-size:21px}.mobile-staff-nav{position:fixed;z-index:10;display:flex;bottom:0;left:0;right:0;background:#1b1b1a;justify-content:space-around;padding:8px}.mobile-staff-nav a{color:#aaa;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-staff-nav a.active{color:#ff7957}.summary-strip{gap:12px;justify-content:space-between;padding:11px}.summary-strip span{font-size:10px}.table-grid,.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.table-card{padding:13px}.table-meta{display:block}.header-actions .live,.bill-list{display:none}.checkout{padding:15px}.metric{padding:14px}.metric>span{display:none}.metric strong{font-size:18px}.admin-table>header,.admin-table>div{padding-inline:12px}.top-primary{font-size:0;padding:9px}.role-banner{align-items:flex-start}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 10%,#5a261b,#1b1b1a 45%);color:#fff}.auth-card{width:min(430px,100%);background:#fff;color:var(--ink);border-radius:16px;padding:32px;box-shadow:0 22px 60px #0005}.auth-card>.brand{margin-bottom:34px}.auth-card h1{font-family:"Noto Serif TC";font-size:29px;margin:5px 0}.auth-card>p:not(.eyebrow){color:var(--muted);font-size:13px}.auth-card form{display:grid;gap:17px;margin-top:25px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.auth-card input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px}.auth-card form button{margin-top:5px}.auth-error{background:#fff0ed;border:1px solid #efb8aa;color:#a93b27;padding:12px;border-radius:8px;margin:16px 0;font-size:13px}.logout-button{margin-left:auto;color:#aaa;background:none;border:0;padding:7px;display:grid;place-items:center}.refresh-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:6px}.refresh-button:disabled{opacity:.6}.ticket-items small{display:block;width:max-content;margin-top:5px}.item-note{font-size:12px;color:#99442f;background:#fff6e8;border-left:3px solid #ed9b42;padding:6px 8px;margin:7px 0 0 27px}