*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #d32f2f;--primary-dark: #b71c1c;--secondary: #ff8f00;--success: #388e3c;--warning: #f57c00;--bg: #fafafa;--card-bg: #ffffff;--text: #212121;--text-light: #757575;--border: #e0e0e0;--shadow: 0 2px 4px rgba(0,0,0,.1);--sidebar-width: 220px;--sidebar-bg: #1a1a1a;--sidebar-text: #e0e0e0;--sidebar-hover: #2a2a2a;--sidebar-active: var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:14px;padding:8px 16px;border:none;border-radius:4px;transition:background .2s,transform .1s}button:active{transform:scale(.98)}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-dark)}button.secondary{background:var(--border);color:var(--text)}button.secondary:hover{background:#d0d0d0}button.success{background:var(--success);color:#fff}button.warning{background:var(--warning);color:#fff}button.danger{background:#fff;color:#c62828;border:1px solid #c62828}button.danger:hover{background:#ffebee}button.small{padding:4px 8px;font-size:12px}input,textarea,select{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}.card{background:var(--card-bg);border-radius:8px;padding:16px;box-shadow:var(--shadow);margin-bottom:16px}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge.received{background:#e3f2fd;color:#1565c0}.badge.cooking{background:#fff3e0;color:#e65100}.badge.out-for-delivery{background:#e8f5e9;color:#2e7d32}.badge.complete{background:#f3e5f5;color:#7b1fa2}.badge.paid{background:#e8f5e9;color:#2e7d32}.badge.unpaid{background:#ffebee;color:#c62828}.badge.refunded{background:#eceff1;color:#546e7a}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;overflow-y:auto}.sidebar-brand{padding:24px 16px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{width:160px;height:160px;border-radius:16px;object-fit:cover;border:3px solid var(--primary);margin-bottom:12px}.sidebar-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.sidebar-phone{font-size:13px;color:var(--sidebar-text);opacity:.7;font-family:monospace;letter-spacing:.5px}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;color:var(--sidebar-text);border:none;border-radius:6px;font-size:14px;font-weight:500;text-align:left;transition:background .15s,color .15s}.sidebar-nav-item:hover{background:var(--sidebar-hover);color:#fff}.sidebar-nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:600}.sidebar-nav-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.sidebar-nav-label{flex:1}.sidebar-footer{padding:12px 8px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-logout{width:100%;padding:8px 12px;background:#ffffff14;color:var(--sidebar-text);border:none;border-radius:6px;font-size:13px;text-align:center;transition:background .15s}.sidebar-logout:hover{background:#ffffff26;color:#fff}.mobile-header,.sidebar-overlay{display:none}.main-content{flex:1;padding:24px;margin-left:var(--sidebar-width);max-width:900px;width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:4px;color:var(--text-light)}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-light);font-size:12px;text-transform:uppercase}.order-card{border-left:4px solid var(--primary);padding-left:12px}.order-card.cooking{border-left-color:var(--secondary)}.order-card.out-for-delivery{border-left-color:var(--success)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.order-time{font-size:12px;color:var(--text-light)}.order-items{margin:8px 0}.order-item{display:flex;justify-content:space-between;padding:4px 0}.order-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.stat-card{text-align:center;padding:16px}.stat-value{font-size:28px;font-weight:700;color:var(--primary)}.stat-label{font-size:12px;color:var(--text-light);text-transform:uppercase;margin-top:4px}.toggle{display:flex;align-items:center;gap:8px}.toggle-switch{width:44px;height:24px;background:var(--border);border-radius:12px;position:relative;cursor:pointer;transition:background .2s}.toggle-switch.active{background:var(--success)}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch.active:after{transform:translate(20px)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-light)}.empty-state svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:320px;text-align:center}.login-box h1{font-size:24px;margin-bottom:8px;color:var(--primary)}.login-box p{color:var(--text-light);margin-bottom:24px}.login-box input{margin-bottom:12px}.login-box button{width:100%}.login-error{color:var(--primary);font-size:13px;margin-top:12px}.login-alt{display:block;width:100%;background:none;border:none;color:var(--text-light);font-size:13px;text-decoration:underline;margin-top:12px;padding:4px}.login-alt:hover{color:var(--text)}.sidebar-user{font-size:12px;color:var(--sidebar-text);opacity:.7;text-align:center;margin-bottom:8px}@media (max-width: 768px){.mobile-header{display:flex;align-items:center;justify-content:space-between;background:var(--primary);color:#fff;padding:10px 16px;position:sticky;top:0;z-index:150}.mobile-header h1{font-size:18px;font-weight:600}.menu-toggle{background:#fff3;color:#fff;border:none;padding:6px 10px;font-size:18px;border-radius:4px}.logout-btn-mobile{background:#fff3;color:#fff;font-size:12px;padding:6px 12px}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:190}.main-content{margin-left:0;padding:12px;max-width:100%}.form-row,.order-actions{flex-direction:column}.order-actions button{width:100%}}.chip{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.chip.time{background:#fff8e1;color:#8d6e00;border:1px solid #ffe082}.chip.time.soon{background:#ffe0b2;color:#bf360c;border-color:#ffb74d}.chip.time.late{background:#ffcdd2;color:#b71c1c;border-color:#ef9a9a;animation:chip-pulse 1.5s ease-in-out infinite}.chip.pickup{background:#e3f2fd;color:#0d47a1;border:1px solid #90caf9}.chip.comp{background:#f3e5f5;color:#6a1b9a;border:1px solid #ce93d8}@keyframes chip-pulse{0%,to{opacity:1}50%{opacity:.55}}.order-notes{margin-top:6px;padding:6px 10px;background:#fffde7;border-left:3px solid #fbc02d;border-radius:4px;font-size:13px}.op-page{--op-bg: #e8f3e4;--op-bg-deep: #cfe6cb;--op-green: #4a8f6d;--op-green-dark: #33705f;--op-pink: #f0a1b0;--op-pink-dark: #d97f92;--op-red: #d94f4f;--op-card: #fffdf7;--op-text: #2c3a33;--op-text-light: #5f7268;--op-border: #d3e4cf;min-height:100vh;background:var(--op-bg);color:var(--op-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding-bottom:96px}.op-container{max-width:520px;margin:0 auto;padding:0 16px}.op-header{text-align:center;padding:24px 16px 16px}.op-logo{width:168px;height:168px;border-radius:50%;object-fit:cover;object-position:center 52%;border:4px solid var(--op-pink);box-shadow:0 4px 14px #4a8f6d40;background:#fff}.op-title{font-size:30px;font-weight:800;color:var(--op-red);margin-top:10px;letter-spacing:-.5px}.op-tagline{font-size:14px;color:var(--op-text-light);margin-top:2px}.op-banner{border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;text-align:center;margin-bottom:16px}.op-banner.open{background:#f2f9f0;border:2px solid #f6c6cf;color:var(--op-green-dark)}.op-banner.preorder{background:#f6c6cf;color:#7a4350;font-size:18px;padding:14px 16px}.op-banner.preorder small{font-size:15px;margin-top:4px}.op-banner.closed{background:var(--op-bg-deep);color:var(--op-text-light)}.op-banner.full{background:#f6dfc9;color:#8a5a24}.op-banner small{display:block;font-weight:400;margin-top:2px}.op-category{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--op-green-dark);margin:20px 4px 8px}.op-item{display:flex;align-items:center;gap:12px;background:var(--op-card);border:1px solid var(--op-border);border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px #2c3a330f}.op-item-info{flex:1;min-width:0}.op-item-name{font-size:16px;font-weight:700}.op-item-desc{font-size:13px;color:var(--op-text-light);margin-top:1px}.op-item-price{font-size:14px;font-weight:700;color:var(--op-green-dark);margin-top:3px}.op-stepper{display:flex;align-items:center;gap:10px;flex-shrink:0}.op-stepper button{width:40px;height:40px;border-radius:50%;border:none;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .15s;font-family:inherit;padding:0}.op-stepper button:active{transform:scale(.92)}.op-stepper .op-add{background:var(--op-green);color:#fff}.op-stepper .op-add:hover{background:var(--op-green-dark)}.op-stepper .op-remove{background:var(--op-bg-deep);color:var(--op-green-dark)}.op-stepper .op-qty{font-size:16px;font-weight:700;min-width:20px;text-align:center}.op-cartbar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--op-bg) 70%,transparent);z-index:100}.op-cartbar button{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:488px;margin:0 auto;background:var(--op-pink-dark);color:#fff;border:none;border-radius:999px;padding:16px 24px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 16px #d97f9280;transition:transform .1s,background .15s}.op-cartbar button:active{transform:scale(.98)}.op-cartbar button:hover{background:#c96e82}.op-back{background:none;border:none;color:var(--op-green-dark);font-size:15px;font-weight:600;cursor:pointer;padding:16px 4px 0;font-family:inherit}.op-card-box{background:var(--op-card);border:1px solid var(--op-border);border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 1px 3px #2c3a330f}.op-card-box h2{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--op-green-dark)}.op-summary-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}.op-summary-total{display:flex;justify-content:space-between;font-size:16px;font-weight:800;border-top:2px solid var(--op-border);margin-top:8px;padding-top:10px}.op-field{margin-bottom:12px}.op-field label{display:block;font-size:13px;font-weight:600;color:var(--op-text-light);margin-bottom:4px}.op-field input,.op-field select{width:100%;font-family:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--op-border);border-radius:10px;background:#fff;color:var(--op-text)}.op-field input:focus,.op-field select:focus{outline:none;border-color:var(--op-green)}.op-pay-option{display:flex;align-items:center;gap:12px;border:1.5px solid var(--op-border);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;font-size:15px;background:#fff;transition:border-color .15s,background .15s}.op-pay-option.selected{border-color:var(--op-green);background:#f2f9f0}.op-pay-option input{accent-color:var(--op-green);width:18px;height:18px;flex-shrink:0}.op-pay-label{font-weight:600}.op-pay-note{display:block;font-size:12.5px;font-weight:400;color:var(--op-text-light)}.op-error{background:#fdeaea;color:var(--op-red);border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:12px}.op-submit{width:100%;background:var(--op-green);color:#fff;border:none;border-radius:999px;padding:16px;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 16px #4a8f6d59;transition:transform .1s,background .15s;margin-bottom:20px}.op-submit:hover{background:var(--op-green-dark)}.op-submit:active{transform:scale(.98)}.op-submit:disabled{opacity:.6;cursor:default}.op-confirm{text-align:center;padding-top:32px}.op-confirm-check{width:72px;height:72px;border-radius:50%;background:var(--op-green);color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.op-confirm h1{font-size:24px;font-weight:800;color:var(--op-green-dark)}.op-confirm .op-order-num{font-size:15px;color:var(--op-text-light);margin:4px 0 20px}.op-confirm .op-card-box{text-align:left}.op-interac-note{background:#fff4e2;border:1.5px dashed var(--op-pink-dark);border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:14px}.op-interac-note strong{word-break:break-all}.op-again{background:none;border:2px solid var(--op-green);color:var(--op-green-dark);border-radius:999px;padding:12px 28px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:8px}.op-footer{text-align:center;padding:24px 16px 8px;font-size:12.5px;color:var(--op-text-light)}.op-footer a{color:var(--op-text-light)}.op-closed-art{text-align:center;padding:24px 16px;color:var(--op-text-light);font-size:15px;line-height:1.6}.op-tip-title{font-weight:600;margin-bottom:10px}.op-tip-row{display:flex;flex-wrap:wrap;gap:8px}.op-tip-btn{flex:1 1 auto;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border:1.5px solid var(--op-border);border-radius:10px;background:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.op-tip-btn.selected{border-color:var(--op-green);background:#f2f9f0}.op-tip-amt{font-size:12px;font-weight:400;color:#666}.op-tip-custom{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:16px}.op-tip-custom input{width:110px;padding:8px 10px;border:1.5px solid var(--op-border);border-radius:8px;font-size:16px}.op-toggle{display:flex;gap:8px}.op-toggle button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border:1.5px solid var(--op-border);border-radius:10px;background:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.op-toggle button small{font-size:11.5px;font-weight:400;color:#666}.op-toggle button.selected{border-color:var(--op-green);background:#f2f9f0}