@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";html{min-width:320px}body{margin:0}:root{color:#302b26;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f7f4;font-family:Noto Sans TC,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.header{z-index:10;background:#fff;border-bottom:1px solid #eeeae3;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1080px;margin:auto;padding:16px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{font-size:32px}.brand h1{margin:0;font-size:19px}.brand p{letter-spacing:2px;color:#a18e79;margin:3px 0 0;font-size:10px}.table-number{background:#f4f0e9;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex}.table-number span{color:#827363;font-size:12px}.table-number strong{font-size:20px}.main{max-width:1080px;margin:auto;padding:38px 24px 130px}.welcome{background:#eee8de;border-radius:20px;margin-bottom:40px;padding:36px}.eyebrow{color:#987b5c;letter-spacing:3px;font-size:11px;font-weight:700}.welcome h2{margin:10px 0;font-size:30px}.welcome>p:last-child{color:#796e62;font-size:14px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{font-size:23px}.section-heading span{color:#999;font-size:13px}.categories{gap:10px;margin:20px 0 24px;display:flex;overflow-x:auto}.category{color:#766b60;white-space:nowrap;background:#fff;border:1px solid #e7e1d8;border-radius:30px;padding:9px 22px}.category.active{color:#fff;background:#51483d;border-color:#51483d}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.product-card{background:#fff;border:1px solid #eeeae4;border-radius:16px;transition:transform .2s;overflow:hidden}.product-card:hover{transform:translateY(-3px)}.product-image{background:#eee;height:190px;position:relative}.product-image img{object-fit:cover;width:100%;height:100%}.product-category{background:#fff;border-radius:20px;padding:5px 12px;font-size:11px;position:absolute;top:12px;left:12px}.product-info{padding:16px}.product-info h3{margin:0;font-size:17px}.product-info>p{color:#999;margin:8px 0 18px;font-size:12px}.product-bottom{justify-content:space-between;align-items:center;display:flex}.product-bottom>strong{color:#a36d40;font-size:17px}.quantity-control{align-items:center;gap:12px;display:flex}.quantity-control button{background:#f0ece5;border:none;border-radius:50%;width:32px;height:32px;font-size:20px}.quantity-control .add-button{color:#fff;background:#51483d}.cart-bar{z-index:20;background:#fff;border-top:1px solid #eeeae3;justify-content:space-between;align-items:center;width:100%;padding:14px max(24px,50% - 516px);display:flex;position:fixed;bottom:0;left:0}.cart-summary{align-items:center;gap:12px;display:flex}.cart-count{color:#fff;background:#51483d;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.cart-summary p{color:#888;margin:0 0 3px;font-size:12px}.cart-summary strong{font-size:18px}.checkout-button{color:#fff;background:#51483d;border:none;border-radius:10px;padding:13px 28px;font-weight:600}.checkout-button:disabled{opacity:.4;cursor:not-allowed}@media (width<=700px){.header-inner{padding:14px 18px}.main{padding:24px 16px 120px}.welcome{padding:25px 20px}.welcome h2{font-size:24px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{height:135px}.product-info{padding:12px}.product-info h3{font-size:15px}.product-info>p{min-height:32px;font-size:11px}.product-bottom>strong{font-size:14px}.quantity-control{gap:6px}.quantity-control button{width:28px;height:28px}.cart-bar{padding:12px 16px}.checkout-button{padding:12px 18px}}.cart-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.cart-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid #eeeae3;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.modal-header h2{margin:0;font-size:23px}.modal-header p{color:#999;margin:5px 0 0;font-size:13px}.close-button{color:#51483d;background:#f3f0eb;border:none;border-radius:50%;width:36px;height:36px;font-size:24px}.cart-section-title{margin:22px 0 14px;font-size:16px}.cart-items{flex-direction:column;gap:16px;display:flex}.cart-item{border-bottom:1px solid #eeeae3;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;display:flex}.cart-item-info{flex-direction:column;flex:1;gap:5px;display:flex}.cart-item-info strong{font-size:14px}.cart-item-info span{color:#999;font-size:12px}.item-subtotal{white-space:nowrap;font-size:13px}.note-section{margin-top:24px}.note-section label{margin-bottom:10px;font-size:15px;font-weight:600;display:block}.note-section textarea{width:100%;font:inherit;resize:vertical;border:1px solid #e7e1d8;border-radius:10px;outline-color:#a18e79;padding:12px;font-size:13px}.payment-section{margin-top:24px}.payment-option{cursor:pointer;border:1px solid #eeeae3;border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:13px;font-size:14px;display:flex}.payment-option input{accent-color:#51483d;width:17px;height:17px}.modal-total{border-top:1px solid #eeeae3;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.modal-total span{color:#777;font-size:14px}.modal-total strong{color:#a36d40;font-size:23px}.confirm-order-button{color:#fff;background:#51483d;border:none;border-radius:12px;width:100%;margin-top:20px;padding:16px;font-size:15px;font-weight:700}.confirm-order-button:disabled{opacity:.4;cursor:not-allowed}@media (width<=500px){.cart-modal{border-radius:18px;max-height:92vh;padding:20px 16px}.cart-item{flex-wrap:wrap}.item-subtotal{text-align:right;min-width:100%}}.admin-page *,.admin-login-page *{box-sizing:border-box}.admin-page,.admin-login-page{color:#39352f;background:#f5f2ed;min-height:100vh;font-family:inherit}.admin-login-page{justify-content:center;align-items:center;padding:24px;display:flex}.admin-login-card{background:#fff;border-radius:18px;width:100%;max-width:400px;padding:42px 32px;box-shadow:0 8px 35px #32281e14}.admin-brand{letter-spacing:3px;color:#665747;font-size:23px;font-weight:700}.admin-subtitle{letter-spacing:3px;color:#a39788;margin-top:7px;font-size:11px}.admin-login-card h1{margin:35px 0 24px;font-size:24px}.admin-login-card label{margin-bottom:9px;font-size:14px;display:block}.admin-login-card input{border:1px solid #ded8cf;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:15px}.admin-login-card input:focus{border-color:#8a7762}.admin-login-card button{color:#fff;cursor:pointer;background:#665747;border:none;border-radius:8px;width:100%;margin-top:24px;padding:14px;font-size:15px}.admin-login-card button:disabled{opacity:.6;cursor:not-allowed}.admin-header{background:#fff;border-bottom:1px solid #e9e3db;justify-content:space-between;align-items:center;padding:20px max(24px,50% - 550px);display:flex}.admin-header p{color:#a39788;letter-spacing:2px;margin:5px 0 0;font-size:10px}.admin-logout,.admin-refresh{color:#665747;cursor:pointer;background:0 0;border:1px solid #d8cfc3;border-radius:8px;padding:9px 17px}.admin-content{width:100%;max-width:1100px;margin:0 auto;padding:36px 24px 60px}.admin-title-row{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.admin-title-row h1{margin:0;font-size:27px}.admin-title-row p{color:#928779;margin:8px 0 0;font-size:14px}.admin-order-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-order-card{background:#fff;border:1px solid #ebe5dd;border-radius:13px;padding:22px;box-shadow:0 3px 12px #32281e09}.admin-order-top,.admin-order-top>div,.admin-order-info,.admin-item,.admin-order-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-order-top>div{flex-direction:column;align-items:flex-start;gap:5px}.admin-order-top strong{font-size:18px}.admin-order-top>div span,.admin-order-info{color:#928779;font-size:13px}.status-badge{color:#665747;white-space:nowrap;background:#eee9e2;border-radius:20px;padding:6px 11px;font-size:12px}.status-preparing{color:#956b28;background:#f6ead3}.status-ready{color:#52734c;background:#e4eee2}.status-completed{color:#555;background:#e8e8e8}.status-cancelled{color:#a34d43;background:#f4e2df}.admin-order-info{border-bottom:1px solid #eee9e2;flex-wrap:wrap;margin-top:17px;padding-bottom:15px}.admin-order-items{padding:14px 0}.admin-item{padding:5px 0;font-size:14px}.admin-item span:last-child{white-space:nowrap}.admin-note{color:#786d60;background:#f8f5f0;border-radius:7px;padding:10px 12px;font-size:13px}.admin-order-bottom{border-top:1px solid #eee9e2;margin-top:12px;padding-top:15px}.admin-order-bottom strong{font-size:17px}.admin-order-bottom select{color:#665747;background:#fff;border:1px solid #ded8cf;border-radius:7px;max-width:125px;padding:9px;font-size:13px}.admin-error{color:#b34e43;margin-top:15px;font-size:13px}.admin-empty{text-align:center;color:#928779;padding:45px 15px}@media (width<=700px){.admin-header{padding:17px 20px}.admin-content{padding:25px 15px 40px}.admin-order-list{grid-template-columns:1fr}.admin-title-row h1{font-size:23px}.admin-order-card{padding:18px}}.admin-order-groups{flex-direction:column;gap:28px;display:flex}.admin-order-group{background:#f8f5ef;border:1px solid #e5ddd1;border-radius:16px;padding:20px}.admin-group-header{border-bottom:1px solid #e5ddd1;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.admin-group-header h2{color:#49372c;margin:0;font-size:20px}.admin-group-header span{color:#654b39;background:#e9dfd2;border-radius:20px;padding:5px 12px;font-size:14px;font-weight:600}.admin-order-group .admin-order-list{gap:14px;display:grid}.admin-order-group .admin-empty{margin:0;padding:20px 0}.admin-item-note{color:#9a7655;margin-top:4px;font-size:12px;font-weight:600;display:block}
