*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff8f0;color:#1a1a1a;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#c0392b;color:#fff;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026}.header-brand{display:flex;align-items:center;gap:10px}.header-icon{font-size:1.4rem}.header-title{font-size:1.1rem;font-weight:600}.header-nav{display:flex;gap:8px}.nav-btn{background:transparent;color:#ffffffbf;border:1px solid rgba(255,255,255,.3);padding:6px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .15s}.nav-btn:hover{background:#ffffff1a;color:#fff}.nav-btn.active{background:#fff;color:#c0392b;font-weight:600;border-color:#fff}.logout-btn{margin-left:8px;border-color:#ffffff80}.logout-btn:hover{background:#ffffff26}.main{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #00000014;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#c0392b}.stat-label{font-size:.8rem;color:#888;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.toolbar-title{font-size:1.1rem;font-weight:600}.filter-row{display:flex;gap:8px}.filter-btn{padding:6px 14px;border-radius:20px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:.85rem;transition:all .15s}.filter-btn:hover{border-color:#c0392b;color:#c0392b}.filter-btn.active{background:#c0392b;color:#fff;border-color:#c0392b}.refresh-btn{padding:6px 14px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:.85rem}.refresh-btn:hover{background:#f5f5f5}.clear-btn{padding:6px 14px;border-radius:6px;border:1px solid #dc3545;background:#fff;color:#dc3545;cursor:pointer;font-size:.85rem}.clear-btn:hover{background:#dc3545;color:#fff}.orders-table-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;overflow:hidden}table{width:100%;border-collapse:collapse}th{background:#f9f9f9;padding:12px 16px;text-align:left;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #eee}td{padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:.9rem;vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-pending{background:#fff3cd;color:#856404}.badge-payment_sent{background:#cce5ff;color:#004085}.badge-pay_at_end{background:#fde8d0;color:#a04000}.badge-paid{background:#d4edda;color:#155724}.badge-cancelled{background:#f8d7da;color:#721c24}.items-list{list-style:none}.items-list li{font-size:.85rem;color:#444;line-height:1.7}.empty-state{text-align:center;padding:60px 20px;color:#aaa}.empty-state p{margin-top:8px;font-size:.9rem}.qr-page h2{margin-bottom:20px}.qr-controls{display:flex;align-items:center;gap:12px;margin-bottom:24px}.qr-controls label{font-size:.9rem}.qr-controls input{padding:6px 10px;border:1px solid #ddd;border-radius:6px;width:80px}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.qr-card{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;padding:20px;text-align:center}.qr-card h3{margin-bottom:12px;color:#c0392b}.qr-card a{display:block;margin-top:12px;font-size:.8rem;color:#c0392b;text-decoration:none}.qr-card a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:12px;padding:0;width:360px;max-width:95vw;box-shadow:0 8px 32px #00000040;overflow:hidden}.receipt{padding:28px 24px 20px;font-family:Courier New,monospace;font-size:.88rem}.receipt-header{text-align:center;margin-bottom:12px}.receipt-header .receipt-logo{font-size:2.2rem}.receipt-header h2{margin:4px 0 2px;font-size:1.3rem;color:#c0392b;letter-spacing:1px}.receipt-sub{color:#888;font-size:.78rem;margin:0}.receipt-divider{border:none;border-top:1px dashed #ccc;margin:12px 0}.receipt-meta{display:flex;flex-direction:column;gap:4px}.receipt-meta div{display:flex;justify-content:space-between}.receipt-meta span{color:#666}.receipt-items{width:100%;border-collapse:collapse}.receipt-items th{font-size:.78rem;color:#888;padding-bottom:6px;font-weight:600}.receipt-items td{padding:3px 0}.receipt-total{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.receipt-total strong{font-size:1.3rem;color:#c0392b}.receipt-footer{text-align:center;color:#888;font-size:.8rem;margin:4px 0 0}.modal-actions{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafafa}.btn-print{flex:1;padding:10px;background:#c0392b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600}.btn-print:hover{background:#a93226}.btn-close{padding:10px 20px;background:#fff;color:#666;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-close:hover{background:#f5f5f5}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:fixed;top:0;right:0;bottom:0;left:0;width:80mm;margin:0 auto;font-size:11px;padding:10px}.no-print{display:none!important}.modal-overlay{background:none}.modal-box{box-shadow:none;border-radius:0}}@media (max-width: 900px){.stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}.main{padding:16px}}.login-page{min-height:100vh;background:#fff8f0;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:16px;padding:48px 36px;width:100%;max-width:360px;box-shadow:0 4px 24px #0000001a;text-align:center}.login-logo{font-size:2.8rem;margin-bottom:8px}.login-title{font-size:1.6rem;font-weight:700;color:#1a1a1a;margin-bottom:4px}.login-sub{color:#999;font-size:.9rem;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{padding:12px 16px;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .15s}.login-input:focus{border-color:#c0392b}.login-error{background:#fde8e8;color:#c0392b;padding:8px 12px;border-radius:6px;font-size:.85rem}.login-btn{padding:13px;background:#c0392b;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.login-btn:hover:not(:disabled){background:#a93226}.login-btn:disabled{opacity:.6;cursor:not-allowed}.order-page{min-height:100vh;background:#fff8f0;padding-bottom:100px}.order-header{background:#c0392b;color:#fff;text-align:center;padding:28px 16px 24px}.order-logo{font-size:2.2rem}.order-cafe-name{font-size:1.6rem;font-weight:700;margin:6px 0 10px}.order-table-badge{display:inline-block;background:#fff3;border:1px solid rgba(255,255,255,.4);padding:4px 16px;border-radius:20px;font-size:.9rem;letter-spacing:.05em}.order-error-banner{background:#fde8e8;color:#c0392b;padding:12px 16px;font-size:.9rem;text-align:center}.order-menu{padding:0 12px}.menu-category{margin-top:24px}.category-title{font-size:1rem;font-weight:700;color:#c0392b;padding:0 4px 8px;border-bottom:2px solid #f0ddd0;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.menu-item-card{background:#fff;border-radius:10px;padding:14px;margin-bottom:10px;box-shadow:0 1px 4px #00000012;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.menu-item-body{flex:1;min-width:0}.menu-item-name{font-weight:600;font-size:.95rem;margin-bottom:4px}.menu-item-desc{font-size:.8rem;color:#666;line-height:1.5;margin-bottom:8px}.menu-item-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.menu-item-price{font-weight:700;font-size:1rem;color:#c0392b}.menu-item-tags{display:flex;gap:4px;flex-wrap:wrap}.item-tag{font-size:.68rem;padding:2px 7px;border-radius:10px;background:#f0f0f0;color:#666}.menu-item-controls{flex-shrink:0;display:flex;align-items:center}.add-to-cart-btn{padding:8px 18px;background:#c0392b;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.add-to-cart-btn:hover{background:#a93226}.qty-control{display:flex;align-items:center;gap:8px}.qty-btn{width:32px;height:32px;border-radius:50%;border:2px solid #c0392b;background:#fff;color:#c0392b;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.qty-btn.qty-add{background:#c0392b;color:#fff}.qty-btn:hover{opacity:.85}.qty-value{font-weight:700;font-size:1rem;min-width:20px;text-align:center}.cart-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:500px;background:#c0392b;color:#fff;border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #c0392b73;z-index:100}.cart-bar-left{display:flex;flex-direction:column;gap:2px}.cart-bar-count{font-size:.8rem;opacity:.85}.cart-bar-total{font-size:1.1rem;font-weight:700}.cart-bar-btn{background:#fff;color:#c0392b;border:none;border-radius:8px;padding:10px 20px;font-weight:700;font-size:.9rem;cursor:pointer}.cart-bar-btn:hover{background:#f8f0ee}.payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:200}.payment-sheet{background:#fff;border-radius:20px 20px 0 0;padding:28px 20px 32px;width:100%;max-height:85vh;overflow-y:auto}.payment-title{font-size:1.2rem;font-weight:700;margin-bottom:16px}.payment-items-list{margin-bottom:20px}.payment-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem;border-bottom:1px solid #f5f5f5}.payment-total-row{display:flex;justify-content:space-between;padding:12px 0 4px;font-size:1rem}.payment-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.pay-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.pay-btn:disabled{opacity:.6;cursor:not-allowed}.pay-online{background:#c0392b;color:#fff}.pay-online:hover:not(:disabled){background:#a93226}.pay-later{background:#f0f0f0;color:#333}.pay-later:hover:not(:disabled){background:#e8e8e8}.back-to-menu-btn{width:100%;padding:10px;background:transparent;border:none;color:#888;font-size:.9rem;cursor:pointer;text-align:center}.back-to-menu-btn:hover{color:#333}.order-success-page{min-height:100vh;background:#fff8f0;display:flex;align-items:center;justify-content:center;padding:20px}.success-card{background:#fff;border-radius:16px;padding:36px 28px;text-align:center;box-shadow:0 4px 20px #0000001a;max-width:380px;width:100%}.success-checkmark{font-size:3rem;margin-bottom:16px}.success-card h1{font-size:1.6rem;color:#1a1a1a;margin-bottom:6px}.success-meta{color:#888;font-size:.85rem;margin-bottom:12px}.success-sub{color:#555;font-size:.9rem;line-height:1.6;margin-bottom:20px}.success-items{background:#fafafa;border-radius:10px;padding:12px 16px;margin-bottom:24px;text-align:left}.success-item-row{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0;color:#555;border-bottom:1px solid #f0f0f0}.success-item-row:last-of-type{border-bottom:none}.success-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#aaa;margin-bottom:6px}.success-total-row{display:flex;justify-content:space-between;padding:10px 0 0;font-size:.9rem;color:#555}.success-tab-total-row{display:flex;justify-content:space-between;padding:8px 0 0;font-size:1rem;border-top:2px solid #e8e8e8;margin-top:6px;color:#c0392b}.order-again-btn{width:100%;padding:14px;background:#c0392b;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}.order-again-btn:hover{background:#a93226}