@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #64748b;--accent: #f43f5e;--background: #f8fafc;--surface: #ffffff;--text-main: #0f172a;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--ring: rgba(99, 102, 241, .2);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sidebar-width: 260px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.admin-main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid var(--border);background-color:var(--surface);color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:10px;font-weight:500;font-size:var(--fs-sm)}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--ring)}.navbar{background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);width:100%}.navbar-container{max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-brand-container{display:flex;align-items:center}.navbar-brand{text-decoration:none;color:var(--text-main);font-weight:800;font-size:var(--fs-xl);letter-spacing:-.02em;transition:var(--transition)}.navbar-brand:hover{color:var(--primary)}.navbar-toggle{background:none;border:none;color:var(--text-main);cursor:pointer;padding:.5rem;transition:var(--transition);display:none;align-items:center;justify-content:center}.navbar-toggle:hover{color:var(--primary)}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.navbar-link{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:var(--fs-base);transition:var(--transition)}.navbar-link:hover{color:var(--primary)}.navbar-user-info{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-base);color:var(--text-main);font-weight:500}.navbar-dashboard-link{text-decoration:none;color:var(--text-main);font-weight:500;font-size:var(--fs-base);display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.navbar-dashboard-link:hover{color:var(--primary)}.navbar-logout-btn{display:flex;align-items:center;gap:.5rem}.navbar-auth-actions{display:flex;align-items:center;gap:1.25rem}.navbar-signin-link{text-decoration:none;color:var(--text-main);font-weight:600;font-size:var(--fs-sm);transition:var(--transition)}.navbar-signin-link:hover{color:var(--primary)}@media(max-width:768px){.navbar-container{padding:.75rem 1.5rem}.navbar-toggle{display:flex}.navbar-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#fff;border-bottom:1px solid var(--border);padding:1.5rem;gap:1.25rem;box-shadow:var(--shadow-lg);align-items:stretch;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;pointer-events:none;z-index:1000}.navbar-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.navbar-link{font-size:var(--fs-md);padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05);text-align:center}.navbar-user-info{padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05);justify-content:center}.navbar-dashboard-link{font-size:var(--fs-md);padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05);justify-content:center}.navbar-auth-actions{flex-direction:column;align-items:stretch;gap:1rem;padding-top:.5rem}.navbar-signin-link{text-align:center;padding:.75rem;border:1px solid var(--border);border-radius:10px}.navbar-signup-btn{text-align:center}}.card{background:var(--surface);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.product-image-frame{width:100%;aspect-ratio:16 / 9;max-height:180px;overflow:hidden;border-radius:8px;background:var(--background);border:1px solid var(--border)}.product-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.menu-management-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.menu-management-title{min-width:0}.menu-management-title h1{margin:0;font-size:clamp(2rem,4vw,2.75rem);line-height:1.12;font-weight:800;color:var(--text-main)}.menu-management-title p{margin-top:.35rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55}.menu-management-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem}.menu-management-search{width:min(360px,100%);position:relative;flex:1 1 250px}.menu-management-search svg{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.menu-management-search input{width:100%;min-height:3rem;margin:0;padding:.7rem 1rem .7rem 2.75rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:var(--fs-base)}.menu-management-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.menu-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:.85rem}.menu-category-card{min-height:7.25rem;padding:1rem;border-radius:12px;text-align:left;border:1px solid var(--border);cursor:pointer;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.menu-category-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #6366f114}.menu-category-card.active{border:2px solid var(--primary);background:#6366f10a;box-shadow:0 8px 20px #6366f11f}.menu-category-card h3{font-size:var(--fs-md);font-weight:600;color:var(--text-main);margin:0;line-height:1.25}.menu-category-card p{color:var(--text-muted);margin:4px 0 0;font-size:var(--fs-sm);line-height:1.3}.menu-category-card-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:4px}.menu-category-icon-btn{padding:0;width:28px;height:28px;border-radius:6px;background:var(--surface);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-category-icon-btn svg{width:14px;height:14px;transition:transform .15s ease}.menu-category-icon-btn:hover{background:var(--background)}.menu-category-icon-btn[aria-label*=Edit]:hover{border-color:var(--primary);background-color:#6366f114}.menu-category-icon-btn[aria-label*=Delete]:hover{border-color:var(--accent);background-color:#f43f5e14}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:.85rem}.menu-item-card{min-height:7.25rem;padding:1rem;border-radius:12px;text-align:left;border:1px solid var(--border);cursor:pointer;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.menu-item-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #6366f114}.menu-item-card.active{border:2px solid var(--primary);background:#6366f10a;box-shadow:0 8px 20px #6366f11f}.menu-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.menu-item-info{flex:1;min-width:0}.menu-item-name{font-size:var(--fs-md);font-weight:600;color:var(--text-main);margin:0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item-price-cat{margin:4px 0 0;font-size:var(--fs-sm);color:var(--primary);font-weight:600;line-height:1.3}.menu-item-cat-label{color:var(--text-muted);font-weight:400}.menu-item-card .product-image-frame{width:40px;height:40px;min-width:40px;border-radius:6px;overflow:hidden;background:var(--background);border:1px solid var(--border)}.menu-item-card .product-image{width:100%;height:100%;object-fit:cover}.menu-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.menu-item-bottom .badge{padding:.15rem .5rem;font-size:var(--fs-xs)}.menu-item-actions{display:flex;gap:6px}.menu-item-icon-btn{padding:0;width:24px;height:24px;border-radius:4px;background:var(--surface);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-item-icon-btn svg{width:12px;height:12px}.menu-item-icon-btn:hover{background:var(--background)}.menu-item-icon-btn[aria-label*=Edit]:hover{border-color:var(--primary);background-color:#6366f114}.menu-item-icon-btn[aria-label*=Delete]:hover{border-color:var(--accent);background-color:#f43f5e14}.categories-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.subcategory-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:1rem;gap:1rem}.subcategory-header-title{display:flex;align-items:center;gap:8px}.subcategory-header-actions{display:flex;gap:8px;align-items:center}.admin-menu-page{display:grid;gap:1.15rem}.admin-menu-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-menu-header h1{margin:0;font-size:clamp(2rem,4vw,2.75rem);line-height:1.12;font-weight:800;color:var(--text-main)}.admin-menu-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem}.admin-menu-search{width:min(360px,100%);position:relative}.admin-menu-search svg{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.admin-menu-search input{width:100%;min-height:3rem;margin:0;padding-left:2.75rem;background:var(--surface)}.admin-menu-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.admin-menu-browser{min-width:0;display:grid;gap:1rem}.admin-menu-category-row{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.admin-menu-category-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-main);border-radius:999px;padding:.65rem .9rem;display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;white-space:nowrap;font-weight:600;transition:var(--transition)}.admin-menu-category-chip strong{min-width:1.6rem;min-height:1.6rem;border-radius:999px;display:grid;place-items:center;background:var(--background);color:var(--text-muted);font-size:var(--fs-sm)}.admin-menu-category-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px var(--ring)}.admin-menu-category-chip.active strong{background:#fff3;color:#fff}.admin-menu-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:.85rem}.admin-menu-product-card{padding:.85rem;border-radius:10px;display:grid;gap:.75rem;align-content:space-between}.admin-menu-icon-btn{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--border);background:#fffffff0;color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:var(--transition)}.admin-menu-favourite-btn{flex:0 0 auto}.admin-menu-favourite-btn.active{color:var(--accent);border-color:#f43f5e38;background:#fff1f2}.admin-menu-product-body{display:grid;gap:.65rem;min-width:0}.admin-menu-product-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;min-width:0}.admin-menu-product-heading>div{min-width:0}.admin-menu-product-body h3{margin:0;font-size:var(--fs-base);line-height:1.25;overflow-wrap:anywhere}.admin-menu-product-body p{margin:.25rem 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.admin-menu-product-meta{display:grid;gap:.45rem}.admin-menu-product-meta strong{font-size:var(--fs-base)}.admin-menu-status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .55rem;font-size:var(--fs-xs);font-weight:700}.admin-menu-status.available{background:#dcfce7;color:#15803d}.admin-menu-status.unavailable{background:#fee2e2;color:#b91c1c}.admin-menu-add-btn,.admin-menu-submit-btn{width:100%}.admin-menu-add-btn:disabled,.admin-menu-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.admin-menu-cart-trigger{position:relative;min-height:3rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition);font-weight:700;white-space:nowrap}.admin-menu-cart-trigger:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.admin-menu-cart-badge{position:absolute;top:-.45rem;right:-.45rem;min-width:1.35rem;height:1.35rem;padding:0 .25rem;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;border:2px solid var(--surface);font-size:var(--fs-xs);font-weight:800;box-shadow:0 2px 6px #f43f5e59}.admin-menu-cart-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a61;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.admin-menu-cart-drawer{position:fixed;top:0;right:0;z-index:1001;width:min(380px,100%);max-width:100vw;height:100dvh;padding:1.5rem;background:var(--surface);box-shadow:-4px 0 24px #0f172a29;display:flex;flex-direction:column;animation:adminMenuDrawerIn .22s cubic-bezier(.4,0,.2,1)}@keyframes adminMenuDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.admin-menu-cart-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-menu-cart-drawer-header h2{margin:0;font-size:var(--fs-xl)}.admin-menu-cart-drawer-header p{margin:.25rem 0 0;color:var(--text-muted);font-weight:600}.admin-menu-drawer-close{border:none;background:transparent;color:var(--text-muted);display:grid;place-items:center;width:2rem;height:2rem;cursor:pointer;transition:var(--transition)}.admin-menu-drawer-close:hover{color:var(--text-main)}.admin-menu-drawer-form{min-height:0;flex:1;display:flex;flex-direction:column;gap:1rem}.admin-menu-drawer-content{min-height:0;max-height:min(44vh,24rem);overflow-y:auto;padding-right:.25rem}.admin-menu-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.admin-menu-order-fields label{color:var(--text-muted);font-weight:600;font-size:var(--fs-sm)}.admin-menu-order-fields input,.admin-menu-order-fields select{margin:.35rem 0 0}.admin-menu-reference-field{grid-column:1 / -1}.admin-menu-cart-list{display:grid;gap:.75rem}.admin-menu-cart-empty,.admin-menu-empty-state{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;gap:.75rem;color:var(--text-muted)}.admin-menu-cart-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.admin-menu-cart-item strong,.admin-menu-cart-item span{display:block}.admin-menu-cart-item strong{font-size:var(--fs-base)}.admin-menu-cart-item span{color:var(--text-muted);font-size:var(--fs-sm);margin-top:.15rem}.admin-menu-quantity-controls{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.admin-menu-quantity-controls button{width:1.9rem;height:1.9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);display:grid;place-items:center;cursor:pointer}.admin-menu-quantity-controls button:last-child{color:var(--accent)}.admin-menu-quantity-controls .admin-menu-cart-remove{color:#ef4444;border-color:#fecaca;background:#fff1f2}.admin-menu-quantity-controls span{color:var(--text-main);margin:0;min-width:1.5rem;text-align:center;font-weight:700}.admin-menu-drawer-footer{border-top:1px solid var(--border);padding-top:1rem;display:grid;gap:.85rem}.admin-menu-order-total{display:flex;align-items:center;justify-content:space-between}.admin-menu-order-total span{color:var(--text-muted);font-weight:600}.admin-menu-order-total strong{font-size:var(--fs-lg);color:var(--primary)}@media(max-width:1100px){.admin-menu-product-grid{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr))}}@media(max-width:640px){.menu-management-header{display:grid;gap:1rem;margin-bottom:1.25rem}.menu-management-title h1{font-size:clamp(1.8rem,9vw,2.25rem)}.menu-management-title p{font-size:var(--fs-md)}.menu-management-actions{align-items:stretch;justify-content:flex-start;width:100%}.menu-management-search{width:100%;flex-basis:100%}.menu-management-actions .btn{width:100%}.menu-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.menu-category-card{min-height:5.25rem;padding:.75rem;border-radius:8px;gap:4px}.menu-category-card h3{font-size:var(--fs-base);line-height:1.2}.menu-category-card p{font-size:var(--fs-xs)!important;line-height:1.2}.menu-category-card-actions{gap:4px;justify-content:flex-end;margin-top:2px}.menu-category-icon-btn{min-height:1.5rem;width:1.5rem;height:1.5rem;padding:0;border-radius:4px}.menu-category-icon-btn svg{width:12px;height:12px}.menu-items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.menu-item-card{min-height:5.25rem;padding:.75rem;border-radius:8px;gap:4px}.menu-item-name{font-size:var(--fs-base);line-height:1.2}.menu-item-price-cat{font-size:var(--fs-xs)!important;line-height:1.2}.menu-item-card .product-image-frame{width:32px;height:32px;min-width:32px;max-height:32px;border-radius:4px}.menu-item-bottom{margin-top:2px}.menu-item-icon-btn{width:20px;height:20px;border-radius:3px}.menu-item-icon-btn svg{width:10px;height:10px}.categories-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.categories-section-header .btn{width:100%}.subcategory-header{flex-direction:column;align-items:flex-start;gap:.75rem}.subcategory-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.admin-menu-header{display:grid;gap:.85rem}.admin-menu-header h1{font-size:clamp(1.8rem,9vw,2.25rem)}.admin-menu-actions{align-items:stretch;justify-content:flex-start;width:100%;display:grid;grid-template-columns:1fr auto}.admin-menu-search{width:100%}.admin-menu-cart-trigger{min-height:2.75rem}.admin-menu-category-row{flex-wrap:wrap;overflow-x:visible;padding-bottom:0;gap:.5rem}.admin-menu-category-chip{padding:.45rem .75rem;font-size:var(--fs-sm);gap:.4rem}.admin-menu-category-chip strong{min-width:1.3rem;min-height:1.3rem;font-size:var(--fs-xs)}.admin-menu-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.admin-menu-product-card{padding:.6rem;border-radius:8px;gap:.55rem}.admin-menu-icon-btn{width:1.75rem;height:1.75rem}.admin-menu-product-body{gap:.5rem}.admin-menu-product-heading{gap:.45rem}.admin-menu-product-body h3{font-size:var(--fs-sm)}.admin-menu-product-body p{font-size:var(--fs-xs)}.admin-menu-product-meta{gap:.38rem}.admin-menu-product-meta strong{font-size:var(--fs-sm)}.admin-menu-status{justify-self:start;padding:.24rem .4rem;font-size:var(--fs-xs);gap:.25rem}.admin-menu-add-btn{min-height:2.1rem;padding:.42rem .55rem;font-size:var(--fs-xs)}.admin-menu-cart-drawer{left:auto;right:0;width:85vw;max-width:380px;height:100dvh;padding:calc(.85rem + env(safe-area-inset-top)) calc(.85rem + env(safe-area-inset-right)) calc(.85rem + env(safe-area-inset-bottom)) calc(.85rem + env(safe-area-inset-left));box-shadow:-4px 0 24px #0f172a29}.admin-menu-cart-drawer-header{align-items:center;gap:.75rem;margin-bottom:.9rem}.admin-menu-cart-drawer-header h2{font-size:var(--fs-lg)}.admin-menu-drawer-content{padding-right:0}.admin-menu-cart-item{display:grid;align-items:flex-start;gap:.55rem}.admin-menu-quantity-controls{flex-wrap:wrap;justify-content:flex-start}.admin-menu-order-fields{grid-template-columns:1fr}.admin-menu-reference-field{grid-column:auto}}input,select,textarea{width:100%;padding:.75rem 1rem;margin:.5rem 0 1rem;border:1px solid var(--border);border-radius:10px;background:var(--background);transition:var(--transition);font-size:var(--fs-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:#fff}.container{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-layout{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;height:100vh;height:100dvh;position:sticky;top:0;z-index:50;transition:var(--transition)}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding-right:4px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.main-content{flex:1;padding:2rem;max-width:100%;overflow-x:hidden;overflow-x:clip}.sidebar-toggle{display:none;position:fixed;bottom:2rem;right:2rem;z-index:100;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--primary);color:#fff;box-shadow:var(--shadow-lg);border:none;cursor:pointer;align-items:center;justify-content:center}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:var(--text-muted);text-decoration:none;border-radius:12px;transition:var(--transition);margin-bottom:.5rem;font-weight:500;font-size:var(--fs-base)}.sidebar-link:hover{background-color:var(--background);color:var(--primary)}.sidebar-link.active{background-color:var(--primary);color:#fff}.sidebar-link svg{width:20px;height:20px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.sidebar-brand{font-size:var(--fs-xl);font-weight:700;color:var(--primary);transition:var(--transition)}.sidebar-footer{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:auto}.sidebar-profile{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding:0 1rem}.sidebar-avatar{background:var(--primary);color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 10px var(--ring);flex-shrink:0}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:var(--fs-sm);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--fs-xs);color:var(--text-muted)}.glass{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media(max-width:1024px){:root{--sidebar-width: 240px}}@media(max-width:1024px){.dashboard-layout{flex-direction:column}.sidebar{position:fixed;inset:0 auto 0 0;width:min(270px,84vw);height:100vh;height:100dvh;transform:translate(-100%);overflow:hidden;padding:1.25rem 1rem;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0)}.sidebar-header{margin-bottom:1.25rem}.sidebar-brand{font-size:var(--fs-lg)}.sidebar-link{padding:.75rem .875rem;font-size:var(--fs-sm);gap:.625rem;margin-bottom:.375rem}.sidebar-link svg{width:18px!important;height:18px!important}.sidebar-footer{padding-top:1rem}.sidebar-profile{gap:10px;margin-bottom:1rem;padding:0 .5rem}.sidebar-avatar{width:34px;height:34px;border-radius:8px;font-size:var(--fs-sm)}.sidebar-user-name{font-size:var(--fs-sm)}.sidebar-user-role{font-size:var(--fs-xs)}.main-content{padding:4.5rem 1rem 1rem}.sidebar-toggle{display:flex}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.stat-grid>:nth-child(odd):last-child{grid-column:span 2!important}.progress-desktop-table{display:none}.progress-mobile-list{display:grid;gap:1rem}.progress-mobile-card{display:grid;gap:1rem;padding:1rem}.progress-mobile-card-overdue{background:#fff1f2}.progress-mobile-empty{text-align:center;color:var(--text-muted)}.progress-mobile-card-header,.progress-mobile-item,.progress-mobile-meta{display:grid;gap:.75rem}.progress-mobile-card-header{grid-template-columns:1fr auto;align-items:start}.progress-mobile-card-header div,.progress-mobile-meta div{display:grid;gap:.25rem}.progress-mobile-card-header span,.progress-mobile-item span,.progress-mobile-meta span,.progress-mobile-note{color:var(--text-muted);font-size:var(--fs-sm)}.progress-mobile-card-header strong,.progress-mobile-item strong,.progress-mobile-meta strong{color:var(--text-main);font-size:var(--fs-base)}.progress-mobile-item{grid-template-columns:1fr auto;align-items:center;padding:.875rem;border-radius:10px;background:var(--background)}.progress-mobile-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-mobile-meta div{padding:.875rem;border:1px solid var(--border);border-radius:10px}.progress-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.progress-action-box{min-height:92px;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);display:grid;place-items:center;align-content:center;gap:.35rem;padding:.75rem;text-align:center;font-size:var(--fs-sm);font-weight:600}button.progress-action-box{cursor:pointer}button.progress-action-box:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--ring)}.progress-action-box-primary{background:var(--primary);border-color:var(--primary);color:#fff}.progress-action-box-muted{color:var(--text-muted);background:var(--background)}.progress-action-box .progress-bar-track{width:100%;max-width:86px}.mobile-header{display:flex!important;position:fixed;top:0;left:0;right:0;height:3.5rem;background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.25rem;align-items:center;justify-content:space-between;z-index:40}.mobile-header-brand{font-weight:700;color:var(--primary);font-size:var(--fs-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.mobile-header-brand{font-size:var(--fs-base)}}}.mobile-header{display:none}.badge{padding:.25rem .625rem;border-radius:9999px;font-size:var(--fs-xs);font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-danger{background:#fee2e2;color:#b91c1c}.dept-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.dept-row:hover{background:var(--background)}.badge-info{background:#e0f2fe;color:#075985}table{width:100%;border-collapse:separate;border-spacing:0}th{background:var(--background);padding:1rem;text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}td{padding:1rem;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.2}.stat-value{font-size:var(--fs-xl);font-weight:700;color:var(--text-main);line-height:1.1}.progress-mobile-list{display:none}.progress-bar-track{width:130px;height:8px;background:var(--background);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.animate-fade-in{animation:fadeIn .15s ease-out forwards}.print-only{display:none}@media print{.no-print{display:none!important}.print-only{display:block!important}.sidebar,.navbar,.btn,.mobile-header,.sidebar-toggle,.no-print-section{display:none!important}body{background:#fff!important;padding:0!important;margin:0!important}.main-content{padding:0!important;margin:0!important;display:block!important}.dashboard-layout{display:block!important}.card{box-shadow:none!important;border:none!important;padding:0!important}.report-container{max-width:100%!important;width:100%!important;margin:0!important}.kitchen-dashboard,.bar-dashboard{display:block!important}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:1000;padding:1rem}.modal-overlay>*{margin:auto;flex-shrink:0}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1rem}@media(max-width:640px){.modal-overlay{align-items:flex-start;overflow-y:auto;padding:1.5rem 1rem}.modal-form-grid{grid-template-columns:1fr;gap:8px}}.modal-surface-responsive{display:flex;flex-direction:column;background:var(--surface);border-radius:20px;box-shadow:var(--shadow-lg);border:1px solid var(--border);width:90%;max-width:460px;max-height:85vh;overflow:hidden;animation:modalSlideUp .3s ease-out;padding:0!important}.modal-header-simple{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface)}.modal-header-simple h3{margin:0!important;font-size:var(--fs-lg)!important;font-weight:700!important;color:var(--text-main)!important;line-height:1.25!important}.modal-close-btn{background:transparent;border:none;font-size:var(--fs-xl);font-weight:500;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:6px;transition:var(--transition);display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--background);color:var(--text-main)}.modal-body-scrollable{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.modal-body-scrollable label{font-size:var(--fs-sm)!important;font-weight:600!important;color:var(--text-main)!important;margin-bottom:.25rem!important;display:block!important}.modal-body-scrollable select,.modal-body-scrollable textarea{width:100%!important;padding:.75rem 1rem!important;margin:.25rem 0 0!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--background)!important;font-family:inherit!important;font-size:var(--fs-sm)!important;color:var(--text-main)!important;transition:var(--transition)!important;box-sizing:border-box!important}.modal-body-scrollable select:focus,.modal-body-scrollable textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--ring)!important;background:var(--surface)!important;outline:none!important}.modal-footer-simple{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;background:var(--background)}.modal-footer-simple .btn{flex:1;margin:0!important;padding:.75rem 1.25rem!important;font-weight:500!important;font-size:var(--fs-sm)!important;border-radius:10px!important;height:auto!important}.modal-content{background:var(--surface);border-radius:24px;width:100%;max-width:950px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.1);overflow:hidden;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem 2rem;background:linear-gradient(to right,var(--surface),var(--background));border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-body{display:grid;grid-template-columns:1fr 1.2fr;gap:0;flex:1;overflow:hidden}@media(max-width:768px){.modal-body{grid-template-columns:1fr;overflow-y:auto}.modal-content{max-height:95vh;border-radius:16px}.modal-header,.order-details-pane,.menu-selection-pane{padding:1rem 1.5rem}.order-details-pane{border-right:none!important;border-bottom:1px solid var(--border)}}.order-details-pane{padding:1.5rem 2rem;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface);min-height:0}.menu-selection-pane{padding:1.5rem 2rem;display:flex;flex-direction:column;background:var(--background);min-height:0}.custom-scrollbar{--scrollbar-thumb: var(--border);--scrollbar-track: transparent;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@supports not (scrollbar-color: auto){.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--secondary)}}.menu-item-card{background:var(--surface);border-radius:12px;padding:1rem;border:1px solid var(--border);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between;gap:.5rem}.menu-item-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md);background:#fff}.order-item-list{flex:1;overflow-y:auto;margin:1rem 0;padding-right:.5rem}.pos-grid{display:grid;grid-template-columns:450px 1fr;gap:2rem;align-items:start}.pos-grid.hide-form{grid-template-columns:1fr}@media(max-width:1200px){.pos-grid{grid-template-columns:400px 1fr;gap:1.5rem}}@media(max-width:1024px){.pos-grid{grid-template-columns:1fr}.pos-form-container{position:static!important;margin-bottom:2rem}}.premium-card{background:var(--surface);border-radius:24px;border:1px solid var(--border);overflow:hidden;transition:var(--transition)}.premium-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--primary)}.glass-header{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.status-badge{padding:.5rem 1rem;border-radius:12px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.status-served{background:#10b9811a;color:#10b981!important;border:1px solid rgba(16,185,129,.2)}.status-pending{background:#f59e0b1a;color:#f59e0b!important;border:1px solid rgba(245,158,11,.2)}.mobile-bill-card{display:none}@media(max-width:768px){.pos-header{flex-direction:column;align-items:stretch!important;gap:1rem;margin-bottom:1.5rem!important}.pos-grid{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}.premium-card{border-radius:16px!important;max-width:100%!important;box-sizing:border-box!important}.desktop-table{display:none!important}.mobile-bill-card,.mobile-bill-card-container{display:flex!important;flex-direction:column!important;max-width:100%!important;box-sizing:border-box!important}.pos-header-actions{flex-direction:column;align-items:stretch!important;gap:.75rem;width:100%}.pos-header-actions button{width:100%}}@keyframes pulse-soft{0%{transform:scale(1);box-shadow:0 0 #6366f166}70%{transform:scale(1.02);box-shadow:0 0 0 10px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.service-header-left h1{font-size:var(--fs-2xl);font-weight:700;color:var(--text-main);letter-spacing:-.025em}.service-header-right{display:flex;align-items:center;gap:1.25rem}.service-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.table-status-full{grid-column:span 2;margin-bottom:1rem}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr));gap:1rem}.order-card-mobile,.staff-list-mobile{display:none}@media(max-width:1024px){.service-main-grid{grid-template-columns:1fr}.table-status-full{grid-column:span 1}}@media(max-width:768px){.service-header{flex-direction:column;align-items:flex-start;gap:1rem}.service-header-right{width:100%;flex-wrap:wrap;justify-content:space-between}.status-selector-wrapper{flex:1;min-width:200px}.new-order-btn{width:100%}.desktop-orders-table{display:none}.order-card-mobile{display:block;margin-bottom:1rem}.table-grid{grid-template-columns:repeat(auto-fill,minmax(min(100px,100%),1fr));gap:.75rem}.admin-main-grid{grid-template-columns:1fr!important}.staff-table-container{display:none}.staff-list-mobile{display:flex;flex-direction:column;gap:1rem}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media(max-width:640px){.dashboard-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{display:grid;grid-template-columns:1fr;gap:.75rem}}.staff-card-mobile{background:var(--surface);border-radius:16px;padding:1.25rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.staff-card-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-surface{width:95%;max-width:450px;animation:modalSlideUp .3s ease-out}.order-mobile-item{background:var(--surface);border-radius:16px;padding:1.25rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.order-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.order-mobile-table-info{display:flex;align-items:center;gap:12px}.order-mobile-indicator{width:4px;height:32px;border-radius:4px}.order-mobile-content{margin-bottom:1rem;font-size:var(--fs-base);color:var(--text-main)}.order-mobile-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.order-mobile-actions{display:flex;gap:.5rem}.inventory-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;gap:2rem}.inventory-title-section{flex:1}.inventory-title-section h1{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.02em}.inventory-actions{display:flex;gap:1.25rem;align-items:stretch}.summary-card{background:var(--primary);color:#fff;padding:1.25rem 1.5rem;border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-width:180px;box-shadow:0 10px 20px -5px #6366f166;transition:var(--transition);border:none;cursor:default;text-align:left}.summary-card.clickable{cursor:pointer;align-items:center;justify-content:center;text-align:center}.summary-card.clickable:hover{transform:translateY(-4px);box-shadow:0 15px 25px -5px #6366f180}.summary-card-icon-wrapper{background:#fff3;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.summary-card-btn-text{font-weight:600;font-size:var(--fs-base)}.summary-card-label{font-size:var(--fs-sm);opacity:.9;margin-bottom:.5rem;font-weight:500}.summary-card-value{font-size:var(--fs-xl);font-weight:700;line-height:1.2}.inventory-table-container{background:var(--surface);border-radius:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden;margin-bottom:2rem}.mobile-inventory-list{display:none}.fab-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:30px;background:var(--primary);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 8px 25px #6366f166;border:none;cursor:pointer;z-index:100;transition:var(--transition)}.fab-button:hover{transform:scale(1.1);background:var(--primary-hover)}@media(max-width:768px){.inventory-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.inventory-title-section h1{font-size:var(--fs-xl)}.inventory-title-section p{font-size:var(--fs-sm)}.inventory-actions{width:100%;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;gap:.5rem}.summary-card{min-width:110px;flex-shrink:0;flex:1;padding:.6rem .8rem;border-radius:12px}.summary-card-label{font-size:var(--fs-xs);margin-bottom:.15rem}.summary-card-value{font-size:var(--fs-md)}.summary-card-icon-wrapper{width:18px!important;height:18px!important}.summary-card-icon-wrapper svg{width:12px!important;height:12px!important}.summary-card-btn-text{font-size:var(--fs-xs)}.dashboard-tab{padding:.5rem .75rem;font-size:var(--fs-sm);gap:.35rem}.dashboard-tab svg{width:15px!important;height:15px!important}.desktop-inventory-table{display:none}.mobile-inventory-list{display:grid;grid-template-columns:1fr;gap:.75rem}.fab-button{display:flex}}@media(min-width:580px)and (max-width:768px){.mobile-inventory-list{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}}.inventory-card-mobile{background:var(--surface);border-radius:16px;padding:1rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem;transition:var(--transition)}.inventory-card-mobile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.inventory-card-header{display:flex;justify-content:space-between;align-items:flex-start}.inventory-card-name{font-weight:700;font-size:var(--fs-md);color:var(--text-main);margin-bottom:.15rem}.inventory-card-details{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--fs-sm);color:var(--text-muted)}.dot-separator{color:var(--border)}.supplier-text{font-style:italic}.inventory-card-body{border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);padding:.5rem 0}.inventory-card-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.inventory-card-actions{display:flex;gap:8px;margin-top:.25rem}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.modal-form-grid{grid-template-columns:1fr;gap:8px}}.btn-outline-primary{border-color:var(--primary)!important;color:var(--primary)!important;background:transparent!important}.btn-outline-primary:hover{background:var(--primary)!important;color:#fff!important}.btn-outline-warning{border-color:#f59e0b!important;color:#d97706!important;background:transparent!important}.btn-outline-warning:hover{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}.btn-outline-danger{border-color:var(--accent)!important;color:var(--accent)!important;background:transparent!important}.btn-outline-danger:hover{background:var(--accent)!important;color:#fff!important}.item-name-cell{font-weight:600;color:var(--text-main)}.table-management-page{display:flex;flex-direction:column;gap:1.5rem}.table-management-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.table-management-header h1,.public-menu-header h1{margin:0;color:var(--text-main)}.table-management-header p,.public-menu-header p{margin:.35rem 0 0;color:var(--text-muted)}.table-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:1rem}.table-menu-note{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--text-muted)}.table-menu-note p{margin:0}.table-summary-card{padding:1rem}.table-summary-card span{display:block;color:var(--text-muted);font-size:var(--fs-sm);font-weight:700}.table-summary-card strong{display:block;margin-top:.4rem;color:var(--text-main);font-size:var(--fs-xl)}@media(max-width:600px){.table-summary-row{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:.5rem}.table-summary-card{padding:.65rem .5rem;border-radius:12px}.table-summary-card span{font-size:var(--fs-xs)}.table-summary-card strong{font-size:var(--fs-lg);margin-top:.2rem}}.table-management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem}.table-qr-card{padding:1rem;display:flex;flex-direction:column;gap:1rem}.table-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.table-card-header h3{margin:0;color:var(--text-main)}.table-card-header p{margin:.25rem 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.table-status-pill{border-radius:999px;padding:.35rem .65rem;font-size:var(--fs-xs);font-weight:800;white-space:nowrap;background:#6366f11a;color:var(--primary)}.table-status-pill.status-available{background:#10b9811f;color:#059669}.table-status-pill.status-booked{background:#3b82f61f;color:#2563eb}.table-status-pill.status-reserved{background:#f59e0b24;color:#d97706}.table-status-pill.status-cleaning{background:#06b6d424;color:#0891b2}.table-qr-frame{display:flex;align-items:center;justify-content:center;min-height:180px;background:#fff;border:1px solid var(--border);border-radius:8px}.table-qr-image{width:170px;height:170px;object-fit:contain}.table-link-box{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);background:var(--background);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-size:var(--fs-sm)}.link-text-full{display:inline}.link-text-short{display:none}.table-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.table-actions .btn{justify-content:center;padding:.65rem .75rem}.danger-btn{border-color:#f43f5e40;color:var(--accent)}.danger-btn:hover{background:#f43f5e14;border-color:#f43f5e73}.table-empty-state{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center;color:var(--text-muted)}.table-empty-state h2,.table-empty-state h3{margin:0;color:var(--text-main)}.table-form-overlay{align-items:flex-start;overflow-y:auto;padding:clamp(1rem,4vh,2rem) 1rem}.table-create-modal{width:min(720px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.5rem}.table-create-modal .modal-header{align-items:flex-start;margin-bottom:1.5rem}.table-create-modal .modal-header h3{margin:0}.table-create-modal .modal-header p{margin:.35rem 0 0;color:var(--text-muted)}.table-form-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:1rem}.table-form-grid label{color:var(--text-main);font-weight:700}.table-form-grid input,.table-form-grid select{margin-top:.5rem}.table-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.icon-only-btn{min-width:40px;padding:.65rem}.public-menu-page{min-height:100vh;background-color:var(--background);background-image:linear-gradient(180deg,#ffffffbf,#fff0);padding:1rem;transition:background-color .8s cubic-bezier(.16,1,.3,1)}.public-menu-page.guest-splash-page{--background: #f8fafc;--primary: #6366f1;padding:0}.guest-splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-image:linear-gradient(135deg,#6366f11f,#a855f71a)}.guest-splash-card{width:100%;max-width:420px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--border, #e2e8f0);border-radius:24px;background-image:linear-gradient(160deg,#fff,#fbfaff);box-shadow:0 18px 40px -18px #0f172a59;animation:guest-splash-in .32s ease-out both}@keyframes guest-splash-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.guest-splash-card{animation:none}}.guest-splash-mark{width:68px;height:68px;margin-bottom:1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background-image:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#a855f7);box-shadow:0 8px 20px -8px #6366f18c}.guest-splash-kicker{margin:0;font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #64748b)}.guest-splash-name{margin:.25rem 0 .6rem;font-size:clamp(1.5rem,7vw,2.1rem);font-weight:800;line-height:1.15;overflow-wrap:anywhere;color:var(--text-main, #0f172a)}.guest-splash-table{margin:0 0 1.4rem;font-size:var(--fs-base);color:var(--text-muted, #64748b)}.guest-splash-table strong{color:var(--text-main, #0f172a)}.guest-splash-cta{width:100%;min-height:48px;font-size:var(--fs-base);font-weight:700}.guest-splash-foot{margin:.9rem 0 0;font-size:var(--fs-xs);color:var(--text-muted, #64748b)}.guest-splash-mark.has-logo{background-image:none;background-color:#fff;border:1px solid var(--border, #e2e8f0);box-shadow:0 6px 16px -8px #0f172a40;width:88px;height:88px;overflow:hidden}.guest-splash-logo{width:100%;height:100%;object-fit:contain;padding:8px}.guest-splash-progress{width:64px;height:3px;margin-top:1rem;border-radius:999px;background:var(--border, #e2e8f0);overflow:hidden;position:relative}.guest-splash-progress:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(135deg,#6366f1,#a855f7);transform-origin:left center;animation:guest-splash-countdown 2s linear both}@keyframes guest-splash-countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.guest-splash-progress:after{animation:none;transform:scaleX(1);opacity:.5}}.public-menu-page.theme-default{--background: #f8fafc;--primary: #6366f1;--primary-hover: #4f46e5;--ring: rgba(99, 102, 241, .2);--primary-glow: rgba(99, 102, 241, .3);--primary-light: rgba(99, 102, 241, .1)}.public-menu-page.theme-dessert{--background: #fff5f0;--primary: #e76f51;--primary-hover: #d65a3d;--ring: rgba(231, 111, 81, .2);--primary-glow: rgba(231, 111, 81, .3);--primary-light: rgba(231, 111, 81, .1)}.public-menu-page.theme-drink{--background: #eefdf9;--primary: #0d9488;--primary-hover: #0f766e;--ring: rgba(13, 148, 136, .2);--primary-glow: rgba(13, 148, 136, .3);--primary-light: rgba(13, 148, 136, .15)}.public-menu-page.theme-food{--background: #fdfaf4;--primary: #d97706;--primary-hover: #b45309;--ring: rgba(217, 119, 6, .2);--primary-glow: rgba(217, 119, 6, .3);--primary-light: rgba(217, 119, 6, .1)}.public-menu-shell{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.public-menu-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0 .25rem}.public-menu-eyebrow{color:var(--primary);font-size:var(--fs-sm);font-weight:800;text-transform:uppercase;transition:color .8s ease}.public-menu-offline{display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem;padding:.5rem .7rem;border-radius:10px;background:#f59e0b1f;color:#b45309;font-size:var(--fs-xs);line-height:1.35}.public-menu-offline svg{flex-shrink:0}.public-table-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:999px;color:var(--primary);background:var(--primary-light);font-weight:800;white-space:nowrap;transition:color .8s cubic-bezier(.16,1,.3,1),background-color .8s cubic-bezier(.16,1,.3,1)}.public-category-section{display:flex;flex-direction:column;gap:.75rem}.public-menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1.5rem}.public-category-heading h2{margin:0;color:var(--text-main)}.public-category-heading p{margin:.25rem 0 0;color:var(--text-muted)}.public-menu-item{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);height:100%;position:relative}.public-menu-item:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 20px var(--primary-glow)}.public-menu-item-image{width:100%;height:180px;object-fit:cover;border-radius:0;display:block;flex:0 0 auto}.public-menu-item-info{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.public-menu-item h3{margin:0;color:var(--text-main);font-size:var(--fs-md);font-weight:700;line-height:1.3}.public-menu-item p{margin:.3rem 0 0;color:var(--text-muted);line-height:1.45}.public-menu-prep-time{display:inline-flex;align-items:center;gap:.35rem;margin-top:.45rem;color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.public-menu-price{color:var(--primary);font-weight:800;white-space:nowrap}.public-menu-item-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px dashed var(--border);width:100%}.public-add-btn{padding:.55rem .85rem;border-radius:8px}.public-order-alert{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;font-weight:700}.public-order-alert.success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.public-order-alert.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.compact-category-title{font-size:var(--fs-lg);font-weight:700;margin:0 0 .5rem;color:var(--text-main)}.public-cart-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}.public-cart-drawer{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100%;background:var(--surface);box-shadow:-4px 0 24px #00000026;z-index:1001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:1.5rem}.public-cart-drawer.open{transform:translate(0)}.public-cart-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.public-cart-drawer-header h2{margin:0;font-size:var(--fs-lg);color:var(--text-main)}.close-drawer-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-drawer-btn:hover{color:var(--text-main)}.drawer-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.drawer-tab-btn{flex:1;padding:.65rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all .2s}.drawer-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.drawer-content{flex:1;overflow-y:auto;margin-bottom:1.25rem;padding-right:4px}.public-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:2.5rem 1rem;color:var(--text-muted)}.public-cart-empty p{margin:0;font-size:var(--fs-base)}.public-cart-list-wrapper{display:flex;flex-direction:column}.public-cart-list{display:grid;gap:.75rem}.public-cart-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.public-cart-row strong,.public-cart-row span{display:block}.public-cart-row strong{color:var(--text-main);font-size:var(--fs-base)}.public-cart-row span{margin-top:.15rem;color:var(--text-muted);font-size:var(--fs-sm)}.public-cart-controls{display:flex;align-items:center;gap:.4rem}.public-cart-controls button{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-main);cursor:pointer}.public-cart-controls span{min-width:20px;margin:0;text-align:center;font-weight:800;font-size:var(--fs-sm);color:var(--text-main)}.public-cart-controls .public-cart-remove{color:#ef4444;border-color:#fecaca;background:#fff1f2}.public-drawer-footer{border-top:1px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.public-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.public-customer-fields input{margin:0;padding:.5rem .75rem;font-size:var(--fs-sm)}.public-cart-total{display:flex;justify-content:space-between;align-items:center;font-weight:800}.public-cart-total span{color:var(--text-muted)}.public-cart-total strong{color:var(--primary);font-size:var(--fs-md)}.public-place-order-btn{justify-content:center;padding:.75rem 1rem;border-radius:8px;font-size:var(--fs-base)}.public-cart-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.public-cart-trigger:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.public-cart-badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;font-size:var(--fs-xs);font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);box-shadow:0 2px 6px #6366f166}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.public-menu-error{margin-top:2rem;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.8rem;padding:2rem;color:var(--text-muted)}.public-menu-error h1{margin:0;color:var(--text-main)}@media(max-width:768px){.table-management-header .btn{width:100%;justify-content:center}.table-form-grid{grid-template-columns:1fr}.table-modal-actions{flex-direction:column-reverse}.table-modal-actions .btn{width:100%;justify-content:center}.table-management-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:.75rem}.table-qr-card{padding:.75rem;gap:.75rem}.table-card-header{flex-direction:column;align-items:flex-start;gap:.35rem}.table-card-header h3{font-size:var(--fs-md);line-height:1.2}.table-card-header p{font-size:var(--fs-xs);margin-top:.15rem}.table-status-pill{align-self:flex-start;font-size:var(--fs-xs);padding:.2rem .45rem}.table-qr-frame{min-height:110px;height:110px;padding:.25rem}.table-qr-image{width:95px;height:95px}.table-link-container .table-link-box{min-height:36px;padding:.5rem}.table-link-container .link-text-full{display:none}.table-link-container .link-text-short{display:inline;font-size:var(--fs-xs);font-weight:500}.copy-btn{height:36px;min-width:36px!important;width:36px!important}.table-actions{grid-template-columns:1fr;gap:.4rem}.table-actions .btn{padding:.5rem;font-size:var(--fs-sm);height:36px;display:flex;align-items:center;justify-content:center;gap:.35rem}.public-menu-header{align-items:center;flex-direction:row;justify-content:space-between;padding:.5rem 0}.public-menu-items-grid{display:grid;grid-template-columns:1fr;gap:1rem}.public-menu-item{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:100%;padding:0;gap:0;border-radius:10px;box-shadow:var(--shadow-sm)}.public-menu-item-image{width:100%;height:160px;border-radius:0;object-fit:cover}.public-menu-item-info{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.public-menu-item h3{font-size:var(--fs-base);line-height:1.2;font-weight:700;margin:0}.public-menu-item-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.25rem;margin-top:auto;border-top:1px dashed var(--border);padding-top:.5rem;width:100%}.public-menu-price{font-size:var(--fs-sm);font-weight:800}.public-add-btn{font-size:var(--fs-sm);padding:.4rem .65rem}.public-cart-panel{bottom:.5rem}.public-cart-row{grid-template-columns:1fr}.public-cart-controls{justify-content:flex-start}.public-customer-fields{grid-template-columns:1fr}}.table-link-container{display:flex;gap:.5rem;align-items:center;width:100%}.table-link-container .table-link-box{flex:1;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s;min-height:42px;display:flex;align-items:center}.table-link-container .table-link-box:hover{border-color:var(--primary);background:#6366f10a}.copy-btn{height:42px;display:flex;align-items:center;justify-content:center;min-width:42px!important;width:42px!important;padding:0!important;border-radius:8px;transition:all .2s}.copy-btn.copied{border-color:#10b981;background:#10b9810f}.public-category-tabs-container{position:sticky;top:0;z-index:100;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.6rem 0;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .8s ease,border-color .8s ease}.public-category-tabs{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem 0}.public-category-tabs::-webkit-scrollbar{display:none}.category-tab-btn{padding:.6rem 1.2rem;border-radius:999px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);font-weight:600;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-tab-btn:hover{color:var(--text-main);border-color:var(--primary);transform:translateY(-1px)}.category-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.progress-tracking-page{display:flex;flex-direction:column;gap:1.5rem}.progress-tracking-page h1{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.025em;color:var(--text-main);margin-bottom:.25rem;transition:font-size .2s ease}.progress-tracking-page h3{font-size:var(--fs-lg);font-weight:600;color:var(--text-main);margin-bottom:.5rem}.progress-tracking-page p{font-size:var(--fs-base);color:var(--text-muted)}.progress-tracking-page label{font-size:var(--fs-sm);font-weight:500;color:var(--text-main)}.progress-filter-card{margin-bottom:0!important}.progress-filter-flex{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.progress-search-wrapper{flex:1 1 260px;position:relative}.progress-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.progress-search-input{padding-left:42px!important;margin:0!important}.progress-status-select{width:220px!important;margin:0!important}.progress-info-btn{margin:0!important;display:flex!important;align-items:center;gap:8px}.progress-hidden-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.progress-hidden-checkbox{width:auto!important;margin:0!important}.progress-search-input,.progress-status-select,.progress-info-btn{height:42px!important;font-size:var(--fs-sm)!important;border-radius:10px!important;box-sizing:border-box!important}.progress-search-input{padding-top:0!important;padding-bottom:0!important}.progress-status-select{padding-top:0!important;padding-bottom:0!important;padding-left:1rem!important;padding-right:2.5rem!important}.progress-info-btn{padding-top:0!important;padding-bottom:0!important}.progress-config-card{margin-top:0!important}.timing-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:1.25rem;margin-top:1rem}.timing-config-grid label{display:flex;flex-direction:column;gap:.5rem}.timing-config-grid input[type=checkbox]{margin:0!important;width:auto!important}.progress-menu-card{margin-top:0!important}.category-tabs-flex{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:1rem}.category-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:1rem;margin-top:1rem}.category-item-card{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--background);transition:var(--transition)}.category-item-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.category-item-info{display:flex;flex-direction:column}.category-item-name{font-weight:700}.category-item-sub{color:var(--text-muted);font-size:var(--fs-sm);margin-top:4px}.category-item-badge{flex-shrink:0;white-space:nowrap}.category-item-desc{color:var(--text-muted);margin:10px 0 0;font-size:var(--fs-sm)}.stat-grid{margin-bottom:0}@media(max-width:1024px){.progress-desktop-table{display:none!important}.progress-mobile-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.progress-tracking-page{gap:1rem}.progress-tracking-page h1{font-size:var(--fs-xl)}.progress-tracking-page h3{font-size:var(--fs-md)}.progress-tracking-page p,.progress-tracking-page label{font-size:var(--fs-sm)}.progress-tracking-page .card{padding:1rem!important}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr))!important;gap:.75rem!important;margin-bottom:0!important}.stat-card{padding:.875rem!important;gap:.75rem!important}.progress-mobile-card{padding:.75rem!important;gap:.5rem!important}.progress-mobile-card-header,.progress-mobile-item,.progress-mobile-meta{gap:.375rem!important}.progress-mobile-item,.progress-mobile-meta div{padding:.5rem .75rem!important}.progress-action-grid{gap:.375rem!important}.progress-action-box{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:.5rem!important;font-size:var(--fs-xs)!important;gap:.35rem!important}.progress-action-box .progress-bar-track{max-width:60px!important}.timing-config-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))!important;gap:.75rem!important}.category-menu-grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))!important;gap:.75rem!important}.category-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.category-item-badge{align-self:flex-start}}@media(max-width:640px){.progress-filter-flex{flex-direction:column;align-items:stretch!important;gap:.75rem!important}.progress-search-wrapper,.progress-status-select,.progress-info-btn{width:100%!important;flex:none!important}.progress-hidden-label{justify-content:flex-start;padding-left:4px;margin-top:2px}.progress-tracking-page .dashboard-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.progress-tracking-page .dashboard-header h1{margin-bottom:0!important}.progress-tracking-page .dashboard-header .btn{width:auto!important;padding:.5rem .875rem!important;height:38px!important}.progress-mobile-list{grid-template-columns:1fr!important;gap:.5rem!important}.progress-tracking-page h1{font-size:var(--fs-xl)}.progress-tracking-page h3{font-size:var(--fs-md)}.progress-tracking-page p,.progress-tracking-page label{font-size:var(--fs-xs)}.progress-tracking-page .card{padding:.75rem!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.stat-grid>:nth-child(odd):last-child{grid-column:span 2!important}.stat-card{padding:.625rem .75rem!important;gap:.5rem!important}.stat-card svg{width:20px!important;height:20px!important}.stat-card span{font-size:var(--fs-xs)!important}.stat-card strong{font-size:var(--fs-md)!important}.icon-box{width:38px!important;height:38px!important;border-radius:8px!important}.icon-box svg{width:18px!important;height:18px!important}.stat-label{font-size:var(--fs-xs)!important}.stat-value{font-size:var(--fs-md)!important}.progress-mobile-card{padding:.5rem!important;gap:.375rem!important}.progress-mobile-card-header,.progress-mobile-item,.progress-mobile-meta{gap:.3rem!important}.progress-mobile-card-header span{font-size:var(--fs-xs)!important}.progress-mobile-card-header strong{font-size:var(--fs-sm)!important}.progress-mobile-item{padding:.375rem .5rem!important}.progress-mobile-item strong{font-size:var(--fs-sm)!important}.progress-mobile-item span{font-size:var(--fs-xs)!important}.progress-mobile-meta div{padding:.375rem .5rem!important}.progress-action-grid{gap:.3rem!important}.progress-action-box{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:.35rem .5rem!important;font-size:var(--fs-xs)!important;gap:.3rem!important}.progress-action-box svg{width:14px!important;height:14px!important}.progress-action-box .progress-bar-track{max-width:50px!important}.timing-config-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.timing-config-grid label:last-child{grid-column:span 2!important;margin-top:.25rem!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.category-menu-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))!important;gap:.5rem!important}.category-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.category-item-badge{align-self:flex-start}.category-item-card{padding:.75rem!important}}.order-dashboard-header{margin-bottom:1.5rem}.order-dashboard-header p{color:var(--text-muted)}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem;width:100%}.order-empty-state{grid-column:1 / -1;text-align:center;padding:3rem}.order-empty-state-icon{display:block;margin:0 auto .75rem;opacity:.5}.order-empty-state-text{color:var(--text-muted)}.order-card{display:flex;flex-direction:column;padding:.875rem}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;gap:.5rem}.order-card-table{font-size:var(--fs-md);font-weight:700}.order-card-id{font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.order-card-items{flex:1;padding:.6rem .8rem;background:var(--background);border-radius:8px;margin-bottom:0;white-space:pre-wrap;font-size:var(--fs-sm)}@media(max-width:768px){.order-dashboard-header{margin-bottom:1rem}.order-dashboard-header h1{line-height:1.1}.order-dashboard-header p{margin-top:.35rem}.order-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.order-empty-state{padding:1.5rem!important}.order-empty-state-icon{width:38px;height:38px;margin-bottom:.55rem}.order-card{padding:.6rem!important;border-radius:8px!important}.order-card-header{margin-bottom:.4rem!important}.order-card-table{font-size:var(--fs-base)!important}.order-card-id{font-size:var(--fs-xs)!important}.order-card-items{padding:.45rem .65rem!important;font-size:var(--fs-sm)!important}}@media(max-width:480px){.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}.order-card{padding:.5rem!important;border-radius:6px!important}.order-card-header{margin-bottom:.35rem!important}.order-card-table{font-size:var(--fs-sm)!important}.order-card-id{font-size:var(--fs-xs)!important}.order-card-items{padding:.4rem .5rem!important;font-size:var(--fs-xs)!important;border-radius:6px!important}.completed-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}.order-card-completed{padding:.6rem!important;border-radius:8px!important}.order-card-completed .order-card-items{padding:.4rem .5rem!important;font-size:var(--fs-xs)!important;border-radius:6px!important}.order-card-completed .order-card-table{font-size:var(--fs-sm)!important}}.order-card-completed-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;padding:.85rem;background:var(--background);border-radius:10px;border:1px solid var(--border);margin-bottom:.75rem;font-size:var(--fs-sm)}.completed-meta-row{display:flex;flex-direction:column;gap:2px}.meta-label{color:var(--text-muted);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-weight:600;color:var(--text-main);font-size:var(--fs-sm)}.completed-meta-status{grid-column:1 / -1;display:flex;align-items:center;gap:6px;color:#4caf50;font-weight:600;margin-top:.35rem;border-top:1px dashed var(--border);padding-top:.5rem}.completed-orders-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.completed-orders-header h2{font-size:var(--fs-lg);margin:0}.completed-orders-toggle{flex-shrink:0;padding:.5rem .9rem;border-radius:8px}.dashboard-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:0;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:var(--fs-base);font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:3px solid transparent;border-radius:12px 12px 0 0;cursor:pointer;white-space:nowrap;transition:var(--transition);margin-bottom:-1px}.dashboard-tab:hover{color:var(--primary);background:#6366f10a}.dashboard-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:#6366f117;font-weight:600}.dashboard-tab-danger{color:#b91c1c}.dashboard-tab-danger:hover{background:#fee2e2;color:#b91c1c}.dashboard-tab-danger.active{color:#fff;background:#ef4444;border-bottom-color:#ef4444}.sales-history-card{padding:2rem;border-radius:24px}.sales-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.sales-history-title{font-size:var(--fs-xl);margin-bottom:.25rem;margin-top:0}.sales-history-filter{display:flex;align-items:center;gap:15px;background:var(--background);padding:10px 20px;border-radius:16px;border:1px solid var(--border)}.sales-history-mobile-list{display:none}.mobile-history-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.3rem}.mobile-history-card-table{font-size:var(--fs-sm);font-weight:800;color:var(--text)}.mobile-history-card-ref{font-size:var(--fs-xs);color:var(--text-muted);font-family:monospace;margin-top:1px;word-break:break-all;max-width:180px}.mobile-history-card-amount{font-size:var(--fs-sm);font-weight:800;color:var(--success)}.mobile-history-card-time{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:.3rem}.mobile-history-card-items{padding:.35rem .55rem;background:var(--background);border-radius:6px;font-size:var(--fs-xs);white-space:pre-wrap;border:1px solid var(--border);color:var(--text-main);line-height:1.3}@media(max-width:768px){.pos-header{flex-direction:column;align-items:flex-start!important;gap:1rem;margin-bottom:1.5rem!important}.pos-header h1{font-size:var(--fs-2xl)!important}.sales-history-card{padding:1rem!important;border-radius:16px}.sales-history-header{flex-direction:column;align-items:stretch;margin-bottom:1.5rem}.sales-history-title{font-size:var(--fs-lg)!important}.sales-history-filter{width:100%;justify-content:space-between;padding:8px 14px;border-radius:12px}.sales-history-filter label{font-size:var(--fs-sm)}.sales-history-filter input[type=date]{font-size:var(--fs-sm)!important}.sales-history-desktop-table{display:none}.sales-history-mobile-list{display:flex;flex-direction:column;gap:.65rem}.mobile-history-card{background:var(--surface);border-radius:10px;padding:.6rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}}.category-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem}.category-card{padding:1.5rem;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%}.category-card-content{display:flex;flex-direction:column;gap:12px}.category-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.category-card-title{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card-badge{font-size:var(--fs-sm);font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap}.category-card-body{display:flex;flex-direction:column;gap:8px}.category-card-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm)}.category-card-row-label{color:var(--text-muted)}.category-card-row-value{color:var(--text)}.category-card-sparkline-container{height:70px;margin-top:1rem;position:relative}@media(max-width:768px){.category-performance-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.category-card{padding:1rem!important;border-radius:16px!important}.category-card-content{gap:8px!important}.category-card-header{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.category-card-title{font-size:var(--fs-base)!important}.category-card-badge{font-size:var(--fs-xs)!important;padding:2px 8px!important}.category-card-body{gap:6px!important}.category-card-row{font-size:var(--fs-sm)!important}.category-card-sparkline-container{height:45px!important;margin-top:.75rem!important}}@media(max-width:480px){.category-performance-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.category-card{padding:.75rem!important;border-radius:12px!important;border-left-width:4px!important}.category-card-content{gap:6px!important}.category-card-title{font-size:var(--fs-sm)!important}.category-card-badge{font-size:var(--fs-xs)!important;padding:2px 6px!important}.category-card-body{gap:4px!important}.category-card-row{font-size:var(--fs-xs)!important;flex-direction:column!important;align-items:flex-start!important}.category-card-sparkline-container{height:35px!important;margin-top:.5rem!important}}.sales-chart-card{padding:2rem!important;border-radius:24px!important}.sales-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.sales-chart-title-area{flex:1;min-width:250px}.sales-chart-title{font-size:var(--fs-xl);margin-bottom:.35rem;display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text-main)}.sales-chart-subtitle{color:var(--text-muted);margin:0;font-size:var(--fs-base)}.sales-chart-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sales-chart-scroll{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.sales-chart-svg{min-width:700px;overflow:visible;width:100%;height:100%}.sales-chart-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1.5rem}@media(max-width:768px){.sales-chart-card{padding:1.25rem!important;border-radius:16px!important}.sales-chart-header{margin-bottom:1.25rem}.sales-chart-title{font-size:var(--fs-lg)}.sales-chart-subtitle{font-size:var(--fs-sm)}.sales-chart-scroll{overflow-x:visible}.sales-chart-svg{min-width:0!important}.sales-chart-legend{gap:8px 12px;margin-top:1rem;padding-top:1rem}}@media(max-width:640px){.navbar-brand{font-size:var(--fs-lg)}}@media(max-width:480px){.navbar-brand{font-size:var(--fs-md)}}.swipe-container-wrapper{overflow:hidden;width:100%}.swipe-container-inner{display:flex;width:200%;transition:transform .35s cubic-bezier(.25,1,.5,1)}.swipe-view-pane{width:50%;flex-shrink:0;transition:opacity .3s ease}.tables-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:1rem;width:100%}.table-status-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100px}.table-status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.table-status-card.selected{border-color:var(--primary);background:#6366f10d}.table-status-card.status-booked{border-color:#ef4444;background:#ef444405}.table-status-card.status-reserved{border-color:#f59e0b;background:#f59e0b05}.table-status-card.status-cleaning{border-color:#10b981;background:#10b98105}.table-status-pill{padding:4px 8px;border-radius:20px;font-weight:700;text-transform:uppercase}.table-status-card.status-available .table-status-pill{background:#10b9811a;color:#10b981}.table-status-card.status-booked .table-status-pill{background:#ef44441a;color:#ef4444}.table-status-card.status-reserved .table-status-pill{background:#f59e0b1a;color:#f59e0b}.table-status-card.status-cleaning .table-status-pill{background:#3b82f61a;color:#3b82f6}.selected-table-banner{display:flex;align-items:center;justify-content:space-between;background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:8px;padding:.75rem 1.25rem;margin-bottom:1rem}@media(min-width:1024px){.admin-menu-layout.has-selected-table{display:grid;grid-template-columns:minmax(0,2fr) minmax(min(320px,100%),1fr)!important;gap:1.5rem!important}}.admin-menu-sidebar-cart{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;position:sticky;top:1.5rem;display:flex;flex-direction:column;max-height:calc(100vh - 3rem)}.admin-menu-sidebar-cart h2{font-weight:700;margin-top:0;margin-bottom:.5rem}.admin-menu-sidebar-cart-list{flex:1;overflow-y:auto;margin-bottom:1rem;max-height:350px}.print-kot-only{display:none}@media print{@page{size:auto;margin:5mm}.no-print,.mobile-header,.sidebar,.navbar,.admin-menu-header,.admin-menu-category-row,.admin-menu-sidebar-cart,.dashboard-tabs,.selected-table-banner,.swipe-container-wrapper,.modal-overlay:not(.no-print-overlay){display:none!important;height:0!important;overflow:hidden!important}body,#root,.dashboard-layout,.main-content,.admin-menu-page,.animate-fade-in{visibility:visible!important;opacity:1!important;display:block!important;animation:none!important;transition:none!important;overflow:visible!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important}.admin-menu-page>*:not(.print-kot-only){display:none!important}.print-kot-only,.print-kot-only *{visibility:visible!important}.print-kot-only{display:block!important;position:relative!important;left:0!important;top:0!important;width:100%!important;max-width:80mm!important;margin:0 auto!important;background:#fff!important;color:#000!important;padding:15px!important;font-family:monospace,sans-serif!important;box-sizing:border-box!important}.print-kot-only table{width:100%!important;border-collapse:collapse!important}}@media(max-width:1023px){.mobile-hidden{display:none!important}}.recent-orders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.recent-orders-grid{grid-template-columns:1fr;gap:.75rem}}.recent-order-card{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);transition:var(--transition)}.recent-order-card:hover{box-shadow:var(--shadow)}.stock-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:99999;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1.5rem 1rem}.stock-modal-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0cc;width:100%;max-width:480px;margin:auto;padding:1.35rem 1.5rem;box-sizing:border-box;position:relative;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}.stock-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;gap:12px}.stock-modal-title{font-size:var(--fs-lg);font-weight:700;color:#0f172a;margin:0 0 .2rem;letter-spacing:-.02em}.stock-modal-subtitle{font-size:var(--fs-sm);color:#64748b;margin:0;line-height:1.35}.stock-modal-close-btn{background:#f1f5f9;border:none;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.stock-modal-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:scale(1.05)}.stock-modal-form{display:flex;flex-direction:column;gap:.65rem}.stock-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stock-form-group{display:flex;flex-direction:column;gap:.25rem}.stock-form-group label{font-size:var(--fs-sm);font-weight:600;color:#1e293b;margin:0}.stock-form-input,.stock-form-select{width:100%;padding:.55rem .8rem;border-radius:10px;border:1.5px solid #e2e8f0;background-color:#f8fafc;color:#0f172a;font-size:var(--fs-sm);font-family:inherit;box-sizing:border-box;transition:all .2s ease;outline:none}.stock-form-input:focus,.stock-form-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.stock-form-input::placeholder{color:#94a3b8}.stock-select-wrapper{position:relative;width:100%}.stock-form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.2rem}.stock-modal-actions{display:flex;gap:10px;margin-top:.4rem}.stock-btn-submit{flex:1;padding:.65rem 1rem;border-radius:10px;font-weight:600;font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center}.stock-btn-cancel{flex:1;padding:.65rem 1rem;border-radius:10px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all .2s ease}.stock-btn-cancel:hover{background:#e2e8f0;color:#0f172a}.stock-btn-delete{width:100%;margin-top:.35rem;padding:.6rem;border-radius:10px;background:transparent;color:#ef4444;border:1.5px solid #fca5a5;font-weight:600;font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease}.stock-btn-delete:hover{background:#fef2f2;border-color:#ef4444}@media(max-width:520px){.stock-modal-overlay{padding:.75rem .5rem}.stock-modal-card{border-radius:16px;padding:1.1rem}.stock-modal-title{font-size:var(--fs-md)}.stock-form-grid-2{gap:.5rem}.stock-modal-form{gap:.55rem}.stock-form-input,.stock-form-select{padding:.5rem .75rem;font-size:var(--fs-sm)}}.billing-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:99999;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1.5rem 1rem}.billing-modal-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0cc;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;margin:auto;box-sizing:border-box;position:relative;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.billing-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0;gap:12px;background:#fff}.billing-modal-title{font-size:var(--fs-lg);font-weight:700;color:#0f172a;margin:0 0 .2rem;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.billing-modal-subtitle{font-size:var(--fs-sm);color:#64748b;margin:0;line-height:1.35}.billing-modal-close-btn{background:#f1f5f9;border:none;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.billing-modal-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:scale(1.05)}.billing-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem}.billing-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.billing-form-group{display:flex;flex-direction:column;gap:.35rem}.billing-form-group label{font-size:var(--fs-sm);font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:6px}.billing-form-input,.billing-form-select{width:100%;padding:.6rem .85rem;border-radius:10px;border:1.5px solid #e2e8f0;background-color:#f8fafc;color:#0f172a;font-size:var(--fs-sm);font-family:inherit;box-sizing:border-box;transition:all .2s ease;outline:none}.billing-form-input:focus,.billing-form-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.billing-modal-actions{display:flex;gap:12px;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.billing-btn-submit{flex:1;padding:.75rem 1rem;border-radius:10px;font-weight:700;font-size:var(--fs-base);display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6c63ff,#5a52d5);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #6c63ff40;transition:all .2s ease}.billing-btn-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.billing-btn-cancel{flex:1;padding:.75rem 1rem;border-radius:10px;background:#fff;color:#475569;border:1.5px solid #cbd5e1;font-weight:600;font-size:var(--fs-base);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.billing-btn-cancel:hover{background:#f1f5f9;color:#0f172a}@media(max-width:600px){.billing-form-grid-2{grid-template-columns:1fr;gap:.75rem}.billing-modal-card{border-radius:16px;max-height:95vh}.billing-modal-header,.billing-modal-body,.billing-modal-actions{padding:1rem}}.fast-menu-picker{display:flex;flex-direction:column;gap:.75rem}.fast-menu-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;background:var(--background)}.fast-back-btn{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;transition:var(--transition)}.fast-back-btn:active{transform:scale(.94)}.fast-search{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;height:44px;padding:0 .75rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.fast-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-main);font-size:var(--fs-md);min-height:var(--tap)}.fast-search button{display:inline-flex;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:4px}.fast-dept-tabs{display:flex;align-items:flex-start;gap:1.1rem;padding:.15rem .1rem .35rem;overflow-x:auto;scrollbar-width:none}.fast-dept-tabs::-webkit-scrollbar{display:none}.fast-dept-tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:0;border:none;background:none;color:var(--text-muted);cursor:pointer}.fast-dept-ring{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text-muted);transition:transform .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease}.fast-dept-tab:active .fast-dept-ring{transform:scale(.92)}.fast-dept-tab.active .fast-dept-ring{border-color:var(--primary);background:#6366f11f;color:var(--primary)}.fast-dept-label{font-size:var(--fs-xs);font-weight:600;line-height:1}.fast-dept-tab.active .fast-dept-label{color:var(--primary)}.fast-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:.75rem}.fast-category-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-height:104px;padding:.85rem;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.fast-category-tile:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.fast-category-tile:active{transform:scale(.97)}.fast-category-tile svg{flex-shrink:0;padding:6px;width:34px;height:34px;border-radius:10px;background:#6366f11a;color:var(--primary)}.fast-category-tile.quick{border-color:var(--primary);background:linear-gradient(135deg,#6366f11a,#6366f105)}.fast-category-tile.quick svg{background:#f59e0b24;color:#f59e0b}.fast-category-name{font-weight:600;font-size:var(--fs-md);line-height:1.25;overflow-wrap:anywhere}.fast-category-count{font-size:var(--fs-xs);color:var(--text-muted)}.fast-item-list{display:flex;flex-direction:column;gap:1rem}.fast-section-heading{font-size:var(--fs-lg)!important;font-weight:700;margin:0}.fast-group{display:flex;flex-direction:column;gap:.5rem}.fast-group-title{font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:.5rem 0 .15rem}.fast-item-row{display:flex;align-items:center;gap:.6rem;min-height:62px;padding:.55rem .75rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);transition:border-color .12s ease,background-color .12s ease}.fast-item-row.in-cart{border-color:var(--primary);background:#6366f10f}.fast-item-row.unavailable{opacity:.55}.fast-item-fav{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;border-radius:50%;color:var(--text-muted);cursor:pointer}.fast-item-fav.active{color:var(--accent)}.fast-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fast-item-name{font-weight:600;font-size:var(--fs-base);line-height:1.3;overflow-wrap:anywhere}.fast-item-price{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-xs);color:var(--text-muted)}.fast-item-flag{font-style:normal;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;color:var(--accent)}.fast-item-eye{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:color .12s ease,border-color .12s ease,transform .12s ease}.fast-item-eye:active{transform:scale(.9)}.fast-item-eye.is-off{border-color:var(--accent);color:var(--accent)}.fast-item-row.unavailable .fast-item-eye{opacity:1}.fast-item-soldout{flex-shrink:0;min-width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem;border-radius:12px;border:1px dashed var(--accent);color:var(--accent);font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em}.fast-add-btn{flex-shrink:0;width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition)}.fast-add-btn:active{transform:scale(.9)}.fast-add-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.fast-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;color:var(--text-muted);text-align:center;grid-column:1 / -1}@media(max-width:480px){.fast-category-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.fast-category-tile{min-height:92px;padding:.8rem}.fast-category-name{font-size:var(--fs-base)}.fast-item-row{padding:.5rem .6rem;gap:.45rem}.fast-item-fav{width:30px;height:30px}.fast-item-eye{width:32px;height:32px}.fast-dept-tabs{gap:.85rem}.fast-dept-ring{width:48px;height:48px}}.table-grid-wrap{display:flex;flex-direction:column;gap:.9rem}.table-filter-bar{position:sticky;top:0;z-index:20;display:flex;gap:.5rem;padding:.5rem 0;background:var(--background)}.table-filter-chip{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--tap);padding:0 .9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:var(--transition)}.table-filter-chip strong{padding:1px 7px;border-radius:999px;background:var(--background);font-size:var(--fs-xs)}.table-filter-chip.active{border-color:var(--primary);background:var(--primary);color:#fff}.table-filter-chip.active strong{background:#ffffff38}.table-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:.7rem}.table-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:112px;padding:.8rem;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-main);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition)}.table-tile:active{transform:scale(.96)}.table-tile-status{align-self:flex-start;padding:2px 9px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.table-tile.free{border-color:#10b98159}.table-tile.free .table-tile-status{background:#10b98124;color:#059669}.table-tile.occupied{border-color:var(--primary);background:linear-gradient(160deg,#6366f117,#6366f105)}.table-tile.occupied .table-tile-status{background:#6366f129;color:var(--primary-hover)}.table-tile.overdue{border-color:var(--accent)}.table-tile.overdue .table-tile-status{background:#f43f5e24;color:var(--accent)}.table-tile-number{font-size:var(--fs-lg);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.table-tile-meta{margin-top:auto;display:flex;flex-direction:column;gap:1px}.table-tile-meta strong{font-size:var(--fs-base);font-weight:700;color:var(--primary-hover)}.table-tile-meta em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:var(--fs-xs);color:var(--text-muted)}@media(max-width:480px){.table-tile-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.table-tile{min-height:96px;padding:.6rem}.table-tile-number{font-size:var(--fs-md)}.table-tile-meta strong{font-size:var(--fs-sm)}.table-tile-meta em{font-size:var(--fs-xs)}}@media(max-width:360px){.table-tile-grid{grid-template-columns:repeat(2,1fr)}}.admin-menu-tab-body{display:flex;flex-direction:column;gap:.85rem;padding-bottom:92px}.table-sheet-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.table-sheet{width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;border-radius:20px 20px 0 0;background:var(--background);box-shadow:0 -12px 40px #0f172a47;animation:table-sheet-up .22s ease-out}@keyframes table-sheet-up{0%{transform:translateY(14%);opacity:.6}to{transform:translateY(0);opacity:1}}.table-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .5rem}.table-sheet-head h2{margin:0;font-size:var(--fs-md);font-weight:700}.table-sheet-head p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.table-sheet-body{flex:1;min-height:0;overflow-y:auto;padding:0 1rem 1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.recent-orders-wrap{display:flex;flex-direction:column;gap:1.5rem}.recent-orders-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.recent-orders-section-head h2{margin:0;font-size:var(--fs-lg);font-weight:700}.recent-order-card{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border-radius:14px}.recent-order-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.recent-order-table{padding:0;border:none;background:none;color:var(--primary-hover);font-size:var(--fs-md);font-weight:700;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.recent-order-id{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.recent-order-items{white-space:pre-line;font-size:var(--fs-sm);line-height:1.45}.recent-order-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.recent-order-status{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.recent-order-actions{display:flex;gap:.4rem}.recent-order-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer}.recent-order-icon-btn:active{transform:scale(.92)}.recent-orders-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start}.recent-split{display:flex;flex-direction:column;gap:var(--gap-md);min-width:0}.recent-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-sm)}.recent-hub-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0;padding:clamp(.7rem,3vw,1.1rem);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text-main);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.recent-hub-tile:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.recent-hub-tile:active{transform:scale(.97)}.recent-hub-top{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-xs);width:100%;margin-bottom:.35rem}.recent-hub-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:#6366f11a;color:var(--primary)}.recent-hub-tile.completed .recent-hub-icon{background:#10b9811f;color:#059669}.recent-hub-go{flex:none;color:var(--text-muted)}.recent-hub-count{font-size:var(--fs-2xl);font-weight:700;line-height:1.1}.recent-hub-name{font-size:var(--fs-md);font-weight:600;line-height:1.25;overflow-wrap:anywhere}.recent-hub-unit{font-size:var(--fs-xs);color:var(--text-muted);overflow-wrap:anywhere}.recent-page{display:flex;flex-direction:column;gap:var(--gap-md);min-width:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.recent-page-header{display:flex;align-items:center;gap:var(--gap-sm)}.recent-page-title{flex:1;min-width:0}.recent-page-title h1{margin:0;font-size:var(--fs-xl)!important;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.recent-page-title span{font-size:var(--fs-xs);color:var(--text-muted)}.recent-page-body{min-width:0}.paid-bills-wrap{display:flex;flex-direction:column;gap:var(--gap-md);min-width:0}.paid-bills-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--gap-sm);max-width:640px}.paid-bills-stat{display:flex;flex-direction:column;gap:2px;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0}.paid-bills-stat-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.paid-bills-stat-value{font-size:var(--fs-lg);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.paid-bills-stat-money{color:#10b981}.paid-bills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--gap-md);align-items:start}.paid-bill-card{display:flex;flex-direction:column;gap:.45rem;padding:.85rem;border-radius:14px;border-left:5px solid #10b981;min-width:0}.paid-bill-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-xs);flex-wrap:wrap}.paid-bill-table{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:var(--fs-md);font-weight:700;overflow-wrap:anywhere}.paid-bill-table svg{flex:none;color:#10b981}.paid-bill-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid rgba(16,185,129,.25);border-radius:999px;background:#10b9811f;color:#059669;font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.paid-bill-customer{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--text-muted);overflow-wrap:anywhere}.paid-bill-customer svg{flex:none}.paid-bill-ref{align-self:flex-start;max-width:100%;padding:3px 8px;border-radius:6px;background:#6c63ff1a;color:var(--primary-hover);font-family:monospace;font-size:var(--fs-xs);font-weight:700;overflow-wrap:anywhere}.paid-bill-items{white-space:pre-line;font-size:var(--fs-sm);line-height:1.45;max-height:8.7em;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}.paid-bill-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border)}.paid-bill-money{display:flex;flex-direction:column;gap:1px;min-width:0}.paid-bill-total{font-size:var(--fs-md);font-weight:700;color:#10b981;overflow-wrap:anywhere}.paid-bill-meta{font-size:var(--fs-xs);color:var(--text-muted);overflow-wrap:anywhere}.status-modal-summary{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:.75rem;margin-bottom:1rem;border-radius:10px;border:1px solid var(--border);background:var(--background);font-size:var(--fs-sm)}.status-modal-summary span{color:var(--text-muted)}.status-modal-summary strong{text-align:right}.status-option-list{display:flex;flex-direction:column;gap:.5rem}.status-option{display:flex;align-items:center;gap:.75rem;min-height:46px;padding:0 .9rem;border-radius:10px;border:1px solid var(--border);cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.status-option.active{border:2px solid var(--primary);background:#6366f114;font-weight:700}.status-option input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.admin-menu-page .dashboard-tabs{margin-bottom:.25rem}.admin-menu-page .admin-menu-header{margin-bottom:.5rem}@media(max-width:640px){.admin-menu-page .admin-menu-header h1{font-size:var(--fs-lg)}.admin-menu-page .dashboard-tabs{margin-bottom:0}}.table-order-page{display:flex;flex-direction:column;gap:var(--gap-md);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.table-order-header{display:flex;align-items:center;gap:var(--gap-sm)}.table-order-title{flex:1;min-width:0}.table-order-title h1{margin:0;font-size:var(--fs-xl)!important;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.table-order-title span{font-size:var(--fs-xs);color:var(--text-muted)}.table-order-body{display:flex;flex-direction:column;gap:var(--gap-md)}.table-order-ticket{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-md);border-radius:var(--radius-md)}.table-order-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.table-order-ticket-status{display:inline-flex;align-items:center;gap:var(--gap-xs);font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.table-order-lines{display:flex;flex-direction:column}.table-order-line{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--gap-sm) 0;border-bottom:1px solid var(--border)}.table-order-line:last-child{border-bottom:none}.table-order-line-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm)}.table-order-line-name{flex:1;min-width:0;font-weight:600;font-size:var(--fs-base);line-height:1.3;overflow-wrap:anywhere}.table-order-line-total{flex-shrink:0;font-size:var(--fs-base);font-weight:700;white-space:nowrap}.table-order-line-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.table-order-line-rate{font-size:var(--fs-xs);color:var(--text-muted)}.table-order-line-rate em{display:inline-block;margin-left:5px;padding:0 6px;border-radius:999px;background:#f59e0b29;color:#92400e;font-style:normal;font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.table-order-line-controls{display:flex;align-items:center;gap:var(--gap-sm)}.table-order-ticket-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px dashed var(--border)}.table-order-ticket-foot>span{font-size:var(--fs-md);font-weight:700}.table-order-voids{display:flex;flex-direction:column;gap:2px;margin-top:var(--gap-sm);padding:.5rem .6rem;border:1px dashed var(--accent);border-radius:10px;background:#ef44440f}.table-order-voids-title{display:flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.table-order-void-line{font-size:var(--fs-sm);color:var(--text-muted);text-decoration:line-through}.table-order-voids-card{display:flex;flex-direction:column;gap:6px;padding:1rem;border:1px solid var(--accent);background:#ef44440d}.table-order-voids-head{display:flex;align-items:flex-start;gap:var(--gap-sm);color:var(--accent)}.table-order-voids-head h3{margin:0;font-size:var(--fs-base)}.table-order-voids-head p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.table-order-voids-card .btn{margin-top:var(--gap-sm)}.table-order-remark{margin:var(--gap-sm) 0;padding:4px 8px;border-left:3px solid #f59e0b;border-radius:4px;background:#f59e0b1f;font-size:var(--fs-sm);font-weight:600;color:#b45309;overflow-wrap:anywhere}.table-order-ticket.table-order-unsent{border:2px solid var(--primary);box-shadow:0 4px 12px #6366f126;outline:none}.table-order-unsent-index{margin-right:var(--gap-xs);font-size:var(--fs-base);font-weight:700;color:var(--primary)}.table-order-unsent-status{color:var(--primary);font-weight:700;margin-left:auto}.table-order-ticket-foot{flex-wrap:wrap}.table-order-ticket-foot>span{white-space:nowrap}.table-order-unsent-actions,.table-order-guest-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--gap-sm)}.table-order-guest-actions .btn{min-height:44px;flex:1;min-width:8rem;justify-content:center}.panel-row-unsent{color:var(--primary);font-weight:600}.table-order-guest-requests{display:flex;flex-direction:column;gap:var(--gap-sm);padding:1rem;border:2px solid #3b82f6;background:#3b82f60f}.table-order-guest-head{display:flex;align-items:flex-start;gap:var(--gap-sm)}.table-order-guest-head h3{margin:0;font-size:var(--fs-base);color:#1e40af}.table-order-guest-head p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.table-order-guest-badge{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#dbeafe;color:#1e40af}.table-order-guest-card{padding:.75rem .85rem;border:1px solid var(--border);border-radius:12px;background:var(--surface, #fff)}.table-order-guest-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);margin-bottom:var(--gap-xs)}.table-order-guest-when{font-size:var(--fs-xs);font-weight:700;color:#1e40af}.table-order-guest-who{min-width:0;font-size:var(--fs-xs);color:var(--text-muted);overflow-wrap:anywhere}.table-order-clear{width:100%;margin-top:var(--gap-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px dashed rgba(239,68,68,.5);background:transparent;color:var(--accent);font-weight:700}.confirm-clear{width:100%;max-width:420px;padding:1.25rem;display:flex;flex-direction:column;gap:var(--gap-sm)}.confirm-clear-head{display:flex;align-items:center;gap:var(--gap-sm);color:var(--accent)}.confirm-clear-head h3{margin:0;font-size:var(--fs-lg)}.confirm-clear p{margin:0;font-size:var(--fs-sm)}.confirm-clear-note{color:var(--text-muted)}.confirm-clear-actions{display:flex;gap:var(--gap-sm);margin-top:var(--gap-sm)}.confirm-clear-actions .btn{flex:1;min-height:46px}.punch-modal-card{width:92%;max-width:440px;padding:1.25rem;display:flex;flex-direction:column;gap:var(--gap-sm);border-radius:12px}.punch-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.punch-modal-head h3{display:flex;align-items:center;gap:var(--gap-xs);margin:0;font-size:var(--fs-md);font-weight:700;overflow-wrap:anywhere}.punch-modal-head h3 svg{color:var(--primary);flex-shrink:0}.punch-modal-lines{display:flex;flex-direction:column;max-height:34vh;overflow-y:auto;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle, #f8fafc)}.punch-modal-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);padding:3px 0;font-size:var(--fs-sm)}.punch-modal-line span{min-width:0;overflow-wrap:anywhere}.punch-modal-line strong{flex-shrink:0;white-space:nowrap}.punch-modal-total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);padding-top:var(--gap-xs);border-top:1px dashed var(--border);font-size:var(--fs-sm);color:var(--text-muted)}.punch-modal-total strong{font-size:var(--fs-md);color:var(--text-color)}.punch-modal-label{display:flex;align-items:center;gap:var(--gap-xs);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.punch-modal-tags{display:flex;flex-wrap:wrap;gap:.4rem}.punch-tag{padding:.35rem .65rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-subtle, #f8fafc);color:var(--text-color);font-size:var(--fs-sm);cursor:pointer;transition:all .15s ease}.punch-tag.active{border:1.5px solid var(--primary);background:var(--primary-light, #e0e7ff);color:var(--primary-dark, #4338ca);font-weight:600}.punch-modal-textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-sm);resize:vertical}.punch-modal-actions{display:flex;gap:var(--gap-sm);margin-top:var(--gap-xs)}.punch-modal-actions .btn{min-height:46px}.punch-modal-actions .btn-secondary{flex:1}.punch-modal-cta{flex:2}.punch-modal-foot{margin:0;font-size:var(--fs-xs);color:var(--text-muted);text-align:center}.btn-danger{border:none;background-image:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:700}.panel-row.voided span{display:inline-flex;align-items:center;gap:5px;color:var(--accent)}.table-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--page-pad);padding-bottom:calc(var(--gap-sm) + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 20px #0f172a1a}.table-action-summary{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.table-action-summary strong{font-size:var(--fs-lg);font-weight:700;white-space:nowrap}.table-action-summary span{font-size:var(--fs-xs);color:var(--text-muted)}@media(min-width:1024px){.table-action-bar{left:var(--sidebar-width)}}.fast-category-tile:active,.table-tile:active,.fast-item-row:active{transform:scale(.975)}.fast-add-btn:active,.stepper button:active,.icon-btn:active,.segmented-option:active{transform:scale(.9)}.fast-item-row.in-cart .fast-item-name{font-weight:700}.fast-menu-picker,.table-tile-grid,.table-order-lines,.segmented{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fast-category-tile.is-dragging{opacity:.55;transform:scale(.97);box-shadow:var(--shadow-lg);z-index:2}.fast-category-tile.is-drop-target{border-color:var(--primary);border-style:dashed;background:#6366f114}.fast-category-grid:has(.is-dragging){touch-action:none;-webkit-user-select:none;user-select:none}.kitchen-card{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-md);border-radius:var(--radius-md)}.kitchen-card-meta{display:inline-flex;align-items:center;gap:var(--gap-xs)}.kitchen-status-pill{padding:2px 9px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.kitchen-card .order-card-items{white-space:pre-line;font-size:var(--fs-md);font-weight:600;line-height:1.5}.kitchen-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px solid var(--border)}.kitchen-card-time{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.kitchen-advance-btn{min-height:var(--tap);padding:0 1rem;font-size:var(--fs-sm);font-weight:700;gap:var(--gap-xs)}@media(max-width:480px){.kitchen-card-foot{flex-direction:column;align-items:stretch}.kitchen-advance-btn{width:100%}}.order-card-id{white-space:nowrap}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--page-pad);padding-bottom:calc(var(--page-pad) + env(safe-area-inset-bottom,0px));background:radial-gradient(1200px 600px at 80% -10%,rgba(99,102,241,.14),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(244,63,94,.08),transparent 55%),var(--background)}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--gap-md);padding:clamp(1.5rem,5vw,2.25rem);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}.auth-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap-xs);margin-bottom:var(--gap-xs)}.auth-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 8px 20px #6366f159}.auth-brand h1{font-size:var(--fs-xl)!important;font-weight:700;margin:.35rem 0 0}.auth-brand p{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.auth-field{display:flex;flex-direction:column;gap:var(--gap-xs)}.auth-field>span{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.auth-input{display:flex;align-items:center;gap:var(--gap-sm);min-height:var(--control-h);padding:0 .9rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--background);color:var(--text-muted);transition:border-color .12s ease,box-shadow .12s ease}.auth-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);background:var(--surface)}.auth-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-main);font-size:var(--fs-md);min-height:auto}.auth-input-eye{display:inline-flex;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:6px}.auth-row{display:flex;justify-content:flex-end}.auth-link{color:var(--primary-hover);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-submit{min-height:var(--control-h);font-size:var(--fs-md);font-weight:700;border-radius:var(--radius-sm)}.auth-foot{margin:0;text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.auth-error,.auth-success,.auth-notice{display:flex;align-items:flex-start;gap:var(--gap-xs);padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:var(--fs-sm);line-height:1.4}.auth-error{border:1px solid rgba(244,63,94,.35);background:#f43f5e14;color:#be123c}.auth-success{border:1px solid rgba(16,185,129,.35);background:#10b9811a;color:#047857}.auth-notice{border:1px solid rgba(245,158,11,.35);background:#f59e0b1a;color:#b45309}.auth-error svg,.auth-success svg,.auth-notice svg{flex-shrink:0;margin-top:2px}.auth-input input,.auth-input input:focus{border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;min-height:0!important;background:transparent!important}.offline-banner{display:flex;align-items:center;gap:var(--gap-xs);padding:.5rem .85rem;margin-bottom:var(--gap-sm);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600}.offline-banner.is-offline{border:1px solid rgba(245,158,11,.4);background:#f59e0b1f;color:#92400e}.offline-banner.is-syncing{border:1px solid rgba(16,185,129,.35);background:#10b9811a;color:#047857}.sales-report{display:flex;flex-direction:column;gap:var(--gap-md)}.report-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:var(--gap-sm)}.report-kpi{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-md);border-radius:var(--radius-md)}.report-kpi-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px}.report-kpi em{display:block;font-style:normal;font-size:var(--fs-xs);color:var(--text-muted)}.report-kpi strong{display:block;font-size:var(--fs-lg);font-weight:700;line-height:1.2}.report-kpi small{font-size:var(--fs-xs);color:var(--text-muted)}.report-card{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-md);border-radius:var(--radius-md)}.report-card h3{margin:0;font-size:var(--fs-md)!important;font-weight:700}.report-bars{width:100%;height:clamp(110px,22vw,160px);display:block}.report-bar-labels{display:flex}.report-bar-labels span{flex:1;min-width:0;text-align:center;font-size:var(--fs-xs);color:var(--text-main);font-weight:600;line-height:1.3}.report-bar-labels em{display:block;font-style:normal;font-weight:500;color:var(--text-muted)}.report-table summary{font-size:var(--fs-xs);color:var(--text-muted);cursor:pointer}.report-table table{width:100%;margin-top:var(--gap-xs);border-collapse:collapse;font-size:var(--fs-sm)}.report-table th,.report-table td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--border)}.report-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--gap-md)}.report-row{display:flex;align-items:center;gap:var(--gap-sm)}.report-row-label{flex:0 0 34%;min-width:0;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);overflow-wrap:anywhere}.report-row-label i{flex-shrink:0;width:10px;height:10px;border-radius:3px}.report-row-track{flex:1;height:12px;border-radius:6px;background:var(--background);overflow:hidden}.report-row-track>span{display:block;height:100%;border-radius:6px;min-width:2px}.report-row-value{flex-shrink:0;min-width:64px;text-align:right;font-size:var(--fs-sm);font-weight:700;white-space:nowrap}.report-empty{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.menu-origin-note{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-left:4px solid var(--text-muted)}.menu-origin-note.live{border-left-color:#10b981}.menu-origin-note svg{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.menu-origin-note.live svg{color:#10b981}.menu-origin-note p{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--text-muted);overflow-wrap:anywhere}.menu-origin-note strong{color:var(--text-main)}.customer-tracking{display:flex;flex-direction:column;gap:var(--gap-md);margin-top:var(--gap-lg)}.customer-tracking-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm)}.customer-tracking-head h3{margin:0;font-size:var(--fs-lg)}.customer-tracking-head p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.customer-range{flex-shrink:0}.customer-stat-row{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.customer-stat{display:flex;align-items:baseline;gap:6px;padding:.6rem .85rem;border-radius:12px;background:var(--background);border:1px solid var(--border)}.customer-stat svg{align-self:center;color:var(--primary)}.customer-stat strong{font-size:var(--fs-md)}.customer-stat span{font-size:var(--fs-xs);color:var(--text-muted)}.customer-list{display:flex;flex-direction:column;gap:.6rem}.customer-row{display:grid;gap:.35rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.customer-identity{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}.customer-identity strong{font-size:var(--fs-base);overflow-wrap:anywhere}.customer-phone{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--text-muted);text-decoration:none}.customer-figures{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}.customer-figures strong{font-size:var(--fs-md);color:var(--primary)}.customer-visits,.customer-avg{font-size:var(--fs-xs);color:var(--text-muted)}.customer-repeat{margin-left:5px;padding:1px 6px;border-radius:999px;background:#10b98124;color:#047857;font-style:normal;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase}.customer-detail{display:flex;flex-wrap:wrap;gap:.75rem;font-size:var(--fs-xs);color:var(--text-muted)}.customer-search{max-width:420px}.intercom-fab{position:fixed;right:14px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:900;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-image:var(--grad-brand, linear-gradient(135deg, #6366f1, #a855f7));color:#fff;box-shadow:var(--shadow-brand, 0 8px 20px -8px rgba(99, 102, 241, .55));cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .15s ease,box-shadow .15s ease}.intercom-fab:active{transform:scale(.92)}.intercom-fab.is-dragging{cursor:grabbing;transform:scale(1.08)!important;box-shadow:0 14px 28px -4px #6366f1a6;transition:none!important}.intercom-fab.is-busy{background-image:linear-gradient(135deg,#10b981,#059669);animation:intercom-pulse 1.6s ease-in-out infinite}.intercom-fab-dot{position:absolute;top:4px;right:4px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#10b981}.intercom-dial{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--gap-md);padding:1.25rem}.intercom-dial-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm)}.intercom-dial-head h3{margin:0;font-size:var(--fs-lg)}.intercom-dial-head p{margin:2px 0 0;font-size:var(--fs-xs);color:var(--text-muted)}.intercom-note{min-height:var(--tap);padding:0 .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--text-main);font-size:var(--fs-md)}.intercom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--gap-sm)}.intercom-target{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:86px;padding:.75rem .4rem;border:1px solid var(--border);border-radius:var(--radius-md);background-image:var(--grad-surface, none);background-color:var(--surface);color:var(--text-main);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.intercom-target svg{color:var(--primary)}.intercom-target:active{transform:scale(.95)}.intercom-target:hover{border-color:transparent;box-shadow:var(--shadow-brand, 0 8px 20px -8px rgba(99, 102, 241, .55))}.intercom-outgoing{display:flex;flex-direction:column;gap:4px;padding-top:var(--gap-sm);border-top:1px dashed var(--border)}.intercom-outgoing-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);font-size:var(--fs-sm);color:var(--text-muted)}.intercom-outgoing-row strong{color:var(--text-muted);font-weight:600}.intercom-outgoing-row strong.answered{color:#047857}.intercom-cancel{flex-shrink:0;padding:2px 10px;border:1px solid rgba(244,63,94,.35);border-radius:999px;background:transparent;color:#e11d48;font-size:var(--fs-xs);font-weight:700;cursor:pointer}.intercom-ring{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.intercom-ring-card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;border-radius:24px;background-image:var(--grad-surface, none);background-color:var(--surface);text-align:center;box-shadow:0 24px 60px -20px #0f172a99}.intercom-ring-kicker{font-size:var(--fs-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.intercom-ring-icon{color:var(--primary);animation:intercom-pulse 1.4s ease-in-out infinite}.intercom-ring-card h2{margin:0;font-size:var(--fs-2xl)}.intercom-ring-who{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.intercom-ring-note{margin:0;font-size:var(--fs-md);color:var(--text-main)}.intercom-ring-actions{display:flex;gap:var(--gap-sm);width:100%;margin-top:.75rem}.intercom-answer,.intercom-decline{flex:1;min-height:54px;font-size:var(--fs-md);display:inline-flex;align-items:center;justify-content:center;gap:8px}.intercom-decline{border:1px solid rgba(244,63,94,.35);background:#f43f5e1a;color:#e11d48;font-weight:700}.intercom-ring-queue{font-size:var(--fs-xs);color:var(--text-muted)}@keyframes intercom-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}.intercom-settings{display:flex;flex-direction:column;gap:var(--gap-lg)}.intercom-settings-head{display:flex;align-items:flex-start;gap:var(--gap-sm)}.intercom-settings-head svg{margin-top:3px;color:var(--primary)}.intercom-settings-head h3{margin:0;font-size:var(--fs-lg)}.intercom-settings-head p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.setting-group{display:flex;flex-direction:column;gap:var(--gap-sm);margin:0;padding:var(--gap-md);border:1px solid var(--border);border-radius:var(--radius-md)}.display-scale-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:var(--gap-sm)}.display-scale-option{position:relative;display:flex;flex-direction:column;gap:2px;min-height:var(--tap);padding:var(--gap-md);padding-right:calc(var(--gap-md) + 20px);text-align:left;cursor:pointer;background:var(--card-bg, #fff);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s ease,background .15s ease}.display-scale-option.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.display-scale-option-mark{position:absolute;top:var(--gap-md);right:var(--gap-md);color:var(--primary)}.display-scale-option-label{font-weight:700;color:var(--text-main);line-height:1.2}.display-scale-option-hint{font-size:var(--fs-xs);color:var(--text-muted)}.display-scale-preview{margin-top:var(--gap-md);padding:var(--gap-md);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--background, #f8fafc)}.display-scale-preview-head{display:flex;align-items:center;gap:6px;margin-bottom:var(--gap-sm);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.display-scale-preview-title{margin:0 0 var(--gap-xs);font-size:var(--fs-lg);font-weight:800;color:var(--text-main)}.display-scale-preview-line{margin:0;font-size:var(--fs-base);color:var(--text-main)}.display-scale-preview-total{margin:var(--gap-sm) 0 0;font-size:var(--fs-md);font-weight:700;color:var(--text-main)}.display-scale-preview-meta{margin:2px 0 0;font-size:var(--fs-xs);color:var(--text-muted)}.setting-group:disabled{opacity:.5}.setting-group legend{padding:0 6px;font-size:var(--fs-sm);font-weight:700}.setting-hint{margin:0;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5}.setting-switch{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer}.setting-switch input{flex-shrink:0;width:20px;height:20px;margin-top:2px;accent-color:var(--primary)}.setting-switch span{display:flex;flex-direction:column;gap:2px}.setting-switch strong{font-size:var(--fs-base)}.setting-switch em{font-style:normal;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45}.ring-presets{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.ring-preset{min-height:var(--tap-sm);padding:0 .85rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-main);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.ring-preset.active{border-color:transparent;background-image:var(--grad-brand, linear-gradient(135deg, #6366f1, #a855f7));color:#fff;box-shadow:var(--shadow-brand, none)}.setting-inline{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);color:var(--text-muted)}.setting-inline input{width:88px;min-height:var(--tap);padding:0 .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--text-main);font-size:var(--fs-md)}.station-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--gap-sm)}.station-toggle{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:.7rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);text-align:left;cursor:pointer}.station-toggle.on{border-color:var(--primary);background-image:var(--grad-brand-soft, none);color:var(--text-main)}.station-toggle.on svg{color:var(--primary)}.station-toggle-name{font-size:var(--fs-base);font-weight:700}.station-toggle-hint{font-size:var(--fs-xs);color:var(--text-muted)}.talk-modes{display:grid;grid-template-columns:1fr;gap:var(--gap-sm)}@media(min-width:640px){.talk-modes{grid-template-columns:1fr 1fr}}.talk-mode{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:.7rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);text-align:left;cursor:pointer}.talk-mode.on{border-color:var(--primary);background-image:var(--grad-brand-soft, none);color:var(--text-main)}.talk-mode.on svg{color:var(--primary)}.talk-mode-name{font-size:var(--fs-base);font-weight:700}.talk-mode-hint{font-size:var(--fs-xs);color:var(--text-muted)}.mic-status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-sm);margin-top:var(--gap-sm);padding:.6rem .75rem;border-radius:var(--radius-md);font-size:var(--fs-sm)}.mic-status span{flex:1;min-width:180px}.mic-status.ok{background:#10b9811f;color:#047857}.mic-status.warn{background:#f59e0b1f;color:#b45309}.mic-status.bad{background:#f43f5e1f;color:#be123c}.intercom-target-wrap{display:flex;flex-direction:column;gap:4px}.intercom-target-wrap .intercom-target{min-height:74px}.intercom-voice-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--primary);font-size:var(--fs-xs);font-weight:700;cursor:pointer}.intercom-voice-btn:active{transform:scale(.95)}.intercom-ring-voice{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;font-size:var(--fs-xs);font-weight:600;color:var(--primary)}.call-panel{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:10050;display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-sm);padding:.6rem .75rem;border-radius:18px;background:#0f172a;color:#fff;box-shadow:0 16px 40px -14px #0f172ab3}.call-panel .voice-talk{order:3;flex:1 1 100%;min-height:64px;justify-content:center;font-size:var(--fs-base)}.call-panel-grip,.call-panel-info{order:1}.call-panel .voice-hangup{order:2}.call-panel[style*=left]{right:auto;width:min(calc(100vw - 20px),420px)}.call-panel.is-dragging{box-shadow:0 22px 50px -12px #0f172acc}.call-panel.is-failed{background:#7f1d1d}.call-panel-grip{flex-shrink:0;display:inline-flex;align-items:center;padding:6px 2px;color:#64748b;cursor:grab;touch-action:none}.call-panel.is-dragging .call-panel-grip{cursor:grabbing}.call-panel-info{flex:1;min-width:0;display:flex;flex-direction:column}.call-panel-info strong{font-size:var(--fs-base)}.call-panel-info span{font-size:var(--fs-xs);color:#94a3b8;overflow:hidden;text-overflow:ellipsis}.voice-talk{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 1.1rem;border:none;border-radius:14px;background-image:var(--grad-brand, linear-gradient(135deg, #6366f1, #a855f7));color:#fff;font-size:var(--fs-sm);font-weight:800;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.voice-talk:disabled{opacity:.5}.voice-talk.live{background-image:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 4px #10b98147}.voice-hangup{flex-shrink:0;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-image:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;cursor:pointer}.printer-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.printer-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.printer-card.is-on{border-color:var(--primary)}.printer-card-head{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;cursor:pointer}.printer-card-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#6366f11a;color:var(--primary)}.printer-card-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.printer-card-title strong{font-size:var(--fs-base);font-weight:700}.printer-card-title em{font-style:normal;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.35}.printer-switch{flex-shrink:0;width:22px;height:22px;accent-color:var(--primary)}.printer-card-body{display:flex;flex-direction:column;gap:.7rem;padding:.75rem .85rem .85rem;border-top:1px solid var(--border)}.printer-direct{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer}.printer-direct input{flex-shrink:0;width:20px;height:20px;margin-top:1px;accent-color:var(--primary)}.printer-direct span{display:flex;flex-direction:column;gap:1px}.printer-direct strong{font-size:var(--fs-sm);font-weight:700}.printer-direct em{font-style:normal;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.35}.printer-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.printer-field{display:flex;flex-direction:column;gap:4px;min-width:0}.printer-field.wide{grid-column:1 / -1}.printer-field span{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.printer-field input,.printer-field select{width:100%;min-width:0;min-height:42px;padding:0 .65rem;border:1px solid var(--border);border-radius:10px;background:var(--background);color:var(--text-main);font-size:var(--fs-md)}.printer-test{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px dashed var(--border);border-radius:10px;background:transparent;color:var(--text-main);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.printer-test:disabled{opacity:.6}.settings-nav-group{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--gap-md)}.settings-nav-group-title{padding:0 .5rem;margin-bottom:2px;font-size:var(--fs-xs);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.settings-nav-text{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left}.settings-nav-text strong{font-weight:700}.settings-nav-text em{font-style:normal;font-size:var(--fs-xs);font-weight:500;color:var(--text-muted);line-height:1.3}.settings-nav-btn.active .settings-nav-text em{color:inherit;opacity:.75}.privacy-policy section{margin-top:var(--gap-md)}.privacy-policy h4{margin:0 0 .35rem;font-size:var(--fs-md);font-weight:700}.privacy-policy p,.privacy-policy li{font-size:var(--fs-sm);line-height:1.55;color:var(--text-muted);max-width:70ch}.privacy-policy ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:6px}.privacy-policy strong{color:var(--text-main)}.privacy-todo{padding:.9rem 1rem;border-radius:var(--radius-md);border:1px dashed var(--border);background:#f59e0b12}.legal-page{min-height:100vh;padding:1.25rem 1rem 3rem;background:var(--background);color:var(--text-main)}.legal-shell{width:100%;max-width:760px;margin:0 auto}.legal-head{margin-bottom:1.5rem}.legal-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:1rem;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);text-decoration:none}.legal-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#6366f11f;color:var(--primary)}.legal-head h1{margin:.65rem 0 .2rem;font-size:var(--fs-2xl)}.legal-meta{margin:0;font-size:var(--fs-xs);color:var(--text-muted)}.legal-lead{font-size:var(--fs-md)}.legal-page section{margin-bottom:1.5rem}.legal-page h2{margin:0 0 .4rem;font-size:var(--fs-lg)}.legal-page p,.legal-page li{max-width:70ch;font-size:var(--fs-sm);line-height:1.6;color:var(--text-muted)}.legal-page p{margin:0 0 .6rem}.legal-page ul{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:8px}.legal-page strong{color:var(--text-main)}.legal-todo{padding:1rem 1.1rem;border:1px dashed var(--border);border-radius:var(--radius-md);background:#f59e0b12}.legal-foot{padding-top:1rem;border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-muted)}.printer-warning{margin:0;padding:.5rem .7rem;border-radius:10px;background:#f59e0b1f;color:#b45309;font-size:var(--fs-xs);line-height:1.4}.tax-example{display:flex;flex-direction:column;gap:3px;margin-top:var(--gap-sm);padding:.7rem .85rem;border-radius:var(--radius-md);background:#6366f114;font-size:var(--fs-sm);line-height:1.5}.tax-example strong:first-child{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.menu-origin{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .85rem;border-radius:var(--radius-md);background:#10b9811a;color:#047857}.menu-origin.is-stale{background:#f59e0b1f;color:#b45309}.menu-origin div{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-origin strong{font-size:var(--fs-base);font-family:ui-monospace,monospace}.menu-origin em{font-style:normal;font-size:var(--fs-xs);line-height:1.45}.analytics-header-actions{display:flex;align-items:center;gap:.75rem;position:relative;flex-wrap:wrap}.date-filter-backdrop{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000}.date-filter-popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 32px);max-width:380px;max-height:85vh;overflow-y:auto;background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:20px;padding:1.25rem 1rem;box-shadow:0 25px 50px -12px #00000040;z-index:10001;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.date-filter-presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.date-filter-preset-btn{padding:8px 10px;font-size:var(--fs-sm);border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--background, #f8fafc);cursor:pointer;font-weight:600;color:var(--text-muted, #64748b);transition:all .15s ease;text-align:center}.date-filter-preset-btn:hover,.date-filter-preset-btn:focus{background:var(--surface, #ffffff);color:var(--primary, #6366f1);border-color:var(--primary, #6366f1)}@media(max-width:639px){.analytics-header-actions{width:100%}.analytics-header-actions .btn{flex:1;min-width:130px;justify-content:center}}.brand-logo-row{display:flex;align-items:flex-start;gap:var(--gap-md, 1rem);flex-wrap:wrap}.brand-logo-preview{flex-shrink:0;width:88px;height:88px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px dashed var(--border);background:var(--surface-subtle, #f8fafc);color:var(--text-muted);overflow:hidden}.brand-logo-preview.has-logo{border-style:solid;background:#fff;box-shadow:0 6px 16px -8px #0f172a40}.brand-logo-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.brand-logo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-sm);min-width:0}.brand-logo-pick{cursor:pointer;min-height:40px;display:inline-flex;align-items:center}.brand-logo-remove{color:var(--accent)}.brand-logo-hint{flex-basis:100%;margin:0;font-size:var(--fs-xs);color:var(--text-muted)}:root{--fs-scale: 1;--fs-xs: calc(clamp(.68rem, .64rem + .2vw, .75rem) * var(--fs-scale));--fs-sm: calc(clamp(.78rem, .74rem + .2vw, .85rem) * var(--fs-scale));--fs-base: calc(clamp(.875rem, .84rem + .2vw, .95rem) * var(--fs-scale));--fs-md: calc(clamp(.95rem, .9rem + .25vw, 1.05rem) * var(--fs-scale));--fs-lg: calc(clamp(1.05rem, .98rem + .35vw, 1.25rem) * var(--fs-scale));--fs-xl: calc(clamp(1.2rem, 1.05rem + .7vw, 1.6rem) * var(--fs-scale));--fs-2xl: calc(clamp(1.4rem, 1.15rem + 1.1vw, 2rem) * var(--fs-scale));--tap: 44px;--tap-sm: 38px;--control-h: clamp(44px, 6vw, 48px);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--gap-xs: .35rem;--gap-sm: .55rem;--gap-md: .85rem;--gap-lg: 1.25rem;--page-pad: clamp(.75rem, 3vw, 2rem)}body{font-size:calc(1rem * var(--fs-scale))}button,input,select,textarea{font-size:calc(.8333rem * var(--fs-scale))}@media(max-width:768px){.main-content{padding:var(--page-pad)!important;padding-top:calc(3.5rem + var(--page-pad))!important}.main-content h1{font-size:var(--fs-2xl)!important;line-height:1.2}.main-content h2{font-size:var(--fs-xl)!important;line-height:1.25}.main-content h3{font-size:var(--fs-lg)!important;line-height:1.3}.main-content h4{font-size:var(--fs-md)!important}.card{padding:var(--gap-md);border-radius:var(--radius-md)}.main-content input,.main-content select,.main-content textarea{font-size:max(16px,calc(1rem * var(--fs-scale)))!important;min-height:var(--tap)}.main-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.admin-main-grid,.stats-grid,.dashboard-grid,.summary-grid{grid-template-columns:1fr!important;gap:var(--gap-md)!important}}@media(max-width:480px){.btn{padding:.6rem .9rem;font-size:var(--fs-sm);min-height:var(--tap)}}html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}.icon-btn{flex-shrink:0;width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;transition:var(--transition)}.icon-btn:active{transform:scale(.92)}.icon-btn.danger{color:var(--accent)}.btn-sm{min-height:var(--tap-sm);padding:0 .85rem;font-size:var(--fs-sm);gap:var(--gap-xs)}.action-cta{flex-shrink:0;min-height:var(--control-h);padding:0 clamp(.9rem,4vw,1.5rem);font-size:var(--fs-md);font-weight:700;border-radius:var(--radius-sm);white-space:nowrap}.segmented{display:flex;gap:var(--gap-xs);padding:4px;border-radius:var(--radius-md);background:#64748b1a}.segmented-option{position:relative;flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-xs);min-height:var(--tap);padding:0 .5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:var(--transition)}.segmented-option.active{background:var(--surface);color:var(--primary-hover);box-shadow:var(--shadow-sm)}.segmented-badge{min-width:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-style:normal;font-size:var(--fs-xs);font-weight:700;line-height:18px}.stepper{flex-shrink:0;display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-sm);background:var(--primary)}.stepper button{width:var(--tap-sm);height:var(--tap-sm);display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ffffff2e;color:#fff;cursor:pointer}.stepper button:active{transform:scale(.9)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper span{min-width:26px;text-align:center;font-weight:700;font-size:var(--fs-base);color:#fff}.dept-pill{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:4px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#6366f11f;color:var(--primary-hover)}.dept-pill.bar{background:#d9770621;color:#b45309}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-sm);padding:clamp(1.75rem,8vw,3rem) 1rem;color:var(--text-muted);text-align:center;grid-column:1 / -1}.empty-state h3{font-size:var(--fs-lg);color:var(--text-main)}.empty-state p{font-size:var(--fs-sm)}.inline-warning{display:flex;align-items:flex-start;gap:var(--gap-sm);padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.4);background:#f59e0b1a;color:#92400e;font-size:var(--fs-sm);line-height:1.4}.inline-warning svg{flex-shrink:0;margin-top:1px}.spin{animation:spin-360 1s linear infinite}@keyframes spin-360{to{transform:rotate(360deg)}}.payment-print-toggle{display:flex;align-items:center;gap:var(--gap-sm);min-height:var(--tap);padding:0 .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--background);color:var(--text-main);font-size:var(--fs-sm);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.payment-print-toggle input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}@media(max-width:768px){.main-content button,.main-content [role=button]{min-height:40px;padding-inline:max(.6rem,var(--btn-pad-x, .6rem))}.main-content button:has(>svg:only-child){min-width:40px;padding-inline:0}.main-content .stepper button{min-height:var(--tap-sm);min-width:var(--tap-sm);padding-inline:0}}@media(max-width:768px){.main-content *{min-width:0}.main-content{overflow-wrap:break-word}}@media(max-width:768px){.menu-item-actions,.card-actions,.row-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:768px){.main-content h1{margin-bottom:.2rem!important}.main-content h1+p{font-size:var(--fs-sm)!important;color:var(--text-muted);line-height:1.4;margin:0 0 var(--gap-md)!important}.main-content .card,.main-content .premium-card{border-radius:var(--radius-md)!important}.main-content .dashboard-header,.main-content .page-header{margin-bottom:var(--gap-md)!important}}@media(max-width:768px){.dashboard-tabs{display:flex;gap:var(--gap-xs);padding:4px;border:none;border-radius:var(--radius-md);background:#64748b1a;margin-bottom:var(--gap-md);overflow-x:auto;scrollbar-width:none}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{flex:1 0 auto;justify-content:center;min-height:var(--tap);padding:0 .8rem!important;border:none!important;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.dashboard-tab.active{background:var(--surface);color:var(--primary-hover);box-shadow:var(--shadow-sm)}}.settings-form{display:flex;flex-direction:column;gap:var(--gap-md);max-width:460px}.settings-field{display:flex;flex-direction:column;gap:var(--gap-xs)}.settings-field span{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.settings-field input{min-height:var(--control-h);padding:0 .9rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:16px}.settings-form-message{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.menu-item-card.is-editable{cursor:pointer}.menu-item-card.is-editable:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.menu-item-card.is-editable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:768px){.menu-item-actions{flex-direction:row;align-items:center;gap:var(--gap-xs)}.menu-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}}:root{--app-bar-h: 3.75rem}.brand-mark{display:flex;align-items:center;gap:.625rem;min-width:0}.brand-mark-tile{flex-shrink:0;display:grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:11px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.02em;box-shadow:0 3px 10px var(--ring)}.brand-mark-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.brand-mark-name{font-size:var(--fs-md);font-weight:700;color:var(--text-main);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark-sub{font-size:var(--fs-xs);font-style:normal;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark-lg .brand-mark-tile{width:2.5rem;height:2.5rem;border-radius:13px;font-size:.95rem}.brand-mark-lg .brand-mark-name{font-size:var(--fs-lg)}.desktop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.desktop-header-left{flex:1;min-width:0}.desktop-header-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}@media(max-width:1024px){.desktop-header{display:none!important}}@media(max-width:1024px){.mobile-header{display:flex!important;position:fixed;top:0;left:0;right:0;height:var(--app-bar-h);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);padding:0 .75rem;gap:.625rem;align-items:center;justify-content:flex-start;z-index:40;padding-top:env(safe-area-inset-top,0px);height:calc(var(--app-bar-h) + env(safe-area-inset-top,0px))}.mobile-header .brand-mark{flex:1;min-width:0}.app-bar-menu{flex-shrink:0;display:grid;place-items:center;width:var(--tap);height:var(--tap);margin-right:-.25rem;border:none;border-radius:12px;background:transparent;color:var(--text-main);cursor:pointer;transition:background .15s ease,transform .12s ease}.app-bar-menu:active{background:var(--background);transform:scale(.94)}.app-bar-avatar{flex-shrink:0;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--background);border:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-sm);font-weight:700}.main-content{padding-top:calc(var(--app-bar-h) + env(safe-area-inset-top,0px) + var(--page-pad))!important}}@media(max-width:768px){.main-content{padding:var(--page-pad)!important;padding-top:calc(var(--app-bar-h) + env(safe-area-inset-top,0px) + var(--page-pad))!important}}.sidebar-scrim{position:fixed;inset:0;z-index:45;background:#0f172a73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .15s ease}.sidebar-header{gap:var(--gap-sm)}.sidebar-header .brand-mark{min-width:0}#close-sidebar{display:none}@media(max-width:1024px){#close-sidebar{display:grid;flex-shrink:0}.sidebar{padding-top:calc(1.25rem + env(safe-area-inset-top,0px))}}.sidebar-link{position:relative}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:1.25rem;border-radius:0 3px 3px 0;background:#fff}.sidebar-logout{width:100%;border:none;background:none;cursor:pointer;text-align:left;color:var(--accent)}.sidebar-logout:hover{background:#f43f5e14;color:var(--accent)}@media print{.mobile-header,.sidebar,.sidebar-scrim{display:none!important}.main-content{padding:0!important}}.menu-admin{display:flex;flex-direction:column;gap:var(--gap-md);padding-bottom:5rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-md);flex-wrap:wrap}.page-head h1{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.15}.page-head p{margin-top:2px;font-size:var(--fs-sm);color:var(--text-muted)}.page-head-nested{align-items:center;flex-wrap:wrap;gap:.75rem}.page-head-title{flex:1;min-width:140px}.page-head-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-head-actions{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}@media(max-width:520px){.page-head-nested{flex-wrap:wrap;align-items:flex-start}.page-head-actions{width:100%;justify-content:flex-end}.page-head-actions .btn{flex:1;justify-content:center;padding:.5rem .75rem;font-size:var(--fs-xs);white-space:nowrap}}.menu-search{display:flex;align-items:center;gap:var(--gap-sm);height:var(--control-h);padding:0 .875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);transition:border-color .15s ease,box-shadow .15s ease}.menu-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.menu-search input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:var(--fs-base);color:var(--text-main);padding:0;margin:0;height:100%}.menu-search button{display:grid;place-items:center;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:4px}.drag-hint{display:flex;align-items:center;gap:var(--gap-xs);font-size:var(--fs-xs);color:var(--text-muted)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--gap-sm)}.cat-card{display:flex;align-items:center;gap:var(--gap-sm);width:100%;min-height:76px;padding:.875rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.cat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.cat-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cat-card.is-dragging{opacity:.5;transform:scale(.97)}.cat-card.is-drop-target{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.cat-card-icon{flex-shrink:0;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:13px;background:#6366f11a;color:var(--primary)}.cat-card-icon.bar{background:#d977061f;color:#b45309}.cat-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cat-card-name{font-size:var(--fs-md);font-weight:650;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-card-meta{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--fs-xs);color:var(--text-muted)}.cat-card-soldout{font-style:normal;font-weight:600;color:var(--accent)}.cat-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.cat-card-chevron{flex-shrink:0;color:var(--text-muted);opacity:.5}@media(max-width:480px){.cat-card{padding:.75rem .625rem;gap:.5rem}.cat-card-icon{width:2.25rem;height:2.25rem;border-radius:10px}.cat-card-name{font-size:var(--fs-base)}.cat-card-actions{gap:1px}.cat-card-actions .icon-btn{width:2rem;height:2rem;padding:0}.cat-card .dept-pill{padding:2px 6px;font-size:.65rem}}.cat-card-add{border-style:dashed;background:transparent;box-shadow:none;color:var(--text-muted)}.cat-card-add .cat-card-icon{background:var(--background);color:var(--text-muted)}.cat-card-add:hover{border-color:var(--primary);color:var(--primary)}.cat-card-add:hover .cat-card-icon{background:#6366f11a;color:var(--primary)}.menu-section{display:flex;flex-direction:column;gap:var(--gap-sm)}.menu-section-head{display:flex;align-items:center;gap:var(--gap-sm);padding-top:var(--gap-xs)}.menu-section-title{font-size:var(--fs-md);font-weight:650;color:var(--text-main)}.menu-section-count{display:grid;place-items:center;min-width:1.375rem;height:1.375rem;padding:0 6px;border-radius:999px;background:var(--background);border:1px solid var(--border);font-size:var(--fs-xs);font-weight:700;color:var(--text-muted)}.menu-section-actions{display:flex;align-items:center;gap:var(--gap-xs);margin-left:auto}.menu-section-empty{padding:1.25rem;border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.menu-row-list{display:flex;flex-direction:column;gap:6px}.menu-row{display:flex;align-items:center;gap:var(--gap-sm);padding:.625rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);touch-action:pan-y;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.menu-row.is-dragging{opacity:.5}.menu-row.is-drop-target{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.menu-row.is-sold-out{background:repeating-linear-gradient(-45deg,var(--background) 0 8px,var(--surface) 8px 16px)}.menu-row.is-sold-out .menu-row-name{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--accent)}.menu-row-grip{flex-shrink:0;display:grid;place-items:center;color:var(--border);cursor:grab}.menu-row-thumb{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:10px;object-fit:cover;background:var(--background)}.menu-row-thumb-empty{display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--border)}.menu-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.menu-row-name{font-size:var(--fs-base);font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-row-meta{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--text-muted)}.menu-row-meta strong{font-size:var(--fs-sm);font-weight:700;color:var(--text-main)}.menu-row-meta em{display:inline-flex;align-items:center;gap:3px;font-style:normal}.dept-pill.is-muted{background:var(--background);color:var(--text-muted);border:1px solid var(--border)}.menu-row-actions{display:flex;align-items:center;gap:var(--gap-xs);flex-shrink:0}.avail-switch{display:inline-flex;align-items:center;gap:6px;height:var(--tap-sm);padding:0 8px 0 6px;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.avail-switch-track{position:relative;display:block;width:30px;height:18px;border-radius:999px;background:var(--border);transition:background .18s ease}.avail-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.4,0,.2,1)}.avail-switch-label{font-size:var(--fs-xs);font-weight:700;color:var(--text-muted);min-width:1.25rem;text-align:center}.avail-switch.on .avail-switch-track{background:#16a34a}.avail-switch.on .avail-switch-knob{transform:translate(12px)}.avail-switch.on .avail-switch-label{color:#15803d}.avail-switch.off{border-color:#f43f5e59;background:#f43f5e0f}.avail-switch.off .avail-switch-label{color:var(--accent)}.avail-switch:disabled{opacity:.55;cursor:wait}.field-hint{margin:-.35rem 0 .6rem;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.check-row{display:flex;align-items:flex-start;gap:var(--gap-sm);padding:.75rem;margin:.5rem 0 0;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.check-row input{width:auto!important;min-height:0!important;margin:2px 0 0!important;flex-shrink:0}.check-row span{display:flex;flex-direction:column;gap:2px}.check-row strong{font-size:var(--fs-sm);font-weight:600;color:var(--text-main)}.check-row em{font-style:normal;font-size:var(--fs-xs);color:var(--text-muted)}.modal-actions{display:flex;gap:var(--gap-sm);margin-top:1.25rem}.modal-actions .btn{flex:1;justify-content:center}.modal-tall{max-height:90vh;overflow-y:auto}.menu-admin .segmented{margin-bottom:.5rem}.menu-modal-surface{width:92%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;padding:0!important;border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a;background:var(--surface);border:1px solid var(--border);animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);margin:auto}.menu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.menu-modal-header h3{margin:0!important;font-size:1.125rem!important;font-weight:700!important;color:var(--text-main)!important;line-height:1.25!important}.menu-modal-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.menu-modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.75rem}.menu-modal-body .form-group{display:flex;flex-direction:column;gap:.25rem}.menu-modal-body label{font-size:.8125rem!important;font-weight:650!important;color:var(--text-main)!important;margin:0!important;display:block!important}.menu-modal-body input[type=text],.menu-modal-body input[type=number],.menu-modal-body select,.menu-modal-body textarea{width:100%!important;padding:.5rem .75rem!important;margin:0!important;height:2.5rem!important;border:1px solid var(--border)!important;border-radius:var(--radius-md, 8px)!important;background:var(--background)!important;font-size:.875rem!important;color:var(--text-main)!important;box-sizing:border-box}.menu-modal-body input[type=file].file-input{height:auto!important;padding:.35rem .5rem!important;font-size:.75rem!important;margin-top:.25rem!important}.menu-modal-body .field-hint{margin:.1rem 0 .2rem!important;font-size:.75rem!important;color:var(--text-muted)!important;line-height:1.3!important}.menu-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:480px){.menu-modal-grid{grid-template-columns:1fr;gap:.75rem}.menu-modal-body{padding:.875rem 1rem;gap:.65rem}}.menu-modal-footer{display:flex;align-items:center;gap:var(--gap-sm, .75rem);padding:.875rem 1.25rem;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.menu-modal-footer .btn{flex:1;justify-content:center;height:2.5rem}.table-tile,.table-qr-card{touch-action:pan-y}.table-tile.is-dragging,.table-qr-card.is-dragging{opacity:.5;transform:scale(.97)}.table-tile.is-drop-target,.table-qr-card.is-drop-target{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--ring)!important}.table-tile{position:relative}.table-tile-grip{position:absolute;top:6px;right:6px;display:grid;place-items:center;color:var(--text-muted);opacity:.35;pointer-events:none}.table-card-grip{display:grid;place-items:center;color:var(--border);cursor:grab;margin-right:2px}.table-card-header{display:flex;align-items:center;gap:var(--gap-sm)}.table-card-header>div{flex:1;min-width:0}.fast-item-row.unavailable{opacity:1;background:repeating-linear-gradient(-45deg,var(--background) 0 8px,var(--surface) 8px 16px);border-color:var(--border)}.fast-item-row.unavailable .fast-item-name{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--accent)}.fast-item-soldout{flex-shrink:0;display:grid;place-items:center;min-width:var(--tap);height:var(--tap);padding:0 .5rem;border-radius:var(--radius-sm);background:#f43f5e1a;color:var(--accent);font-size:var(--fs-sm);font-weight:800;letter-spacing:.02em}.report-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap;margin-bottom:var(--gap-sm)}.report-card-head h3{margin:0}.report-toggle{margin:0;flex-shrink:0}.report-toggle .segmented-option{font-size:var(--fs-xs);padding:0 .7rem;min-height:var(--tap-sm)}.report-row-sub{display:block;font-style:normal;font-size:var(--fs-xs);color:var(--text-muted);margin-top:1px}@media(max-width:640px){.expenses-landing-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.expenses-landing-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.exp-btn-clear-header,.expenses-filter-btn{white-space:nowrap!important;flex-shrink:0!important}.exp-log-header-bar{padding:1rem!important;gap:.75rem!important}.exp-log-toolbar{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.exp-log-search-wrapper{width:100%!important}.exp-log-actions-group{display:flex!important;width:100%!important;gap:.5rem!important;align-items:center!important}.exp-log-select{flex:1!important;min-width:0!important;width:100%!important}.exp-log-refresh-btn{flex-shrink:0!important}}.desktop-panel{display:none}.desktop-panel h2{margin:0;font-size:var(--fs-lg);font-weight:700}.panel-sub{font-size:var(--fs-xs);color:var(--text-muted)}.panel-lines{display:flex;flex-direction:column;max-height:44vh;overflow-y:auto}.panel-line{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) 0;border-bottom:1px solid var(--border)}.panel-line:last-child{border-bottom:none}.panel-line-info{flex:1;min-width:0;display:flex;flex-direction:column}.panel-line-name{font-weight:600;font-size:var(--fs-sm);line-height:1.3;overflow-wrap:anywhere}.panel-line-price{font-size:var(--fs-xs);color:var(--text-muted)}.panel-empty{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:2rem .5rem;color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.panel-row{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-sm);color:var(--text-muted)}.panel-row strong{color:var(--text-main);font-size:var(--fs-base)}.panel-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--gap-sm);border-top:1px solid var(--border);font-weight:700}.panel-total strong{font-size:var(--fs-xl)}.panel-cta{width:100%;min-height:var(--control-h);font-size:var(--fs-md);font-weight:700;border-radius:var(--radius-sm)}.panel-secondary{width:100%;min-height:var(--tap);border-radius:var(--radius-sm)}@media(min-width:1024px){.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--gap-lg);align-items:start}.desktop-panel{display:flex;flex-direction:column;gap:var(--gap-md);position:sticky;top:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-lg);box-shadow:var(--shadow-md)}.table-action-bar.hide-on-desktop{display:none}.segmented{max-width:460px}.fast-search{max-width:480px}.fast-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:var(--gap-sm)}.fast-group-title,.fast-section-heading{grid-column:1 / -1}.fast-item-row{border-radius:var(--radius-md)}.admin-menu-header h1,.recent-page-title h1,.table-order-title h1{font-size:var(--fs-2xl)!important;font-weight:700}.recent-page-title span,.table-order-title span{font-size:var(--fs-sm)}.recent-hub-grid{grid-template-columns:repeat(2,minmax(0,280px));gap:var(--gap-md)}.table-order-ticket{max-width:720px}}:root{--grad-brand: linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #a855f7 100%);--grad-brand-soft: linear-gradient(135deg, rgba(99, 102, 241, .12) 0%, rgba(168, 85, 247, .1) 100%);--grad-surface: linear-gradient(160deg, #ffffff 0%, #fbfaff 100%);--grad-page: radial-gradient(1200px 600px at 10% -10%, rgba(99, 102, 241, .1) 0%, transparent 60%), radial-gradient(900px 500px at 100% 0%, rgba(168, 85, 247, .08) 0%, transparent 55%);--grad-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-warn: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--grad-danger: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--ring-brand: 0 0 0 3px rgba(99, 102, 241, .18);--shadow-brand: 0 8px 20px -8px rgba(99, 102, 241, .55);--shadow-soft: 0 2px 10px -4px rgba(15, 23, 42, .1);--radius-lg: 18px}body{background-color:var(--background);background-image:var(--grad-page);background-attachment:fixed;background-repeat:no-repeat}.card{background-image:var(--grad-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.btn-primary,.fast-add-btn,.panel-cta,.action-cta,.cta{background-image:var(--grad-brand);border:none;box-shadow:var(--shadow-brand)}.btn-primary:hover,.panel-cta:hover{filter:brightness(1.06)}.btn-primary:disabled,.fast-add-btn:disabled{background-image:none;box-shadow:none}.mobile-header{background-image:var(--grad-surface);box-shadow:var(--shadow-soft)}.app-bar-avatar,.sidebar-avatar,.sidebar-link.active{background-image:var(--grad-brand);color:#fff;box-shadow:var(--shadow-brand)}.sidebar-link.active svg{color:#fff}.segmented-option.active{background-image:var(--grad-brand);color:#fff;box-shadow:var(--shadow-brand)}.segmented-option.active svg{color:#fff}.fast-dept-tab.active .fast-dept-ring{background-image:var(--grad-brand);border-color:transparent;color:#fff;box-shadow:var(--shadow-brand)}.fast-category-tile{background-image:var(--grad-surface);border-radius:var(--radius-lg)}.fast-category-tile:hover,.fast-category-tile:focus-visible{border-color:transparent;box-shadow:var(--shadow-brand),var(--ring-brand)}.fast-category-tile svg{background-image:var(--grad-brand-soft)}.fast-category-tile.quick{background-image:var(--grad-brand-soft);border-color:transparent}.fast-item-row{background-image:var(--grad-surface)}.fast-item-row.in-cart{border-color:transparent;background-image:var(--grad-brand-soft);box-shadow:var(--ring-brand)}.fast-item-row.unavailable .fast-item-name{text-decoration:line-through;text-decoration-color:var(--accent)}.stat-card .icon-box{background-image:var(--grad-brand-soft)}.panel-total,.customer-stat strong{color:var(--primary)}.customer-repeat,.badge-success{background-image:var(--grad-success);color:#fff}.badge-warning{background-image:var(--grad-warn);color:#fff}.badge-danger,.badge-error{background-image:var(--grad-danger);color:#fff}.table-order-voids{background-image:linear-gradient(135deg,#f43f5e1a,#f43f5e08)}.table-tile{background-image:var(--grad-surface);border-radius:var(--radius-lg)}.table-tile.occupied,.table-tile.booked{background-image:var(--grad-brand-soft);border-color:transparent}.table-action-bar,.actionbar{background-image:var(--grad-surface);box-shadow:0 -6px 20px -10px #0f172a40}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:none;box-shadow:var(--ring-brand);border-color:var(--primary)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.order-grid{gap:var(--gap-md, .85rem)}.order-card.kitchen-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);background-image:var(--grad-surface);box-shadow:var(--shadow-soft);transition:transform .14s ease,box-shadow .14s ease}.order-card.kitchen-card:before{content:"";position:absolute;inset:0 0 auto;height:42%;background:linear-gradient(180deg,#ffffffbf,#fff0);pointer-events:none}.order-card.kitchen-card>*{position:relative}.order-card.kitchen-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.order-card-table{font-size:clamp(1.15rem,1rem + 1vw,1.5rem);font-weight:800;letter-spacing:-.01em}.order-card-id{font-variant-numeric:tabular-nums;opacity:.7}.kitchen-status-pill{border-radius:999px;padding:2px 8px;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.order-card-items{white-space:pre-wrap;font-size:var(--fs-md);line-height:1.55;font-variant-numeric:tabular-nums}.order-card-completed{opacity:.72}.order-card-completed:before{opacity:.4}.kitchen-advance-btn{background-image:var(--grad-brand);border:none;box-shadow:var(--shadow-brand)}.order-card.kitchen-card.is-overdue{box-shadow:var(--shadow-soft),0 0 0 2px #f43f5e59}.stat-card{background-image:var(--grad-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.stat-card .icon-box{border-radius:14px}.stat-value{font-variant-numeric:tabular-nums;font-weight:800}.dashboard-tab.active{background-image:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-brand)}.dashboard-tab.active svg{color:#fff}.btn-primary,.panel-cta,.action-cta,.intercom-answer{position:relative;overflow:hidden}.btn-primary:after,.panel-cta:after,.action-cta:after,.intercom-answer:after{content:"";position:absolute;inset:0 0 auto;height:50%;background:linear-gradient(180deg,#ffffff47,#fff0);pointer-events:none}.expenses-page-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:.5rem 0 2rem}.expenses-subnav-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;padding:.5rem .85rem;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:14px;box-shadow:0 4px 12px -2px #0f172a0a}.expenses-back-btn{display:inline-flex;align-items:center;gap:6px;padding:.45rem .85rem;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:10px;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all .2s ease}.expenses-back-btn:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8;transform:translate(-2px)}.expenses-view-badge{display:inline-flex;align-items:center;gap:6px;padding:.4rem .85rem;border-radius:10px;font-size:var(--fs-sm);font-weight:600;color:#fff;box-shadow:0 3px 8px #00000014}.expenses-view-badge.inventory-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.expenses-view-badge.other-badge{background:linear-gradient(135deg,#ec4899,#a855f7)}.expenses-landing-container{padding:.25rem 0}.expenses-landing-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.expenses-landing-header{margin-bottom:0;text-align:left}.landing-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#6366f11a;color:#6366f1;border-radius:16px;font-size:var(--fs-xs);font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.landing-title{font-size:var(--fs-lg);font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-bottom:.35rem}.landing-description{font-size:var(--fs-sm);color:#64748b;max-width:550px;line-height:1.45}.expenses-landing-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.exp-btn-clear-header{flex:none!important;white-space:nowrap!important;flex-shrink:0!important;padding:.55rem .9rem!important;font-size:var(--fs-sm)!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.expenses-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:.55rem 1.15rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:var(--fs-sm);font-weight:600;color:#1e293b;box-shadow:0 2px 8px #0f172a0a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.expenses-filter-btn:hover{border-color:#6366f1;color:#6366f1;box-shadow:0 4px 14px #6366f126;transform:translateY(-1px)}.expenses-filter-btn.active{background:#6366f10f;border-color:#6366f1;color:#4f46e5;font-weight:700}.expenses-filter-active-dot{width:8px;height:8px;border-radius:50%;background-color:#6366f1;display:inline-block}.exp-filter-modal-overlay{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:fadeIn .2s ease-out}.exp-filter-modal-card{background:#fff;border-radius:24px;padding:1.65rem 1.65rem 1.5rem;width:100%;max-width:420px;box-shadow:0 24px 48px -12px #0f172a38,0 0 0 1px #e2e8f0cc;position:relative;animation:modalScaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.exp-filter-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.35rem;padding-bottom:.25rem}.exp-modal-title-group{display:flex;align-items:center;gap:10px}.exp-modal-header-icon{color:#6366f1;stroke-width:2.2}.exp-modal-title-text{font-size:var(--fs-lg);font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0}.exp-filter-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.exp-filter-close-btn:hover{background:#f1f5f9;color:#0f172a}.exp-filter-field{margin-bottom:1.25rem}.exp-field-label{display:block;font-size:var(--fs-sm);font-weight:700;color:#334155;margin-bottom:.5rem}.exp-select-wrapper{position:relative;width:100%}.exp-category-select{width:100%;padding:.75rem 1rem;border-radius:12px;border:1.5px solid #e2e8f0;background-color:#fff;font-size:var(--fs-base);font-weight:600;color:#1e293b;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all .2s ease}.exp-category-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.exp-select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.exp-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.exp-quick-btn{padding:.75rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#334155;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.exp-quick-btn:hover{border-color:#cbd5e1;background:#f8fafc}.exp-quick-btn.active{border-color:#6366f1;background:#6366f10a;color:#4f46e5;font-weight:700;box-shadow:0 2px 8px #6366f11f}.exp-date-field{margin-bottom:1.25rem}.exp-date-input-wrapper{position:relative;width:100%}.exp-date-input{width:100%;padding:.75rem 2.6rem .75rem 1rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;font-size:var(--fs-base);color:#1e293b;font-weight:500;outline:none;transition:all .2s ease;font-family:inherit}.exp-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.exp-date-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#0f172a;pointer-events:none}.exp-filter-modal-footer{display:flex;gap:.85rem;margin-top:1.75rem;align-items:center}.exp-btn-clear{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.8rem 1rem;border-radius:14px;border:1.5px solid #e2e8f0;background:#fff;color:#334155;font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:all .2s ease}.exp-btn-clear:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.exp-btn-apply{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.8rem 1rem;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:var(--fs-base);font-weight:700;cursor:pointer;box-shadow:0 4px 14px #6366f159;transition:all .2s ease}.exp-btn-apply:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.expense-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.expense-category-card{position:relative;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:1.15rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;cursor:pointer;box-shadow:0 4px 15px -3px #0f172a0a;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.expense-category-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px -6px #6366f133;border-color:#6366f166}.category-card-glow{position:absolute;top:-35px;right:-35px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);pointer-events:none}.category-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.category-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -2px #6366f140;transition:transform .25s ease}.expense-category-card:hover .category-icon-wrapper{transform:scale(1.06)}.inventory-icon-bg{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.other-icon-bg{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff}.category-tag{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;background:#f1f5f9;color:#475569;border-radius:14px}.category-card-body h2{font-size:var(--fs-md);font-weight:700;color:#0f172a;margin-bottom:.35rem}.category-card-body p{font-size:var(--fs-sm);color:#64748b;line-height:1.45;margin-bottom:.75rem}.category-card-footer{margin-top:auto;padding-top:.6rem;border-top:1px dashed #e2e8f0}.action-link-text{font-size:var(--fs-sm);font-weight:600;color:#6366f1;transition:color .2s ease}.expense-category-card:hover .action-link-text{color:#4f46e5}.other-expenses-container{display:flex;flex-direction:column;gap:1.5rem}.other-expenses-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.other-expenses-title{font-size:var(--fs-xl);font-weight:800;color:#0f172a;letter-spacing:-.02em}.other-expenses-subtitle{font-size:var(--fs-base);color:#64748b;margin-top:2px}.add-expense-btn{display:inline-flex;align-items:center;gap:8px;padding:.75rem 1.4rem;background:var(--grad-brand, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:#fff;border:none;border-radius:14px;font-weight:700;font-size:var(--fs-base);cursor:pointer;box-shadow:0 8px 20px -6px #6366f180;transition:all .2s ease}.add-expense-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -6px #6366f199;filter:brightness(1.05)}.other-expenses-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.expense-metric-card{display:flex;align-items:center;gap:1.25rem;background:#fff;padding:1.25rem 1.5rem;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 4px 14px -2px #0f172a08}.expense-metric-card.primary .metric-icon-box{background:#6366f11f;color:#6366f1}.expense-metric-card.secondary .metric-icon-box{background:#a855f71f;color:#a855f7}.metric-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.metric-label{font-size:var(--fs-sm);font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.metric-value{font-size:var(--fs-lg);font-weight:800;color:#0f172a;line-height:1.2;margin-top:2px}.other-expenses-card-container{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 10px 30px -10px #0f172a0d;overflow:hidden}.card-header-bar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.exp-log-header-bar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center}.exp-log-title-group{display:flex;align-items:center;gap:8px}.exp-log-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.exp-log-search-wrapper{position:relative;width:220px}.exp-log-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.exp-log-search-input{width:100%;height:38px;padding:0 .6rem 0 2rem;border-radius:10px;border:1px solid #cbd5e1;font-size:var(--fs-sm);outline:none;background:#fff;color:#334155;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.exp-log-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.exp-log-actions-group{display:flex;align-items:center;gap:.5rem}.exp-log-select{height:38px;padding:0 .75rem;border-radius:10px;border:1px solid #cbd5e1;font-size:var(--fs-sm);background:#fff;font-weight:600;color:#334155;outline:none;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease}.exp-log-select:focus{border-color:#6366f1}.exp-log-refresh-btn{height:38px;width:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease;flex-shrink:0;box-sizing:border-box}.card-header-title{font-size:var(--fs-md);font-weight:700;color:#0f172a}.refresh-icon-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:6px;border-radius:8px;cursor:pointer;transition:all .2s ease}.refresh-icon-btn:hover{background:#f1f5f9;color:#0f172a}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expenses-loading-state,.expenses-empty-state{padding:3.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}.empty-icon-circle{width:64px;height:64px;border-radius:50%;background:#f8fafc;color:#94a3b8;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.expenses-empty-state h3{font-size:var(--fs-md);font-weight:700;color:#334155;margin-bottom:.4rem}.expenses-empty-state p{font-size:var(--fs-sm);color:#64748b;max-width:400px;margin-bottom:1.25rem}.add-expense-btn-sm{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.1rem;background:#6366f1;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:var(--fs-sm);cursor:pointer}.expenses-table-wrapper{overflow-x:auto}.expenses-table{width:100%;border-collapse:collapse;text-align:left}.expenses-table th{background:#f8fafc;padding:.9rem 1.25rem;font-size:var(--fs-xs);font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.expenses-table td{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.expense-row:hover{background:#f8fafc}.expense-title-text{font-weight:600;color:#0f172a;font-size:var(--fs-base)}.expense-cost-badge{display:inline-block;padding:4px 10px;background:#10b9811a;color:#059669;font-weight:700;font-size:var(--fs-sm);border-radius:8px}.expense-date-text{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:#64748b}.date-icon{color:#94a3b8}.action-buttons-group{display:inline-flex;align-items:center;gap:8px}.action-btn{display:inline-flex;align-items:center;gap:4px;padding:.4rem .75rem;border-radius:8px;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.edit-btn{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.edit-btn:hover{background:#dbeafe;color:#1d4ed8}.delete-btn{background:#fef2f2;color:#ef4444;border-color:#fecaca}.delete-btn:hover{background:#fee2e2;color:#dc2626}.expense-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.expense-modal-content{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:1.75rem;box-shadow:0 25px 50px -12px #00000040;animation:modalPop .25s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.expense-modal-header h2{font-size:var(--fs-lg);font-weight:800;color:#0f172a}.close-modal-btn{background:#f1f5f9;border:none;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-modal-btn:hover{background:#e2e8f0;color:#0f172a}.expense-modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:var(--fs-sm);font-weight:700;color:#334155}.required-star{color:#ef4444}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:12px;font-size:var(--fs-base);color:#0f172a;background:#fff;transition:all .2s ease;outline:none}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.expense-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.modal-btn{padding:.65rem 1.25rem;border-radius:12px;font-size:var(--fs-sm);font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.secondary-btn{background:#f1f5f9;color:#475569}.secondary-btn:hover{background:#e2e8f0;color:#0f172a}.primary-btn{background:var(--grad-brand, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:#fff;box-shadow:0 4px 12px -2px #6366f166}.primary-btn:hover{filter:brightness(1.06)}@media(max-width:640px){.expense-cards-grid{grid-template-columns:1fr}.expenses-subnav-bar{flex-direction:column;align-items:stretch}.expenses-view-tabs{width:100%;justify-content:center}.expenses-tab-btn{flex:1;justify-content:center}.action-buttons-group .btn-label{display:none}}.hr-page .dashboard-header{margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.hr-page .dashboard-header h1{margin:0 0 .2rem;font-size:var(--fs-xl);font-weight:700}.hr-page .dashboard-header p{margin:0;font-size:var(--fs-sm)}.hr-header-actions{display:flex;align-items:center;gap:.5rem;background:var(--surface, #ffffff);padding:.35rem .55rem;border-radius:12px;border:1px solid var(--border, #e2e8f0);box-shadow:0 1px 3px #0000000a;flex-shrink:0}.hr-live-toggle{display:flex;align-items:center;gap:.35rem;font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem .45rem;border-radius:8px;background:#6366f112;white-space:nowrap}.hr-live-toggle input[type=checkbox]{accent-color:var(--primary, #6366f1);cursor:pointer}.hr-page .hr-live-toggle input[type=checkbox]{width:14px;height:14px;margin:0}.hr-header-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem!important;font-size:var(--fs-sm)!important;font-weight:500!important;white-space:nowrap!important;flex-shrink:0!important;border-radius:8px!important}.hr-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;margin-bottom:.85rem}.hr-summary-card{padding:.65rem .75rem;gap:.6rem}.hr-summary-card .icon-box{width:32px;height:32px;min-width:32px;border-radius:9px}.hr-summary-card .icon-box svg{width:16px;height:16px}.hr-summary-card .stat-label{font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-summary-card .stat-value{font-size:var(--fs-md)}.hr-toolbar-card{padding:.65rem .75rem;margin-bottom:.85rem}.hr-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}.hr-view-toggle{display:flex;gap:.4rem;flex-shrink:0}.hr-view-toggle .btn{padding:.4rem .75rem;font-size:var(--fs-sm);white-space:nowrap;flex-shrink:0}.hr-toolbar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hr-search-toggle{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.hr-search-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0}.hr-search-icon-btn:hover,.hr-search-icon-btn.active{color:var(--primary, #6366f1);border-color:var(--primary, #6366f1)}.hr-search-box{display:flex;align-items:center;gap:.5rem;flex:1;min-width:160px;max-width:280px;border:1px solid var(--border);border-radius:10px;padding:.4rem .65rem;color:var(--text-muted)}.hr-search-box input{border:none;outline:none;flex:1;background:transparent;color:var(--text-main);font-size:var(--fs-sm)}.hr-filter-btn{display:inline-flex!important;align-items:center!important;gap:.4rem!important;padding:.4rem .75rem!important;font-size:var(--fs-sm)!important;white-space:nowrap!important;flex-shrink:0!important;min-width:max-content!important}.hr-filter-btn.active{background:var(--primary, #6366f1)!important;color:#fff!important;border-color:var(--primary, #6366f1)!important}.hr-export-group{display:flex;gap:.35rem;flex-shrink:0}.hr-export-btn{display:inline-flex!important;align-items:center!important;gap:.3rem!important;padding:.4rem .65rem!important;font-size:var(--fs-sm)!important;white-space:nowrap!important;flex-shrink:0!important}.hr-live-toggle{display:flex;align-items:center;gap:.35rem;font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.hr-spin{animation:hrSpin 1.6s linear infinite}@keyframes hrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hr-filters-panel{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.85rem}.hr-preset-row{display:flex;flex-wrap:wrap;gap:.5rem}.hr-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.hr-filter-row label{display:block;font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:.25rem}.hr-table-card{padding:0;overflow:hidden}.hr-table-container{overflow-x:auto;padding:1.5rem}.hr-table{width:100%;min-width:900px;border-collapse:collapse}.hr-table th{text-align:left;font-size:var(--fs-sm);color:var(--text-muted);padding:.6rem .75rem;white-space:nowrap;border-bottom:1px solid var(--border)}.hr-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border);font-size:var(--fs-sm);vertical-align:middle}.hr-row{cursor:pointer;transition:background .15s ease}.hr-row:hover{background:var(--background)}.hr-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.hr-sortable-th span{display:inline-flex;align-items:center;gap:.25rem}.hr-online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.hr-mobile-list{display:none;padding:.75rem;flex-direction:column;gap:.5rem}.hr-mobile-list .staff-card-mobile{padding:.65rem .85rem;border-radius:12px}.hr-mobile-list .staff-card-info{margin-bottom:.35rem}.hr-mobile-list .staff-card-info>div:first-child>div:first-child{font-size:var(--fs-sm)}.hr-mobile-list .staff-card-info>div:first-child>div:last-child{font-size:var(--fs-xs)}.hr-mobile-meta{display:flex;flex-wrap:wrap;gap:.4rem .6rem;font-size:var(--fs-xs);color:var(--text-muted);margin-top:.35rem;align-items:center}.hr-mobile-meta .badge{font-size:var(--fs-xs);padding:.15rem .5rem}.hr-pagination{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border)}.hr-pagination-controls{display:flex;align-items:center;gap:.5rem}.hr-pagination-info{font-size:var(--fs-sm);color:var(--text-muted)}.hr-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;z-index:9999;padding:1.5rem;overflow-y:auto}.hr-modal-surface{width:100%;max-width:720px;margin:auto}.hr-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.hr-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0}.hr-detail-stats>div{background:var(--background);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.hr-modal-month-picker{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.hr-modal-month-picker label{font-size:var(--fs-sm);color:var(--text-muted)}.hr-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.hr-calendar-cell{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--background);border-radius:8px;padding:.4rem .2rem;font-size:var(--fs-xs)}.hr-calendar-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.hr-calendar-dot.badge-success{background:#10b981}.hr-calendar-dot.badge-warning{background:#f59e0b}.hr-calendar-dot.badge-info{background:#6366f1}.hr-calendar-dot.badge-danger{background:#e11d48}@media(max-width:900px){.hr-table-container{display:none}.hr-mobile-list{display:flex}.hr-detail-stats{grid-template-columns:1fr}}@media(max-width:640px){.hr-page .dashboard-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.65rem}.hr-header-actions{width:100%;justify-content:space-between;padding:.35rem .5rem}.hr-summary-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.hr-summary-card{padding:.55rem .65rem}.hr-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.hr-view-toggle{width:100%}.hr-view-toggle .btn{flex:1;text-align:center;justify-content:center}.hr-toolbar-right{width:100%;display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.hr-search-toggle{flex-shrink:0}.hr-search-box{max-width:none;flex:1}.hr-filter-btn{flex:1;justify-content:center}.hr-export-group{flex-shrink:0}.hr-export-group .btn{padding:.4rem .5rem}.hr-calendar-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:400px){.hr-summary-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.hr-summary-card .stat-value{font-size:var(--fs-base)}}.hr-logs-page{display:flex;flex-direction:column;gap:.4rem}.hr-logs-back{padding:.3rem .65rem;font-size:var(--fs-xs);margin-bottom:.3rem;border-radius:8px;display:inline-flex;align-items:center;gap:.35rem}.hr-logs-page .dashboard-header{margin-bottom:.25rem}.hr-logs-page .dashboard-header h1{font-size:var(--fs-lg);margin:.1rem 0;font-weight:700;color:var(--text-main)}.hr-logs-page .dashboard-header p{font-size:var(--fs-sm);margin:0}.hr-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.35rem}.hr-summary-card{padding:.45rem .65rem;display:flex;align-items:center;gap:.55rem;border-radius:8px;border:1px solid var(--border);background:var(--card-bg, #fff);transition:transform .15s ease,box-shadow .15s ease}.hr-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.hr-summary-card .icon-box{width:30px;height:30px;min-width:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.hr-summary-card .icon-box svg{width:15px;height:15px}.hr-summary-card .stat-info{display:flex;flex-direction:column;min-width:0}.hr-summary-card .stat-label{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.03em;font-weight:500}.hr-summary-card .stat-value{font-size:var(--fs-md);font-weight:700;line-height:1.2;color:var(--text-main)}.hr-toolbar-card{padding:.4rem .6rem;margin-bottom:.35rem;border-radius:8px}.hr-toolbar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4rem;align-items:center;width:100%}.hr-search-toggle{display:flex;align-items:center;gap:.35rem}.hr-search-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg, #fff);color:var(--text-main);cursor:pointer;transition:all .15s ease;flex-shrink:0}.hr-search-icon-btn:hover,.hr-search-icon-btn.active{border-color:var(--primary, #6366f1);color:var(--primary, #6366f1);background:#6366f114}.hr-search-box{display:flex;align-items:center;gap:.35rem;width:260px;max-width:100%;border:1px solid var(--border);border-radius:8px;padding:.3rem .55rem;background:var(--card-bg, #fff);color:var(--text-muted);box-shadow:0 2px 6px #0000000a;animation:fadeInSearch .15s ease-out forwards}@keyframes fadeInSearch{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.hr-search-box:focus-within{border-color:var(--primary, #6366f1);box-shadow:0 0 0 2px #6366f126;background:var(--card-bg, #fff)}.hr-search-box input{border:none;outline:none;flex:1;min-width:0;background:transparent;color:var(--text-main);font-size:var(--fs-sm)}.hr-search-clear{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:.1rem;border-radius:4px}.hr-search-clear:hover{color:var(--text-main);background:#0000000d}.hr-toolbar-btn{padding:.35rem .65rem;font-size:var(--fs-xs);height:34px;border-radius:8px;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;flex:0 0 auto}.hr-filter-badge-count{background:var(--primary, #6366f1);color:#fff;font-size:var(--fs-xs);font-weight:700;padding:.05rem .35rem;border-radius:999px;line-height:1}.hr-filters-panel{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.hr-filter-section{display:flex;flex-direction:column;gap:.35rem;background:var(--background, #f8fafc);padding:.5rem .65rem;border-radius:8px;border:1px solid rgba(0,0,0,.03)}.hr-filter-section-title{display:flex;align-items:center;gap:.35rem;font-size:var(--fs-xs);font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.03em}.hr-preset-row{display:flex;flex-wrap:wrap;gap:.35rem}.hr-preset-row .btn{padding:.25rem .55rem;font-size:var(--fs-xs);border-radius:6px}.hr-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}.hr-filter-row label{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.02em}.hr-filter-row select,.hr-filter-row input[type=date]{width:100%;padding:.3rem .5rem;font-size:var(--fs-xs);border-radius:6px;border:1px solid var(--border);background:var(--card-bg, #fff);color:var(--text-main)}.hr-logs-card{padding:.85rem 1rem;border-radius:10px}.hr-logs-group{margin-bottom:1rem}.hr-logs-group:last-child{margin-bottom:0}.hr-logs-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.hr-logs-group-title{display:flex;align-items:center;gap:.35rem;font-size:var(--fs-sm);font-weight:700;color:var(--text-main)}.hr-logs-group-count{background:var(--background, #f1f5f9);color:var(--text-muted);border-radius:999px;padding:.1rem .5rem;font-size:var(--fs-xs);font-weight:600;border:1px solid var(--border)}.hr-logs-list{display:flex;flex-direction:column;gap:.45rem}.logcard{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, #fff);transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.logcard:hover{border-color:var(--primary, #6366f1);box-shadow:0 2px 8px #0000000a}.logcard-avatar{position:relative;flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--fs-sm);box-shadow:0 1px 3px #0000001a}.logcard-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--card-bg, #fff)}.logcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.logcard-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.logcard-name-group{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.logcard-name{font-weight:600;font-size:var(--fs-sm);color:var(--text-main);line-height:1.2}.logcard-sub{font-size:var(--fs-xs);color:var(--text-muted)}.logcard-badges{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.logcard-badges .badge{font-size:var(--fs-xs);padding:.12rem .42rem;border-radius:6px;font-weight:600}.logcard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem .75rem;font-size:var(--fs-xs);background:var(--background, #f8fafc);padding:.4rem .65rem;border-radius:6px;border:1px solid rgba(0,0,0,.03)}.logcard-grid>div{display:flex;flex-direction:column;gap:.05rem}.logcard-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600}.logcard-val{font-weight:500;color:var(--text-main);white-space:nowrap}.logcard-footer{display:flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logcard-footer svg{flex-shrink:0;color:var(--text-muted)}.hr-logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2rem 1rem;color:var(--text-muted);text-align:center}.hr-logs-empty p{font-weight:600;color:var(--text-main);margin:0}.hr-logs-empty span{font-size:var(--fs-sm)}.hr-pagination{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;align-items:center;padding:.6rem .2rem 0;margin-top:.5rem;border-top:1px solid var(--border);font-size:var(--fs-xs)}.hr-pagination-controls{display:flex;align-items:center;gap:.4rem}.hr-pagination-controls select{padding:.2rem .4rem;font-size:var(--fs-xs);border-radius:6px;border:1px solid var(--border)}.hr-pagination-controls .btn{padding:.2rem .45rem;font-size:var(--fs-xs)}@media(max-width:900px){.hr-summary-grid,.logcard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hr-summary-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.hr-summary-card{padding:.4rem .5rem;gap:.45rem}.hr-summary-card .icon-box{width:28px;height:28px;min-width:28px}.hr-summary-card .icon-box svg{width:14px;height:14px}.hr-summary-card .stat-label{font-size:var(--fs-xs)}.hr-summary-card .stat-value{font-size:var(--fs-base)}.logcard{flex-direction:column;align-items:stretch;gap:.5rem;padding:.6rem}.logcard-top{flex-direction:column;align-items:flex-start;gap:.35rem}.logcard-badges{align-self:flex-start}.logcard-grid{grid-template-columns:repeat(2,1fr);padding:.35rem .5rem}}@media(max-width:400px){.hr-summary-grid{grid-template-columns:repeat(2,1fr);gap:.35rem}.hr-summary-card{padding:.35rem .45rem}.logcard-grid{grid-template-columns:repeat(2,1fr)}}.footer{background-color:var(--text-main);color:#94a3b8;padding:4rem 2rem 2rem;border-top:1px solid #334155;width:100%}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:4rem;margin-bottom:4rem}@media(max-width:1024px){.footer-container{grid-template-columns:repeat(2,1fr);gap:3rem}}@media(max-width:640px){.footer-container{grid-template-columns:1fr;gap:2.5rem}}.footer-info{display:flex;flex-direction:column;gap:1.25rem}.footer-logo{color:#fff;font-size:var(--fs-xl);font-weight:800;text-decoration:none}.footer-desc{font-size:var(--fs-sm);line-height:1.6}.footer-group{display:flex;flex-direction:column;gap:1.25rem}.footer-group-title{color:#fff;font-size:var(--fs-base);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#94a3b8;text-decoration:none;font-size:var(--fs-sm);transition:var(--transition)}.footer-link:hover{color:#fff}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid #334155;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:var(--fs-sm)}@media(max-width:480px){.footer-bottom{flex-direction:column;text-align:center}}.footer-bottom-links{display:flex;gap:1.5rem}.privacy-page-container{min-height:100vh;background-color:var(--background, #f8fafc);color:var(--text-main, #0f172a);font-family:inherit}.privacy-hero{background:linear-gradient(135deg,#4f46e5,#6366f1,#3b82f6);color:#fff;padding:4rem 1.5rem 3.5rem;text-align:center;position:relative;overflow:hidden}.privacy-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.privacy-hero-inner{max-width:860px;margin:0 auto;position:relative;z-index:1}.privacy-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 16px;border-radius:9999px;font-size:var(--fs-sm);font-weight:600;letter-spacing:.025em;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.3)}.privacy-hero-title{font-size:2.75rem;font-weight:800;margin:0 0 1rem;line-height:1.2;letter-spacing:-.02em}.privacy-hero-subtitle{font-size:var(--fs-md);opacity:.92;max-width:680px;margin:0 auto 1.5rem;line-height:1.6}.privacy-meta-bar{display:inline-flex;align-items:center;gap:16px;font-size:var(--fs-sm);opacity:.85;background:#00000026;padding:6px 18px;border-radius:8px}.privacy-content-wrapper{max-width:1040px;margin:-2rem auto 4rem;padding:0 1.5rem;position:relative;z-index:2;display:grid;grid-template-columns:280px 1fr;gap:2rem}@media(max-width:880px){.privacy-content-wrapper{grid-template-columns:1fr;margin-top:1rem}}.privacy-sidebar{position:sticky;top:90px;height:fit-content;background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003;border:1px solid var(--border-color, #e2e8f0)}.privacy-toc-title{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 .875rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.privacy-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.privacy-toc-link{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:#475569;text-decoration:none;padding:8px 10px;border-radius:8px;transition:all .2s ease;font-weight:500}.privacy-toc-link:hover{background:#eff6ff;color:#2563eb;transform:translate(3px)}.privacy-body{display:flex;flex-direction:column;gap:2rem}.privacy-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 25px -5px #0000000a,0 4px 6px -2px #00000005;border:1px solid var(--border-color, #e2e8f0);scroll-margin-top:100px}.privacy-section-header{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.privacy-icon-box{width:42px;height:42px;border-radius:12px;background:#e0e7ff;color:#4338ca;display:flex;align-items:center;justify-content:center;flex-shrink:0}.privacy-card h2{font-size:var(--fs-lg);font-weight:700;color:#0f172a;margin:0}.privacy-card p{font-size:var(--fs-base);line-height:1.65;color:#334155;margin:0 0 1rem}.privacy-card p:last-child{margin-bottom:0}.privacy-card ul{margin:0 0 1rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.65rem}.privacy-card li{font-size:var(--fs-base);line-height:1.6;color:#334155}.privacy-card strong{color:#0f172a;font-weight:600}.privacy-callout{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:10px;padding:1.15rem;margin:1.25rem 0}.privacy-callout.warning{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #d97706}.privacy-callout-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#14532d;margin-bottom:.4rem;font-size:var(--fs-base)}.privacy-callout.warning .privacy-callout-title{color:#78350f}.privacy-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.25rem 0}.privacy-grid-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.privacy-grid-item h3{font-size:var(--fs-md);font-weight:700;margin:0 0 .5rem;color:#1e293b;display:flex;align-items:center;gap:8px}.privacy-contact-box{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border-radius:16px;padding:2.25rem;text-align:center;box-shadow:0 15px 30px -10px #312e814d}.privacy-contact-box h2{color:#fff;font-size:var(--fs-xl);font-weight:700;margin-bottom:.75rem}.privacy-contact-box p{color:#c7d2fe;max-width:580px;margin:0 auto 1.5rem;font-size:var(--fs-md)}.privacy-contact-button{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#312e81;padding:10px 24px;border-radius:10px;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.privacy-contact-button:hover{background:#e0e7ff;transform:translateY(-2px)}.terms-page-container{min-height:100vh;background-color:var(--background, #f8fafc);color:var(--text-main, #0f172a);font-family:inherit}.terms-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);color:#fff;padding:4rem 1.5rem 3.5rem;text-align:center;position:relative;overflow:hidden}.terms-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.terms-hero-inner{max-width:860px;margin:0 auto;position:relative;z-index:1}.terms-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 16px;border-radius:9999px;font-size:var(--fs-sm);font-weight:600;letter-spacing:.025em;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.25)}.terms-hero-title{font-size:2.75rem;font-weight:800;margin:0 0 1rem;line-height:1.2;letter-spacing:-.02em}.terms-hero-subtitle{font-size:var(--fs-md);opacity:.92;max-width:680px;margin:0 auto 1.5rem;line-height:1.6}.terms-meta-bar{display:inline-flex;align-items:center;gap:16px;font-size:var(--fs-sm);opacity:.85;background:#0003;padding:6px 18px;border-radius:8px}.terms-content-wrapper{max-width:1040px;margin:-2rem auto 4rem;padding:0 1.5rem;position:relative;z-index:2;display:grid;grid-template-columns:280px 1fr;gap:2rem}@media(max-width:880px){.terms-content-wrapper{grid-template-columns:1fr;margin-top:1rem}}.terms-sidebar{position:sticky;top:90px;height:fit-content;background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003;border:1px solid var(--border-color, #e2e8f0)}.terms-toc-title{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 .875rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.terms-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.terms-toc-link{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:#475569;text-decoration:none;padding:8px 10px;border-radius:8px;transition:all .2s ease;font-weight:500}.terms-toc-link:hover{background:#eff6ff;color:#2563eb;transform:translate(3px)}.terms-body{display:flex;flex-direction:column;gap:2rem}.terms-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 25px -5px #0000000a,0 4px 6px -2px #00000005;border:1px solid var(--border-color, #e2e8f0);scroll-margin-top:100px}.terms-section-header{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.terms-icon-box{width:42px;height:42px;border-radius:12px;background:#e0e7ff;color:#3730a3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.terms-card h2{font-size:var(--fs-lg);font-weight:700;color:#0f172a;margin:0}.terms-card p{font-size:var(--fs-base);line-height:1.65;color:#334155;margin:0 0 1rem}.terms-card p:last-child{margin-bottom:0}.terms-card ul{margin:0 0 1rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.65rem}.terms-card li{font-size:var(--fs-base);line-height:1.6;color:#334155}.terms-card strong{color:#0f172a;font-weight:600}.terms-contact-box{background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#fff;border-radius:16px;padding:2.25rem;text-align:center;box-shadow:0 15px 30px -10px #0f172a66}.terms-contact-box h2{color:#fff;font-size:var(--fs-xl);font-weight:700;margin-bottom:.75rem}.terms-contact-box p{color:#cbd5e1;max-width:580px;margin:0 auto 1.5rem;font-size:var(--fs-md)}.terms-contact-button{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0f172a;padding:10px 24px;border-radius:10px;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.terms-contact-button:hover{background:#f1f5f9;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #6366f11a}50%{box-shadow:0 0 30px #6366f140}}.animate-fade-in{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.hero-section{position:relative;padding:6rem 2rem 4rem;max-width:1400px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding:4rem 1.5rem 2rem;gap:3rem}}.hero-content{display:flex;flex-direction:column;gap:1.5rem;z-index:2}.hero-badge{align-self:flex-start;background:#6366f11a;color:var(--primary);padding:.5rem 1rem;border-radius:9999px;font-size:var(--fs-sm);font-weight:600;border:1px solid rgba(99,102,241,.15);display:inline-flex;align-items:center;gap:.5rem}@media(max-width:1024px){.hero-badge{align-self:center}}.hero-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.15;color:var(--text-main);letter-spacing:-.02em}.hero-title span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@media(max-width:640px){.hero-title{font-size:2.5rem}}.hero-subtitle{font-size:var(--fs-md);color:var(--text-muted);line-height:1.6;max-width:580px}@media(max-width:1024px){.hero-subtitle{margin:0 auto}}.hero-actions{display:flex;gap:1rem;margin-top:1rem}@media(max-width:1024px){.hero-actions{justify-content:center}}@media(max-width:480px){.hero-actions{flex-direction:column}}.hero-btn-primary{padding:.875rem 2rem;font-size:var(--fs-md);border-radius:12px;background-color:var(--primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.hero-btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #6366f133}.hero-btn-secondary{padding:.875rem 2rem;font-size:var(--fs-md);border-radius:12px;background-color:var(--surface);color:var(--text-main);border:1px solid var(--border);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.hero-btn-secondary:hover{background-color:var(--background);border-color:var(--text-muted);transform:translateY(-2px)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;animation:float 6s ease-in-out infinite}.glass-mockup{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:1.5rem;width:100%;max-width:540px;box-shadow:0 25px 50px -12px #00000014;position:relative;overflow:hidden;animation:pulse-glow 6s infinite}.mockup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:1rem}.mockup-dots{display:flex;gap:6px}.mockup-dot{width:10px;height:10px;border-radius:50%}.mockup-dot.red{background-color:#ef4444}.mockup-dot.yellow{background-color:#f59e0b}.mockup-dot.green{background-color:#10b981}.mockup-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.mockup-content{display:flex;flex-direction:column;gap:1.25rem}.mockup-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mockup-stat-card{background:#ffffffe6;padding:1rem;border-radius:12px;border:1px solid rgba(0,0,0,.03);text-align:center}.mockup-stat-val{font-size:var(--fs-lg);font-weight:700;color:var(--primary)}.mockup-stat-lbl{font-size:var(--fs-xs);color:var(--text-muted)}.mockup-chart-placeholder{background:#ffffffe6;border-radius:16px;padding:1.5rem;border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;gap:1rem}.chart-bar-container{display:flex;align-items:flex-end;justify-content:space-around;height:120px;padding-top:1rem}.chart-bar{width:28px;background:linear-gradient(to top,var(--primary),rgba(99,102,241,.4));border-radius:6px 6px 0 0;transition:height 1s ease-in-out;position:relative}.chart-bar.accent{background:linear-gradient(to top,var(--accent),rgba(244,63,94,.4))}.chart-bar:after{content:attr(data-value);position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:var(--fs-xs);font-weight:600;color:var(--text-main)}@media(max-width:480px){.glass-mockup{padding:1rem}.mockup-stats-grid{gap:.5rem}.mockup-stat-card{padding:.5rem}.mockup-stat-val{font-size:var(--fs-md)}.mockup-stat-lbl{font-size:var(--fs-xs)}.mockup-chart-placeholder{padding:1rem}.chart-bar-container{height:100px}.chart-bar{width:20px}.chart-bar:after{font-size:var(--fs-xs);top:-16px}}.stats-section{background-color:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 2rem;margin-top:2rem;width:100%}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}@media(max-width:968px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-number{font-size:2.5rem;font-weight:800;color:var(--text-main)}.stat-number span{color:var(--primary)}.stat-label{font-size:var(--fs-base);color:var(--text-muted);font-weight:500}.section-header{text-align:center;max-width:700px;margin:6rem auto 3rem;padding:0 1.5rem}.section-tag{color:var(--primary);font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;display:block}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:1rem;letter-spacing:-.01em}.section-desc{font-size:var(--fs-md);color:var(--text-muted);line-height:1.6}.roles-section{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;width:100%}.tabs-nav{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap}.tab-btn{padding:.75rem 1.5rem;font-size:var(--fs-base);font-weight:600;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.tab-btn:hover{background:var(--background);color:var(--text-main)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px var(--ring)}.tab-content{background:var(--surface);border-radius:24px;padding:3rem;border:1px solid var(--border);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;min-height:400px}@media(max-width:968px){.tab-content{grid-template-columns:1fr;padding:2rem;gap:2rem}}.tab-text{display:flex;flex-direction:column;gap:1.5rem}.tab-role-title{font-size:var(--fs-2xl);font-weight:700;color:var(--text-main)}.tab-role-desc{font-size:var(--fs-md);color:var(--text-muted);line-height:1.6}.tab-features-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.tab-feature-item{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--fs-base);color:var(--text-main)}.tab-feature-icon{color:var(--primary);margin-top:.2rem;flex-shrink:0}.tab-visual{background:var(--background);border-radius:18px;padding:1.5rem;border:1px solid var(--border);height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.role-mockup-item{background:var(--surface);border-radius:12px;padding:1rem;margin-bottom:.75rem;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.role-mockup-item:last-child{margin-bottom:0}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:var(--fs-xs);font-weight:600}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.preparing{background:#dbeafe;color:#2563eb}.status-badge.ready{background:#d1fae5;color:#059669}.mockup-text-sm{font-size:var(--fs-sm);display:block}.mockup-text-lg{font-size:var(--fs-lg);font-weight:800;color:var(--primary);display:block}.mockup-flex-center{display:flex;align-items:center;gap:4px}.mockup-text-xs-bold{font-size:var(--fs-sm);display:block;font-weight:600}.mockup-text-xs-muted{font-size:var(--fs-sm);color:var(--text-muted)}.mockup-avatars{display:flex}.mockup-avatar{width:24px;height:24px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;border:2px solid white}.mockup-avatar:not(:first-child){margin-left:-8px}.avatar-indigo{background-color:#6366f1}.avatar-rose{background-color:#f43f5e}.avatar-emerald{background-color:#10b981}.mockup-status-dot{width:10px;height:10px;border-radius:50%;background-color:#10b981}.receipt-card{padding:.75rem;background:#fff;border-radius:12px;border:1px solid var(--border);text-align:left}.receipt-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:.5rem;font-size:var(--fs-sm)}.receipt-table-no{color:var(--text-muted)}.receipt-items{display:flex;flex-direction:column;gap:.5rem;font-size:var(--fs-sm)}.receipt-item{display:flex;justify-content:space-between}.receipt-total{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:.5rem;font-weight:700;font-size:var(--fs-sm)}.receipt-btn{width:100%;margin-top:1rem;padding:.5rem}.kitchen-visual{gap:.75rem}.kitchen-card{flex-direction:column;align-items:stretch;gap:.5rem}.kitchen-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.kitchen-card-details{font-size:var(--fs-sm);color:var(--text-muted);text-align:left;line-height:1.4}.waiter-mockup-grid{grid-template-columns:repeat(2,1fr);display:grid;gap:.75rem}.waiter-mockup-card{background:#fff;padding:.75rem;border-radius:12px;border:1px solid var(--border);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.waiter-mockup-status{font-size:var(--fs-md);font-weight:700;margin:.25rem 0}.waiter-mockup-status.vacant{color:#10b981}.status-badge.status-green{background:#d1fae5;color:#059669}.status-badge.status-red{background:#fee2e2;color:#ef4444}@media(max-width:550px){.waiter-mockup-grid{grid-template-columns:1fr}}.customer-visual{align-items:center}.customer-mockup-card{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);max-width:220px;width:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto}.customer-qr-wrapper{padding:.5rem;background:var(--background);border-radius:8px;display:inline-block;margin-bottom:.5rem}.customer-table-title{font-size:var(--fs-sm);font-weight:700}.customer-table-desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:.25rem}@media(max-width:640px){.tabs-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:.25rem .25rem .75rem;margin-bottom:2rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tabs-nav::-webkit-scrollbar{display:block;height:3px}.tabs-nav::-webkit-scrollbar-track{background:#0000000d;border-radius:99px}.tabs-nav::-webkit-scrollbar-thumb{background:var(--primary);border-radius:99px}.tab-btn{flex-shrink:0}.tab-content{padding:1.5rem;gap:1.5rem;border-radius:16px}}.qr-spotlight-section{background:linear-gradient(180deg,var(--surface) 0%,var(--background) 100%);padding:6rem 2rem;width:100%}.qr-spotlight-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:center}@media(max-width:968px){.qr-spotlight-container{grid-template-columns:1fr;gap:3rem}}.qr-spotlight-content{display:flex;flex-direction:column;gap:1.5rem}.qr-steps-container{display:flex;flex-direction:column;gap:1.25rem}.qr-step-card{display:flex;gap:1.5rem;background:var(--surface);padding:1.5rem;border-radius:16px;border:1px solid var(--border);transition:var(--transition)}.qr-step-card:hover{transform:translate(6px);border-color:var(--primary)}.qr-step-number{background:var(--primary);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.qr-step-text h4{font-size:var(--fs-md);font-weight:700;margin-bottom:.25rem}.qr-step-text p{font-size:var(--fs-sm);color:var(--text-muted)}.qr-phone-mockup-wrapper{display:flex;justify-content:center;position:relative}.phone-mockup{width:300px;height:600px;background:#000;border-radius:40px;padding:10px;box-shadow:0 25px 50px -12px #00000040;border:4px solid #334155;position:relative}.phone-screen{width:100%;height:100%;background:var(--background);border-radius:32px;overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-notch{width:120px;height:20px;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:10}.phone-header{padding:1.5rem 1rem .5rem;background:var(--surface);border-bottom:1px solid var(--border);text-align:center;font-weight:700;font-size:var(--fs-sm)}.phone-menu-items{padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1}.phone-menu-item{background:var(--surface);border-radius:12px;padding:.75rem;border:1px solid var(--border);display:flex;gap:.75rem;align-items:center}.phone-item-img{width:50px;height:50px;border-radius:8px;background:#e2e8f0;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl)}.phone-item-info{flex:1}.phone-item-name{font-size:var(--fs-sm);font-weight:700}.phone-item-price{font-size:var(--fs-xs);color:var(--primary);font-weight:600}.phone-add-btn{background:var(--primary);color:#fff;border:none;padding:.25rem .5rem;border-radius:6px;font-size:var(--fs-xs);font-weight:600;cursor:pointer}.phone-footer{padding:1rem;background:var(--surface);border-top:1px solid var(--border)}.phone-cart-btn{background:var(--primary);color:#fff;width:100%;padding:.75rem;border-radius:10px;border:none;font-weight:600;font-size:var(--fs-sm);display:flex;justify-content:space-between;cursor:pointer}.phone-header-table{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:2px}.phone-item-img.img-pink{background-color:#fecdd3}.phone-item-img.img-yellow{background-color:#fef3c7}.phone-item-img.img-green{background-color:#d1fae5}.phone-add-btn.phone-added-btn{background-color:var(--text-muted)}@media(max-width:480px){.qr-step-card{padding:1rem;gap:1rem}}.pricing-section{max-width:1200px;margin:0 auto;padding:0 2rem 6rem;width:100%}.pricing-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.toggle-label{font-weight:600;font-size:var(--fs-base);color:var(--text-muted)}.toggle-label.active{color:var(--text-main)}.switch-btn{position:relative;width:60px;height:32px;background:var(--border);border-radius:9999px;cursor:pointer;transition:var(--transition);border:none}.switch-btn.active{background:var(--primary)}.switch-circle{position:absolute;top:4px;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;transition:var(--transition);box-shadow:var(--shadow-sm)}.switch-btn.active .switch-circle{left:32px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:stretch}@media(max-width:968px){.pricing-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}}.pricing-card{background:var(--surface);border-radius:24px;padding:2.5rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:2rem;position:relative;transition:var(--transition)}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--primary);box-shadow:var(--shadow-lg)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.35rem 1rem;border-radius:9999px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pricing-header{display:flex;flex-direction:column;gap:.5rem}.plan-name{font-size:var(--fs-lg);font-weight:700;color:var(--text-main)}.plan-price{font-size:2.75rem;font-weight:800;color:var(--text-main)}.plan-price span{font-size:var(--fs-md);font-weight:500;color:var(--text-muted)}.plan-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:1rem;flex:1}.pricing-feature-item{display:flex;gap:.75rem;align-items:center;font-size:var(--fs-base);color:var(--text-main)}.pricing-feature-item.disabled{color:var(--text-muted);text-decoration:line-through;opacity:.6}.pricing-feature-icon{color:var(--primary);flex-shrink:0}.pricing-feature-item.disabled .pricing-feature-icon{color:var(--text-muted)}.pricing-cta{width:100%;padding:.875rem;border-radius:12px;font-weight:600;text-align:center;text-decoration:none;transition:var(--transition)}.pricing-cta.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.pricing-cta.btn-outline:hover{background:#6366f10d}.pricing-cta.btn-solid{background:var(--primary);color:#fff;border:none}.pricing-cta.btn-solid:hover{background:var(--primary-hover);box-shadow:0 8px 16px var(--ring)}.pricing-discount{color:var(--accent);font-size:var(--fs-sm);font-weight:700}@media(max-width:480px){.pricing-card{padding:1.5rem;gap:1.5rem}}.faq-section{max-width:800px;margin:0 auto;padding:0 2rem 6rem;width:100%}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--surface);border-radius:16px;border:1px solid var(--border);overflow:hidden;transition:var(--transition)}.faq-trigger{width:100%;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;text-align:left;font-size:var(--fs-md);font-weight:700;color:var(--text-main);cursor:pointer}.faq-icon{color:var(--text-muted);transition:transform .3s ease;flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.5rem}.faq-item.open .faq-content{max-height:200px;padding-bottom:1.5rem}.faq-answer{font-size:var(--fs-base);color:var(--text-muted);line-height:1.6}@media(max-width:480px){.faq-trigger{padding:1rem;font-size:var(--fs-md)}.faq-content{padding:0 1rem}.faq-item.open .faq-content{padding-bottom:1rem}}.home-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background);overflow-x:hidden}.cta-footer-section{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;padding:5rem 2rem;text-align:center;width:100%}.cta-footer-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.cta-footer-title{font-size:2.5rem;font-weight:800}.cta-footer-desc{font-size:var(--fs-md);opacity:.9;max-width:600px;line-height:1.6}.cta-footer-btn{background:#fff;color:var(--primary);padding:1rem 2.5rem;border-radius:12px;font-weight:700;text-decoration:none;font-size:var(--fs-md);border:none;cursor:pointer;transition:var(--transition);margin-top:1rem}.cta-footer-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026;background-color:#f8fafc}@media(max-width:480px){.cta-footer-title{font-size:var(--fs-xl)}}.about-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background);overflow-x:hidden}.about-hero{padding:8rem 2rem 5rem;text-align:center;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-title{font-size:3.5rem;font-weight:800;line-height:1.15;color:var(--text-main);letter-spacing:-.02em}.about-title span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.about-subtitle{font-size:var(--fs-lg);color:var(--text-muted);line-height:1.6;max-width:700px}.about-story-section{background-color:var(--surface);padding:6rem 2rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-story-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}@media(max-width:968px){.about-story-container{grid-template-columns:1fr;gap:3rem}}.story-content{display:flex;flex-direction:column;gap:1.5rem}.story-title{font-size:var(--fs-2xl);font-weight:800;color:var(--text-main)}.story-text{color:var(--text-muted);font-size:var(--fs-md);line-height:1.7}.story-visual-card{background:linear-gradient(135deg,#6366f10d,#f43f5e0d);border:1px solid var(--border);border-radius:24px;padding:3rem;display:flex;flex-direction:column;gap:2rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.story-stat-box{display:flex;gap:1.5rem;align-items:center}.story-stat-number{font-size:3rem;font-weight:800;color:var(--primary);line-height:1;min-width:100px}.story-stat-label h4{font-size:var(--fs-md);font-weight:700;color:var(--text-main);margin-bottom:.25rem}.story-stat-label p{font-size:var(--fs-sm);color:var(--text-muted)}.values-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}@media(max-width:768px){.values-grid{grid-template-columns:1fr}}.value-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:var(--transition)}.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.value-icon-wrapper{background:#6366f11a;color:var(--primary);width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.value-card:nth-child(2) .value-icon-wrapper{background:#f43f5e1a;color:var(--accent)}.value-card:nth-child(3) .value-icon-wrapper{background:#10b9811a;color:#10b981}.value-title{font-size:var(--fs-lg);font-weight:700;color:var(--text-main)}.value-desc{color:var(--text-muted);font-size:var(--fs-base);line-height:1.6}.team-section{background-color:var(--surface);padding:6rem 2rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.team-grid{max-width:1200px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}@media(max-width:768px){.team-grid{grid-template-columns:1fr;max-width:400px}}.team-card{background:var(--background);border-radius:20px;border:1px solid var(--border);overflow:hidden;text-align:center;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;transition:var(--transition)}.team-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary)}.team-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);font-weight:700;box-shadow:var(--shadow-sm)}.team-info h4{font-size:var(--fs-lg);font-weight:700;color:var(--text-main);margin-bottom:.25rem}.team-info span{font-size:var(--fs-sm);color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.team-bio{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.contact-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background);overflow-x:hidden}.contact-hero{padding:8rem 2rem 4rem;text-align:center;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.contact-title{font-size:3.5rem;font-weight:800;line-height:1.15;color:var(--text-main);letter-spacing:-.02em}.contact-title span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.contact-subtitle{font-size:var(--fs-lg);color:var(--text-muted);line-height:1.6;max-width:700px}.contact-content-section{padding:4rem 2rem 8rem;background-color:var(--surface);border-top:1px solid var(--border)}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1.2fr;gap:5rem;align-items:start}@media(max-width:992px){.contact-container{grid-template-columns:1fr;gap:4rem}}.contact-info-column{display:flex;flex-direction:column;gap:1.5rem}.info-column-title{font-size:var(--fs-2xl);font-weight:800;color:var(--text-main);line-height:1.2}.info-column-desc{color:var(--text-muted);font-size:var(--fs-md);line-height:1.7;margin-bottom:1.5rem}.contact-info-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:600px)and (max-width:992px){.contact-info-grid{grid-template-columns:repeat(2,1fr)}}.contact-info-card{background:var(--background);border:1px solid var(--border);border-radius:16px;padding:1.75rem;display:flex;gap:1.25rem;align-items:flex-start;transition:var(--transition);text-decoration:none}.contact-info-card.link-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-md)}.contact-info-icon-wrapper{background:#6366f11a;color:var(--primary);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-card:nth-child(2) .contact-info-icon-wrapper{background:#f43f5e1a;color:var(--accent)}.contact-info-card:nth-child(3) .contact-info-icon-wrapper{background:#10b9811a;color:#10b981}.contact-info-card:nth-child(4) .contact-info-icon-wrapper{background:#f59e0b1a;color:#f59e0b}.contact-info-text{display:flex;flex-direction:column;gap:.25rem}.contact-info-text h4{font-size:var(--fs-md);font-weight:700;color:var(--text-main);margin:0}.contact-info-value{font-size:var(--fs-md);font-weight:600;color:var(--text-main);margin:.25rem 0}.contact-info-desc{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.contact-form-column{position:sticky;top:100px}.contact-form-card{background:var(--background);border:1px solid var(--border);border-radius:24px;padding:3rem;box-shadow:var(--shadow-lg)}@media(max-width:576px){.contact-form-card{padding:2rem 1.5rem}}.contact-form-card h3{font-size:var(--fs-xl);font-weight:800;color:var(--text-main);margin-bottom:.5rem}.form-subheading{color:var(--text-muted);font-size:var(--fs-base);margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:var(--fs-sm);font-weight:600;color:var(--text-main)}.form-group input,.form-group textarea{background-color:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;color:var(--text-main);font-family:inherit;font-size:var(--fs-base);transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem;font-weight:600;margin-top:.5rem;cursor:pointer;transition:var(--transition)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-btn:disabled{opacity:.75;cursor:not-allowed}.form-success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0;animation:fadeIn .4s ease-out forwards}.success-icon-container{color:#10b981;margin-bottom:1.5rem;animation:scaleUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.form-success-state h3{font-size:var(--fs-2xl);margin-bottom:1rem;color:#10b981}.form-success-state p{color:var(--text-muted);line-height:1.6;margin-bottom:2rem;max-width:340px}.success-back-btn{padding:.75rem 1.5rem;font-size:var(--fs-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}