:root{--bg-primary: #0a0b0d;--bg-secondary: #121418;--bg-card: rgba(30, 34, 42, .6);--bg-card-hover: rgba(40, 45, 55, .85);--accent-primary: #e2a05d;--accent-secondary: #c98443;--accent-glow: rgba(226, 160, 93, .15);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--glass-border: rgba(255, 255, 255, .06);--glass-highlight: rgba(255, 255, 255, .03);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--font-family: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--transition-smooth: all .35s cubic-bezier(.4, 0, .2, 1);--box-shadow-premium: 0 10px 30px -10px rgba(0, 0, 0, .7)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--box-shadow-premium);border-radius:var(--border-radius-md);padding:24px;transition:var(--transition-smooth)}.glass-card:hover{background:var(--bg-card-hover);border-color:#e2a05d40;transform:translateY(-4px);box-shadow:0 20px 40px -15px #000c,0 0 20px 0 var(--accent-glow)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--accent-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-accent{color:var(--accent-primary)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1;max-width:1200px;width:100%;margin:0 auto;padding:120px 24px 40px;animation:pageFadeIn .5s ease-out}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:#121418cc;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:15px;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-weight:600;font-size:15px;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:var(--transition-smooth);text-align:center;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #e2a05d66;filter:brightness(1.1)}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff26;border-color:var(--text-secondary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 10px 20px -5px #ef444466}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-pending{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-accepted{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-preparing{background:#3b82f626;color:var(--info);border:1px solid rgba(59,130,246,.3)}.badge-ready,.badge-ready_for_pickup,.badge-delivery{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-out_for_delivery{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.badge-delivered,.badge-completed{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-cancelled{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.badge-counter,.badge-dine_in{background:#ec489926;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.badge-takeaway{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.grid-main-side{display:grid;grid-template-columns:2fr 1fr;gap:40px}.grid-side-main{display:grid;grid-template-columns:1fr 2fr;gap:40px}.mobile-nav-toggle{display:none}.admin-orders-table-view,.admin-menu-table-view,.admin-employees-table-view{display:block}.admin-orders-cards-view,.admin-menu-cards-view,.admin-employees-cards-view{display:none}.dashboard-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.dashboard-sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:24px;position:fixed;height:100vh;z-index:1000;transition:var(--transition-smooth)}.dashboard-main{margin-left:260px;flex-grow:1;min-height:100vh;display:flex;flex-direction:column;transition:var(--transition-smooth);min-width:0}.dashboard-header{height:70px;border-bottom:1px solid var(--glass-border);background:#0a0b0dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:900}.dashboard-body{padding:40px;flex-grow:1;animation:pageFadeIn .4s ease-out}.drawer-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease-out}@media (max-width: 1024px){.grid-main-side,.grid-side-main{grid-template-columns:1fr;gap:32px}}@media (max-width: 768px){.main-content{padding:100px 16px 40px}.grid-2{grid-template-columns:1fr;gap:24px}.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.active{transform:translate(0);box-shadow:20px 0 40px #000c}.dashboard-main{margin-left:0;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.dashboard-header{padding:0 20px;width:100%;box-sizing:border-box}.dashboard-body{padding:24px 16px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.drawer-backdrop.active{display:block}.desktop-nav{display:none!important}.mobile-menu-drawer{display:flex;flex-direction:column;position:fixed;top:80px;left:0;right:0;background:#0a0b0df2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:24px;gap:16px;z-index:999;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center}.admin-orders-table-view,.admin-menu-table-view,.admin-employees-table-view{display:none}.admin-orders-cards-view{display:flex;flex-direction:row;overflow-x:auto;width:100%;max-width:100%;gap:16px;padding:4px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}.admin-orders-cards-view::-webkit-scrollbar{display:none}.admin-menu-cards-view,.admin-employees-cards-view{display:flex;flex-direction:column;width:100%;gap:16px;box-sizing:border-box}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-primary:active{box-shadow:0 4px 8px -2px #e2a05d66}.pulse-glow{animation:pulseGlow 2s infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 4px 0 var(--accent-glow)}to{box-shadow:0 0 16px 4px var(--accent-glow)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.counter-orders-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:32px;align-items:start;width:100%}@media (max-width: 1200px){.counter-orders-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:80px}}.pos-category-nav{display:flex;gap:10px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;width:100%;max-width:100%;box-sizing:border-box;background:transparent;z-index:10;min-width:0}.pos-category-nav::-webkit-scrollbar{display:none}.pos-category-btn{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth)}.pos-category-btn:hover{background:#ffffff14;color:var(--text-primary)}.pos-category-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#000;border-color:transparent;box-shadow:0 4px 12px #e2a05d33}.pos-search-wrapper{position:relative;width:100%}.pos-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.pos-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:var(--transition-smooth)}.pos-search-clear:hover{color:var(--text-primary);background:#ffffff0d}.pos-search-input{width:100%;padding:12px 40px 12px 44px;background:#121418cc;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:15px;transition:var(--transition-smooth)}.pos-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.pos-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}@media (max-width: 768px){.pos-products-grid{grid-template-columns:1fr;gap:16px}}.pos-product-card{padding:16px!important;display:flex;flex-direction:column;justify-content:space-between;min-height:330px;gap:12px;box-sizing:border-box;min-width:0;width:100%;max-width:100%}.pos-card-img-container{position:relative;width:100%;height:130px;border-radius:8px;overflow:hidden;background:#0003}@media (max-width: 768px){.pos-card-img-container{height:180px}}.pos-card-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.pos-product-card:hover .pos-card-img{transform:scale(1.06)}.pos-card-category-badge{position:absolute;top:8px;left:8px;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--glass-border);color:var(--accent-primary);padding:3px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pos-quick-add-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--accent-primary);color:#000;border:none;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000080;transition:var(--transition-smooth)}.pos-quick-add-btn:hover{transform:scale(1.1);background:var(--accent-secondary)}.pos-card-info{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;gap:10px}.pos-card-details{display:flex;flex-direction:column;gap:4px}.pos-card-title{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.25}.pos-card-variant{font-size:12px;color:var(--text-secondary);font-weight:500}.pos-card-price{font-size:15px;font-weight:800;color:var(--accent-primary)}.pos-card-actions{display:flex;gap:8px;margin-top:auto}.pos-card-btn-add{flex-grow:1;padding:10px 16px;font-size:13px;font-weight:700;color:#000!important;border-radius:8px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)!important;border:none;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:6px}.pos-card-btn-add:hover{filter:brightness(1.1);transform:translateY(-1px)}.pos-card-btn-add:disabled{background:#ffffff0d!important;background-image:none!important;color:var(--text-muted)!important;cursor:not-allowed;transform:none;filter:none}.pos-card-btn-quick{width:38px;height:38px;font-size:18px;font-weight:800;color:var(--text-primary);border-radius:8px;border:1px solid var(--glass-border);background:#ffffff0d;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pos-card-btn-quick:hover{background:#ffffff1a;border-color:var(--text-secondary)}.pos-card-btn-quick:disabled{background:#ffffff05!important;color:var(--text-muted)!important;border-color:#ffffff05!important;cursor:not-allowed}.mobile-floating-cart-bar{position:fixed;bottom:16px;left:16px;right:16px;background:#121418f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 40px #000c,0 0 20px #e2a05d1a;border-radius:16px;padding:12px 16px;display:none;align-items:center;justify-content:space-between;z-index:1050;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 1200px){.mobile-floating-cart-bar{display:flex}}.mobile-cart-summary-info{display:flex;align-items:center;gap:8px}.mobile-cart-count{font-size:14px;font-weight:600;color:var(--text-primary)}.mobile-cart-divider{color:#ffffff26;font-weight:300}.mobile-cart-total{font-size:16px;font-weight:800;color:var(--accent-primary)}.mobile-cart-actions{display:flex;gap:8px}.mobile-cart-btn-view{padding:8px 12px!important;font-size:12px!important;font-weight:600!important;border-radius:8px!important;height:36px}.mobile-cart-btn-place{padding:8px 14px!important;font-size:12px!important;font-weight:700!important;border-radius:8px!important;color:#000!important;height:36px}.mobile-cart-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1090;animation:fadeIn .2s ease-out}.mobile-cart-drawer{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--bg-secondary);border-top:1px solid var(--glass-border);border-radius:20px 20px 0 0;padding:20px;z-index:1100;overflow-y:auto;box-shadow:0 -10px 40px #000c;display:flex;flex-direction:column;gap:16px;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.mobile-cart-drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);padding-bottom:12px}.pos-top-cart-btn{display:none}.pos-desktop-only-cart{display:flex!important}@media (max-width: 1200px){.pos-top-cart-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#000;border:none;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 12px #e2a05d33}.pos-top-cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e2a05d4d}.pos-top-cart-btn:active{transform:scale(.97)}.pos-top-cart-btn-badge{background:var(--danger);color:#fff;font-size:11px;font-weight:800;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 4px}.pos-desktop-only-cart{display:none!important}}@media (max-width: 480px){.pos-header-container{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%}.pos-header-title{font-size:20px!important}.pos-header-subtitle{display:none!important}}