:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-forest:#0b2b1d;--color-primary:#12442f;--color-primary-light:#1c6345;--color-mint:#22c55e;--color-mint-subtle:#e8f5ee;--color-cream-bg:#faf7f2;--color-cream-card:#fff;--color-cream-surface:#f4efe6;--color-cream-border:#e8e2d5;--color-citrus:#e67e22;--color-citrus-light:#fff3e6;--text-primary:#112217;--text-secondary:#485e50;--text-muted:#7e9485;--shadow-sm:0 1px 3px #12442f0a, 0 1px 2px #12442f08;--shadow-md:0 6px 20px -2px #12442f14;--shadow-lg:0 16px 40px -6px #12442f1f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-cream-bg);width:100%;max-width:100vw;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14.5px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}button{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}input{font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--color-cream-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;outline:none}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #12442f1a}.animate-fade-in{animation:.3s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-page-wrapper{background:radial-gradient(circle at 50% 15%, #12442f0f 0%, transparent 60%), radial-gradient(circle at 90% 85%, #e67e220d 0%, transparent 50%), var(--color-cream-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.portal-view-wrapper{background-color:var(--color-cream-bg);flex-direction:column;min-height:100vh;display:flex}.portal-top-navbar{border-bottom:1px solid var(--color-cream-border);width:100%;max-width:100vw;box-shadow:var(--shadow-sm);z-index:40;box-sizing:border-box;background-color:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.navbar-brand-group{flex-shrink:0;align-items:center;gap:10px;min-width:0;display:flex}.nav-brand-title{color:var(--color-primary);letter-spacing:-.04em;font-size:20px;font-weight:800;line-height:1}.nav-brand-tag{background-color:var(--color-forest);color:#fff;border-radius:var(--radius-xs);letter-spacing:.05em;white-space:nowrap;padding:2px 8px;font-size:10px;font-weight:800}.navbar-user-actions{align-items:center;gap:12px;min-width:0;display:flex}.user-pill-tag{background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);border-radius:var(--radius-pill);align-items:center;gap:8px;min-width:0;max-width:280px;padding:6px 14px;font-size:12.5px;font-weight:600;display:flex}.user-avatar-tag-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.user-pill-tag .font-bold{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-signout-btn{border:1px solid var(--color-cream-border);border-radius:var(--radius-pill);color:var(--text-primary);white-space:nowrap;transition:all var(--transition-fast);background-color:#fff;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.navbar-signout-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.portal-main-area{box-sizing:border-box;flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px 20px 48px}.login-brand-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.brand-icon-wrapper{margin-bottom:10px}.brand-title{color:var(--color-primary);letter-spacing:-.04em;font-size:28px;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--text-muted);margin-top:2px;font-size:13.5px;font-weight:500}.login-card{border:1px solid var(--color-cream-border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-md);background-color:#fff;flex-direction:column;gap:20px;padding:32px 34px;display:flex}@media (width<=520px){.login-card{padding:24px 20px}}.google-signin-btn{color:#3c4043;border-radius:var(--radius-sm);width:100%;transition:all var(--transition-fast);background-color:#fff;border:1.5px solid #dadce0;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:14.5px;font-weight:600;display:flex;box-shadow:0 1px 3px #00000014}.google-signin-btn:hover{background-color:#f8f9fa;border-color:#c6c8cc;transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.google-icon-svg{flex-shrink:0;width:20px;height:20px}.auto-detection-notice{background-color:var(--color-mint-subtle);border-left:3px solid var(--color-primary);border-radius:4px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.notice-title{color:var(--color-forest);font-size:12.5px;font-weight:700}.notice-desc{color:var(--text-secondary);font-size:11.5px}.or-divider{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:11.5px;font-weight:600;display:flex}.or-divider:before,.or-divider:after{content:"";border-bottom:1px solid var(--color-cream-border);flex:1}.or-divider span{padding:0 10px}.admin-hint-bar{background-color:var(--color-cream-bg);border:1px solid var(--color-cream-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11.5px;display:flex}.admin-hint-text{color:var(--text-secondary)}.admin-fill-btn{background-color:var(--color-forest);color:#fff;border-radius:var(--radius-pill);padding:3px 10px;font-size:11px;font-weight:700}.admin-fill-btn:hover{background-color:var(--color-primary)}.login-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-primary);font-size:12px;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-field{width:100%;padding:10px 14px 10px 38px;font-size:13.5px}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.password-toggle-btn{color:var(--text-muted);background:0 0;padding:2px;position:absolute;right:12px}.password-toggle-btn:hover{color:var(--text-primary)}.form-helper-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.remember-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;display:flex}.forgot-link{color:var(--color-primary);font-weight:600;text-decoration:none}.error-banner{color:#dc2626;border-radius:var(--radius-sm);background-color:#fee2e2;padding:8px 12px;font-size:12px;font-weight:600}.submit-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:11px 20px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #12442f33}.submit-btn:hover{background-color:var(--color-forest);transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.user-management-container{flex-direction:column;gap:20px;display:flex}.security-status-card{border:1px solid var(--color-cream-border);border-left:4px solid var(--color-mint);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.security-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.security-chip{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.security-chip.verified{background-color:var(--color-mint-subtle);color:var(--color-primary);border:1px solid #12442f33}.security-chip.token-chip{background-color:var(--color-cream-surface);color:var(--text-secondary);border:1px solid var(--color-cream-border)}.security-details-grid{border-top:1px solid var(--color-cream-border);grid-template-columns:repeat(3,1fr);gap:16px;padding-top:6px;font-size:12px;display:grid}@media (width<=768px){.security-details-grid{grid-template-columns:1fr}}.sec-label{color:var(--text-muted);display:block}.sec-val{color:var(--text-primary)}.users-overview-metrics{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}@media (width<=900px){.users-overview-metrics{grid-template-columns:repeat(2,1fr)}}.metric-pill-card{border:1px solid var(--color-cream-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;flex-direction:column;justify-content:space-between;gap:6px;padding:16px 20px;display:flex}.metric-pill-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.metric-big-num{color:var(--color-primary);font-variant-numeric:tabular-nums;margin:2px 0;font-size:26px;font-weight:800;line-height:1.1}.metric-sub-note{color:var(--text-secondary);font-size:11.5px}.users-main-card{border:1px solid var(--color-cream-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;gap:18px;padding:24px;display:flex}.users-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.card-main-title{color:var(--text-primary);font-size:18px;font-weight:800}.card-main-sub{color:var(--text-secondary);font-size:12.5px}.btn-add-user{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-pill);align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #12442f33}.btn-add-user:hover{background-color:var(--color-forest);transform:translateY(-1px)}.users-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search-box{background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);border-radius:var(--radius-pill);align-items:center;gap:10px;min-width:280px;padding:6px 14px;display:flex}.search-icon{color:var(--text-muted)}.search-input{background:0 0;border:none;width:100%;font-size:12.5px}.search-input:focus{box-shadow:none}.role-filter-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-pill-btn{border-radius:var(--radius-pill);background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);color:var(--text-secondary);padding:6px 14px;font-size:12px;font-weight:600}.filter-pill-btn:hover{background-color:#ede7dc}.filter-pill-btn.active{background-color:var(--color-forest);color:#fff;border-color:var(--color-forest)}.users-table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--color-cream-border);background-color:#fff;overflow-x:auto}.users-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:13px}.users-table th{background-color:var(--color-cream-surface);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-cream-border);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:700}.users-table td{border-bottom:1px solid var(--color-cream-border);white-space:nowrap;padding:12px 14px}.user-identity-cell{align-items:center;gap:10px;display:flex}.user-avatar-badge{background-color:var(--color-cream-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.user-name-bold{color:var(--text-primary);font-weight:700;display:block}.user-email-sub{color:var(--text-muted);font-size:11.5px}.role-tag-badge{border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.tag-admin{color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d}.tag-partner{color:#1e40af;background-color:#dbeafe;border:1px solid #93c5fd}.tag-staff{background-color:var(--color-mint-subtle);color:var(--color-primary);border:1px solid #12442f33}.tag-client{background-color:var(--color-cream-surface);color:var(--text-secondary)}.kiosk-access-text{color:var(--text-secondary);font-size:12px}.status-pill{border-radius:var(--radius-xs);padding:2px 7px;font-size:10.5px;font-weight:800}.status-pill.active{background-color:var(--color-mint-subtle);color:var(--color-primary)}.status-pill.suspended{color:#dc2626;background-color:#fee2e2}.action-buttons-cell{align-items:center;gap:8px;display:flex}.btn-action{border-radius:4px;padding:4px 8px;font-size:11.5px;font-weight:600}.status-btn{background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);color:var(--text-secondary)}.status-btn:hover{color:var(--text-primary);background-color:#ede7dc}.delete-btn{color:var(--text-muted);background:0 0;padding:4px}.delete-btn:hover{color:#dc2626}.root-admin-guard{color:var(--color-forest);background-color:var(--color-mint-subtle);border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:700}.audit-trail-card{border:1px solid var(--color-cream-border);border-radius:var(--radius-md);background-color:#fff;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.audit-header{align-items:center;gap:8px;display:flex}.audit-title{color:var(--color-forest);font-size:13.5px;font-weight:700}.audit-logs-list{flex-direction:column;gap:6px;display:flex}.audit-log-item{background-color:var(--color-cream-bg);border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11.5px;display:flex}.audit-time{color:var(--text-muted);width:90px}.audit-action{color:var(--text-primary);flex:1}.audit-actor{color:var(--color-primary);font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#0b2b1d8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.add-user-modal{border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);background-color:#fff;flex-direction:column;gap:16px;padding:26px;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title-row{align-items:center;gap:8px;display:flex}.modal-title{color:var(--text-primary);font-size:17px;font-weight:800}.modal-close-btn{color:var(--text-muted);background:0 0}.modal-error-banner{color:#dc2626;border-radius:var(--radius-sm);background-color:#fee2e2;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.add-user-form{flex-direction:column;gap:14px;display:flex}.add-user-form input,.add-user-form select{padding:9px 12px;font-size:13.5px}.modal-footer-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.btn-cancel{background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);border-radius:var(--radius-pill);padding:8px 16px;font-size:12.5px;font-weight:600}.btn-confirm-add{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-pill);padding:8px 18px;font-size:12.5px;font-weight:700}.btn-confirm-add:hover{background-color:var(--color-forest)}.text-mint{color:var(--color-mint)}.text-amber{color:#d97706}.text-forest{color:var(--color-forest)}.font-mono{font-family:monospace}.font-semibold{font-weight:600}.admin-nav-tabs-bar{border-bottom:2px solid var(--color-cream-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-nav-tabs-bar::-webkit-scrollbar{display:none}.admin-nav-tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;background-color:#0000;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-6px;padding:10px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.admin-nav-tab:hover{color:var(--color-primary);background-color:#12442f0a}.admin-nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:#fff}.tab-pill-badge{background-color:var(--color-citrus);color:#fff;border-radius:var(--radius-pill);padding:2px 7px;font-size:11px;font-weight:800}.traffic-live-indicator{color:#15803d;border-radius:var(--radius-pill);letter-spacing:.05em;background-color:#dcfce7;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.traffic-dot-pulse{background-color:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 0 2px #22c55e66}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.05);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.traffic-status-badge{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.traffic-status-badge.auth{color:#1d4ed8;background-color:#dbeafe}.traffic-status-badge.visitor{background-color:var(--color-cream-surface);color:var(--text-secondary);border:1px solid var(--color-cream-border)}.database-notice-note{background-color:var(--color-mint-subtle);border-left:3px solid var(--color-primary);color:var(--color-forest);border-radius:4px;padding:8px 12px;font-size:12px;font-weight:500}.quick-test-role-bar{background-color:var(--color-cream-bg);border:1px solid var(--color-cream-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11.5px;display:flex}.quick-test-label{color:var(--text-muted);font-weight:600}.quick-role-buttons{align-items:center;gap:6px;display:flex}.quick-btn-pill{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);border:none;padding:3px 10px;font-size:11px;font-weight:700}.btn-quick-admin{background-color:var(--color-primary);color:#fff}.btn-quick-admin:hover{background-color:var(--color-forest)}.btn-quick-client{color:#334155;background-color:#e2e8f0}.btn-quick-client:hover{background-color:#cbd5e1}.client-auto-hint{color:var(--color-forest);background-color:var(--color-mint-subtle);border-radius:var(--radius-sm);padding:8px 12px;font-size:11.5px}.chooser-section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:4px 6px 0;font-size:11px;font-weight:700}.custom-google-form{gap:8px;margin-top:6px;display:flex}.custom-google-input{border:1.5px solid var(--color-cream-border);border-radius:var(--radius-sm);flex:1;padding:9px 12px;font-size:13px}.custom-google-submit-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.custom-google-submit-btn:hover{background-color:var(--color-forest)}.custom-google-note{color:var(--text-muted);padding:0 4px;font-size:11px}.portal-page-container{flex-direction:column;gap:20px;display:flex}.card-white{border:1px solid var(--color-cream-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background-color:#fff;padding:20px 24px}.portal-banner-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.status-badge-live{color:var(--color-forest);background-color:var(--color-mint-subtle);border-radius:var(--radius-pill);align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.dot-live{background-color:var(--color-mint);border-radius:50%;width:6px;height:6px}.banner-title{color:var(--text-primary);font-size:22px;font-weight:800}.banner-meta{color:var(--text-secondary);margin-top:4px;font-size:12.5px}.timeframe-pills{gap:6px;display:flex}.time-pill{border-radius:var(--radius-pill);background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);color:var(--text-secondary);padding:6px 14px;font-size:11.5px;font-weight:700}.time-pill.active{background-color:var(--color-forest);color:#fff;border-color:var(--color-forest)}.metrics-tiles-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.metrics-tiles-grid{grid-template-columns:repeat(2,1fr)}}.metric-tile{flex-direction:column;gap:4px;display:flex}.tile-label{color:var(--text-muted);text-transform:uppercase;font-size:11.5px;font-weight:700}.tile-number{color:var(--text-primary);font-size:26px;font-weight:800}.tile-caption{color:var(--text-secondary);font-size:11.5px}.partner-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=800px){.partner-grid-2col{grid-template-columns:1fr}}.card-header-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.section-title{color:var(--text-primary);font-size:16px;font-weight:800}.section-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.pill-badge{border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:800}.badge-mint{background-color:var(--color-mint-subtle);color:var(--color-forest)}.badge-citrus{color:#b45309;background-color:#fef3c7}.badge-forest{color:#15803d;background-color:#dcfce7}.staff-shift-row{border-radius:var(--radius-sm);background-color:var(--color-cream-surface);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.staff-avatar-circle{background-color:var(--color-forest);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.staff-info-col{flex-direction:column;flex:1;margin-left:10px;display:flex}.staff-orders-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.order-prep-card{border-left:4px solid var(--color-citrus);flex-direction:column;gap:12px;display:flex}.order-prep-card.status-preparing{border-left-color:var(--color-mint)}.order-prep-card.status-ready{border-left-color:var(--color-forest)}.prep-card-top{justify-content:space-between;align-items:center;display:flex}.token-badge-block{align-items:baseline;gap:6px;display:flex}.token-prefix{color:var(--text-muted);font-size:11px;font-weight:700}.token-number-bold{color:var(--color-primary);font-size:20px;font-weight:800}.prep-item-row{border-bottom:1px dashed var(--color-cream-border);align-items:flex-start;gap:10px;padding:6px 0;display:flex}.item-qty-pill{background-color:var(--color-cream-surface);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:800}.item-title{color:var(--text-primary);font-size:13px;font-weight:700}.item-mods-text{color:var(--text-muted);font-size:11px}.btn-primary{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.btn-citrus{background-color:var(--color-citrus);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.client-hero-card{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0b2b1d 0%,#12442f 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.client-badge-pill{border-radius:var(--radius-pill);background-color:#ffffff1f;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.client-hero-title{margin-bottom:6px;font-size:24px;font-weight:800}.client-hero-sub{color:#d1d5db;max-width:540px;font-size:13px}.client-traffic-logged-note{color:#86efac;margin-top:10px;font-size:11.5px}.client-outlet-box{border-radius:var(--radius-md);background-color:#ffffff14;border:1px solid #ffffff26;padding:14px 18px}.outlet-pill-select{border-radius:var(--radius-pill);background-color:#fff;align-items:center;gap:8px;padding:6px 12px;display:flex}.outlet-dropdown{color:var(--color-forest);background:0 0;border:none;font-size:12.5px;font-weight:700}.client-beverages-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;gap:20px;margin-top:16px;display:grid}.beverage-card{border-radius:var(--radius-md);border:1px solid var(--color-cream-border);height:100%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.beverage-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-top-row{justify-content:space-between;align-items:center;display:flex}.beverage-info{flex-grow:1;margin:10px 0 8px}.beverage-title{color:var(--text-primary);font-size:16px;font-weight:800;line-height:1.3}.beverage-tagline{color:var(--text-secondary);margin-top:4px;font-size:12.5px;line-height:1.35}.ingredients-preview{color:var(--text-muted);background-color:var(--color-cream-surface);border-radius:var(--radius-sm);margin:10px 0;padding:8px 10px;font-size:11px}.card-bottom-action{border-top:1px solid var(--color-cream-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.price-amount{color:var(--color-primary);font-size:18px;font-weight:800}.cart-badge-button{background-color:var(--color-citrus);color:#fff;border-radius:var(--radius-pill);align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.cart-drawer{flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow-y:auto}.cart-count-chip{color:var(--text-muted);font-size:11.5px;font-weight:700}.clear-bag-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:11.5px;font-weight:700}.clear-bag-btn:hover{color:#dc2626;background-color:#fee2e2}.empty-cart-state{flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.empty-cart-icon-circle{background-color:var(--color-cream-surface);border:1px dashed var(--color-cream-border);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.cart-items-list{flex-direction:column;gap:4px;max-height:340px;padding-right:4px;display:flex;overflow-y:auto}.cart-line-item{border-radius:var(--radius-sm);border:1px solid var(--color-cream-border);transition:all var(--transition-fast);background-color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 10px;display:flex}.cart-line-item:hover{background-color:#faf8f5;border-color:#e6dfc5}.cart-item-info{flex:1;min-width:130px}.cart-item-name{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.25}.cart-item-unit{color:var(--text-muted);margin-top:2px;font-size:11px}.cart-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.cart-qty-stepper{background-color:var(--color-cream-surface);border:1.5px solid var(--color-cream-border);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.qty-btn{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.qty-btn:hover{color:var(--color-primary);background-color:#fff;box-shadow:0 1px 3px #0000001a}.qty-btn-minus:hover{color:#dc2626}.qty-btn-plus:hover{color:var(--color-forest)}.qty-value{text-align:center;min-width:20px;color:var(--text-primary);font-size:12.5px}.cart-multiply-btn{color:#b45309;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.02em;background-color:#fef3c7;border:1px solid #fcd34d;justify-content:center;align-items:center;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex}.cart-multiply-btn:hover{color:#fff;background-color:#f59e0b;border-color:#d97706;transform:scale(1.05)}.cart-item-total{text-align:right;min-width:52px;color:var(--color-primary);font-size:13.5px}.cart-remove-cross-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.cart-remove-cross-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5;transform:scale(1.1)}.bill-summary-box{background-color:var(--color-cream-surface);border-radius:var(--radius-sm);margin-top:14px;padding:12px 14px}.bill-row{justify-content:space-between;margin-bottom:4px;font-size:12.5px;display:flex}.bill-divider{border-bottom:1px solid var(--color-cream-border);margin:6px 0}.client-active-pass{border-left:4px solid var(--color-forest);background-color:#fff}.pass-header{justify-content:space-between;align-items:center;display:flex}.pass-token-title{color:var(--color-primary);font-size:24px;font-weight:800}.kiosk-locator-container{border-radius:var(--radius-lg);border:1px solid var(--color-cream-border);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;gap:16px;padding:24px;display:flex}.locator-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.live-gps-badge{background-color:var(--color-mint-subtle);color:var(--color-forest);border-radius:var(--radius-pill);letter-spacing:.05em;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.btn-track-gps{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-pill);transition:all var(--transition-fast);cursor:pointer;border:none;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.btn-track-gps:hover:not(:disabled){background-color:var(--color-forest);transform:translateY(-1px)}.btn-track-gps:disabled{opacity:.7;cursor:wait}.nearest-auto-banner{color:#92400e;border-radius:var(--radius-sm);background-color:#fef3c7;border:1px solid #fcd34d;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.quick-location-presets{background-color:var(--color-cream-bg);border-radius:var(--radius-sm);border:1px solid var(--color-cream-border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.preset-label{color:var(--text-muted);font-size:11.5px;font-weight:700}.preset-pills-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preset-pill{border-radius:var(--radius-pill);border:1px solid var(--color-cream-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.preset-pill:hover{background-color:var(--color-cream-surface);border-color:#cbd5e1}.preset-pill.active{background-color:var(--color-forest);color:#fff;border-color:var(--color-forest)}.map-view-toggle-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.current-user-coords-chip{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.toggle-tabs{align-items:center;gap:6px;display:flex}.tab-btn{border-radius:var(--radius-pill);background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);color:var(--text-secondary);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:700}.tab-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.map-canvas-wrapper{border-radius:var(--radius-md);border:1.5px solid var(--color-cream-border);background-color:#f4efe6;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0000000a}.map-legend-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);border:1px solid var(--color-cream-border);color:var(--text-primary);z-index:10;background:#ffffffeb;flex-direction:column;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;top:12px;left:14px}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px}.legend-dot.green{background-color:#22c55e;box-shadow:0 0 0 2px #22c55e4d}.legend-dot.blue{background-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.kerala-map-svg{width:100%;height:auto;max-height:480px;display:block}.kiosk-map-marker{transition:transform var(--transition-fast)}.kiosk-map-marker:hover{transform:scale(1.08)}.radar-ripple{transform-origin:50%;animation:2s ease-out infinite radarWave}.radar-ripple-blue{transform-origin:50%;animation:2s ease-out infinite radarWaveBlue}@keyframes radarWave{0%{r:8;opacity:.9}to{r:24;opacity:0}}@keyframes radarWaveBlue{0%{r:8;opacity:.9}to{r:22;opacity:0}}.route-dash-animated{stroke-dasharray:6 5;animation:1.5s linear infinite dashMove}@keyframes dashMove{0%{stroke-dashoffset:22px}to{stroke-dashoffset:0}}.selected-kiosk-spotlight{border-radius:var(--radius-md);border-left:4px solid #22c55e;border:1px solid var(--color-cream-border);background-color:#fff;border-left-width:4px;padding:16px 20px}.spotlight-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.green-mark-dot-icon{font-size:18px;line-height:1}.kiosk-id-tag{color:var(--text-muted);letter-spacing:.05em;font-size:10px;font-weight:800;display:block}.spotlight-title{color:var(--text-primary);margin-top:2px;font-size:16px;font-weight:800}.spotlight-franchise-sub{color:var(--text-secondary);font-size:12px}.spotlight-badge-col{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.distance-bold-pill{color:var(--color-forest);background-color:var(--color-mint-subtle);border-radius:var(--radius-pill);padding:3px 10px;font-size:13px;font-weight:800}.spotlight-details-grid{border-top:1px solid var(--color-cream-border);grid-template-columns:repeat(3,1fr);gap:12px;padding-top:10px;display:grid}@media (width<=768px){.spotlight-details-grid{grid-template-columns:1fr}}.spotlight-meta-item{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.btn-select-kiosk-confirm{border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:flex}.btn-select-kiosk-confirm.active{background-color:var(--color-forest)}.kiosks-cards-grid{flex-direction:column;gap:10px;display:flex}.kiosk-card-row{border-radius:var(--radius-sm);background-color:var(--color-cream-surface);border:1.5px solid var(--color-cream-border);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.kiosk-card-row:hover{background-color:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.kiosk-card-row.selected{background-color:#fff;border-color:#22c55e;box-shadow:0 2px 8px #22c55e26}.kiosk-row-left{align-items:center;gap:12px;display:flex}.kiosk-status-mark{font-size:16px}.kiosk-row-right{align-items:center;gap:14px;display:flex}.distance-box{align-items:baseline;gap:2px;display:flex}.dist-num{color:var(--color-primary);font-size:17px;font-weight:800}.dist-unit{color:var(--text-muted);font-size:11px}.btn-choose-pill{border-radius:var(--radius-pill);border:1px solid var(--color-cream-border);color:var(--text-secondary);background-color:#fff;padding:5px 12px;font-size:11.5px;font-weight:700}.btn-choose-pill.chosen{background-color:var(--color-forest);color:#fff;border-color:var(--color-forest)}.outlet-pill-display{border-radius:var(--radius-pill);background-color:#fff;align-items:center;gap:8px;padding:6px 10px 6px 12px;display:flex}.outlet-pill-info{flex-direction:column;max-width:220px;display:flex}.text-2xs{font-size:10px}.btn-toggle-map-pill{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.btn-toggle-map-pill:hover{background-color:var(--color-forest)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}@media (width<=768px){.portal-top-navbar{padding:10px 14px}.nav-brand-title{font-size:18px}.nav-brand-tag{padding:1px 5px;font-size:9px}.navbar-user-actions{gap:8px}.user-pill-tag{text-overflow:ellipsis;white-space:nowrap;gap:5px;max-width:180px;padding:4px 9px;font-size:11.5px;overflow:hidden}.navbar-signout-btn{gap:4px;padding:5px 10px;font-size:11px}.portal-main-area{padding:14px 12px 30px}.client-hero-card{border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:16px;padding:20px 16px}.client-hero-title{font-size:21px;line-height:1.25}.client-hero-sub{max-width:100%;font-size:12.5px}.client-outlet-box{width:100%;padding:12px 14px}.outlet-pill-display{justify-content:space-between;width:100%}.outlet-pill-info{max-width:calc(100% - 100px)}.client-beverages-grid{grid-template-columns:1fr;gap:14px}.beverage-card{padding:16px}.modal-backdrop{align-items:flex-end;padding:0}.cart-drawer{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:88vh;padding:20px 16px 28px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpBottom;box-shadow:0 -8px 24px #00000040}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cart-items-list{max-height:44vh;padding-right:2px}.kiosk-locator-container{gap:14px;padding:16px 14px}.locator-header-bar{flex-direction:column;align-items:stretch;gap:10px}.btn-track-gps{justify-content:center;width:100%;padding:10px 16px;font-size:13px}.quick-location-presets{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.preset-pills-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;width:100%;padding-bottom:6px;overflow-x:auto}.preset-pills-row::-webkit-scrollbar{height:4px}.preset-pills-row::-webkit-scrollbar-thumb{background-color:var(--color-cream-border);border-radius:2px}.preset-pill{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:11px}.map-view-toggle-bar{flex-direction:column;align-items:stretch;gap:8px}.current-user-coords-chip{font-size:11.5px}.toggle-tabs{width:100%}.toggle-tabs .tab-btn{text-align:center;flex:1;justify-content:center;padding:8px 12px;font-size:12px}.kerala-map-svg{max-height:380px}.map-legend-overlay{gap:3px;padding:4px 8px;font-size:9.5px;top:8px;left:8px}.selected-kiosk-spotlight{padding:14px 12px}.spotlight-header{flex-direction:column;align-items:stretch;gap:8px}.spotlight-badge-col{align-items:flex-start}.spotlight-details-grid{grid-template-columns:1fr;gap:6px}.users-overview-metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric-pill-card{padding:12px 14px}.metric-big-num{font-size:22px}.admin-nav-tabs-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.admin-nav-tab{padding:8px 12px;font-size:12px}.users-main-card{padding:16px 12px}.users-filter-bar{flex-direction:column;align-items:stretch;gap:10px}.search-box{width:100%;min-width:100%}.role-filter-pills{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.filter-pill-btn{white-space:nowrap;flex-shrink:0}.metrics-tiles-grid{grid-template-columns:repeat(2,1fr);gap:10px}.partner-grid-2col{grid-template-columns:1fr;gap:12px}.partner-card{padding:16px 14px}.staff-orders-grid{grid-template-columns:1fr;gap:12px}}@media (width<=480px){.portal-top-navbar{padding:8px 12px}.nav-brand-title{font-size:17px}.nav-brand-tag{display:none}.user-pill-tag{gap:4px;max-width:130px;padding:4px 8px;font-size:11px}.user-pill-tag .font-bold{text-overflow:ellipsis;white-space:nowrap;max-width:85px;overflow:hidden}.navbar-signout-btn{padding:5px 8px;font-size:11px}.navbar-signout-btn span{display:none}.users-overview-metrics{grid-template-columns:1fr 1fr;gap:8px}.metric-pill-card{padding:10px 12px}.metric-big-num{font-size:20px}.login-card{border-radius:var(--radius-md);padding:22px 16px}.brand-title{font-size:24px}.brand-subtitle{font-size:12px}.user-pill-tag .text-muted{display:none}.cart-line-item{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.cart-item-actions{border-top:1px dashed var(--color-cream-border);justify-content:space-between;align-items:center;width:100%;padding-top:6px;display:flex}.kiosk-card-row{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.kiosk-row-right{border-top:1px dashed var(--color-cream-border);justify-content:space-between;align-items:center;width:100%;padding-top:8px;display:flex}.timeframe-pills{width:100%;display:flex}.time-pill{text-align:center;flex:1;padding:6px 8px;font-size:10.5px}}.quick-custom-tags-row{align-items:center;gap:6px;margin-top:6px;display:flex}.custom-option-tag{border-radius:var(--radius-pill);background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:3px 8px;font-size:10.5px;font-weight:700}.custom-option-tag:hover{background-color:var(--color-mint-subtle);color:var(--color-forest);border-color:#12442f4d;transform:translateY(-1px)}.price-tag-group{flex-direction:column;display:flex}.price-unit-sub{color:var(--text-muted);font-size:10px}.customize-modal-sheet{border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.customize-modal-body{flex-direction:column;gap:14px;margin-top:14px;display:flex}.custom-section-group{flex-direction:column;gap:8px;display:flex}.section-label-row{justify-content:space-between;align-items:center;display:flex}.custom-group-title{color:var(--text-primary);letter-spacing:-.01em;font-size:12.5px;font-weight:800}.custom-required-tag{color:var(--color-citrus);border-radius:var(--radius-pill);text-transform:uppercase;background-color:#fef3c7;padding:2px 7px;font-size:10px;font-weight:800}.custom-optional-tag{color:var(--text-muted);font-size:10px;font-weight:600}.ice-options-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sweet-options-grid,.addon-options-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px;display:grid}.custom-pill-card{border-radius:var(--radius-sm);background-color:var(--color-cream-surface);border:1.5px solid var(--color-cream-border);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.custom-pill-card:hover{background-color:#fff;border-color:#cbd5e1}.custom-pill-card.active{border-color:var(--color-forest);box-shadow:0 0 0 1px var(--color-forest), 0 2px 8px #12442f1f;background-color:#fff}.pill-card-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.pill-card-name{color:var(--text-primary);line-height:1.2}.custom-pill-card.active .pill-card-name{color:var(--color-forest);font-weight:800}.pill-card-desc{line-height:1.2}.custom-qty-row{background-color:var(--color-cream-bg);border-radius:var(--radius-sm);border:1px solid var(--color-cream-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.modal-stepper{background-color:#fff;padding:4px 8px}.cart-item-custom-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.spec-ice-pill{border-radius:var(--radius-pill);align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.spec-without-ice{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.spec-with-ice{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd}.spec-sub-pill{color:var(--color-forest);background-color:var(--color-mint-subtle);border-radius:var(--radius-pill);padding:2px 7px;font-size:10px;font-weight:700}.collapsible-map-wrapper{transition:all .3s}.btn-toggle-map-pill.active{background-color:var(--color-forest)}@media (width<=768px){.customize-modal-sheet{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:85vh;padding:20px 16px 28px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpBottom}.ice-options-grid{grid-template-columns:1fr}}.live-order-notification-toast{border-radius:var(--radius-md);z-index:9999;border:2px solid #0000;align-items:flex-start;gap:14px;width:calc(100% - 32px);max-width:600px;padding:16px 20px;animation:.4s cubic-bezier(.16,1,.3,1) slideDownNotification;display:flex;position:fixed;top:72px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 40px #00000038,0 0 0 1px #0000000d}@keyframes slideDownNotification{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%)}}.toast-ready{color:#14532d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#22c55e}.toast-completed{color:#78350f;background:linear-gradient(135deg,#fefce8 0%,#fef9c3 100%);border-color:#f59e0b}.toast-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.toast-ready .toast-icon-wrap{color:#fff;background-color:#22c55e;box-shadow:0 0 0 4px #22c55e40}.toast-completed .toast-icon-wrap{color:#fff;background-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b40}.bell-ring-anim{transform-origin:top;animation:1.2s ease-in-out infinite bellRing}@keyframes bellRing{0%{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-18deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-12deg)}75%{transform:rotate(6deg)}85%{transform:rotate(-6deg)}to{transform:rotate(0)}}.toast-content-col{flex-direction:column;flex:1;gap:3px;display:flex}.toast-header-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toast-status-badge{letter-spacing:.05em;border-radius:var(--radius-pill);padding:2px 8px;font-size:10.5px;font-weight:800}.badge-ready{color:#fff;background-color:#15803d}.badge-completed{color:#fff;background-color:#d97706}.toast-chime-indicator{color:var(--text-secondary);border-radius:var(--radius-pill);background-color:#ffffffb3;align-items:center;gap:4px;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.toast-time{color:var(--text-muted);font-size:11px}.toast-title{color:var(--text-primary);font-size:16px;font-weight:800;line-height:1.25}.toast-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.35}.toast-dismiss-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.toast-dismiss-btn:hover{color:var(--text-primary);background-color:#0000000f}.order-pass-status-ready{background:linear-gradient(#f0fdf4 0%,#fff 30%);box-shadow:0 4px 20px #22c55e33;border-left:5px solid #22c55e!important}.order-pass-status-completed{background:linear-gradient(#f0fdf4 0%,#fff 30%);border-left:5px solid #15803d!important}.badge-ready-pulse{color:#fff;background-color:#22c55e;font-weight:800;animation:1.8s infinite readyPulseGlow}@keyframes readyPulseGlow{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.order-live-progress-bar{background-color:var(--color-cream-bg);border-radius:var(--radius-sm);border:1px solid var(--color-cream-border);grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 14px;display:grid}.progress-step-item{opacity:.45;transition:all var(--transition-fast);align-items:center;gap:6px;display:flex}.progress-step-item.active{opacity:1}.step-circle{background-color:var(--color-cream-border);width:20px;height:20px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.progress-step-item.active .step-circle{background-color:var(--color-forest);color:#fff}.progress-step-item.current .step-circle{color:#fff;background-color:#22c55e;box-shadow:0 0 0 3px #22c55e59}.step-label{color:var(--text-primary);white-space:nowrap;font-size:11px;font-weight:700}.pass-items-summary{padding-top:6px}.pass-item-chip{background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:600}.pass-simulate-actions-bar{border-top:1px dashed var(--color-cream-border);padding-top:8px}.btn-simulate-ready{color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background-color:#22c55e;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.btn-simulate-ready:hover{background-color:#16a34a;transform:translateY(-1px)}.btn-simulate-completed{background-color:var(--color-forest);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.btn-simulate-completed:hover{background-color:var(--color-primary);transform:translateY(-1px)}@media (width<=600px){.order-live-progress-bar{grid-template-columns:repeat(2,1fr);gap:10px}}.branch-manage-inline-link{color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.branch-manage-inline-link:hover{color:var(--color-citrus);text-decoration:underline}.btn-quick-add-branch{background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:4px;padding:8px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.btn-quick-add-branch:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#fff}.branch-manager-modal{border-radius:var(--radius-lg);width:100%;max-width:620px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.rule-security-banner{color:#92400e;border-radius:var(--radius-sm);background-color:#fef3c7;border:1px solid #fcd34d;align-items:center;gap:10px;padding:10px 14px;font-size:12px;line-height:1.4;display:flex}.modal-success-banner{color:#166534;border-radius:var(--radius-sm);background-color:#dcfce7;border:1px solid #86efac;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.add-branch-form-box{background-color:var(--color-cream-surface);border:1px solid var(--color-cream-border);border-radius:var(--radius-md);padding:16px}.add-branch-inputs-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.add-branch-inputs-grid .full-col{grid-column:span 2}.branch-input{border-radius:var(--radius-sm);border:1px solid var(--color-cream-border);background-color:#fff;width:100%;padding:8px 12px;font-size:12.5px}.branch-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #12442f1a}.branch-cards-scroll{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.branch-row-card{border:1px solid var(--color-cream-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);background-color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.branch-row-card:hover{background-color:#faf8f5;border-color:#ddd4c4}.branch-row-info{flex:1;min-width:0}.branch-name{word-break:break-word}.branch-city-pill{background-color:var(--color-mint-subtle);color:var(--color-forest);border-radius:var(--radius-pill);flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.user-assigned-warning-tag{color:#b45309;border-radius:var(--radius-pill);word-break:break-word;background-color:#fef3c7;border:1px solid #fde68a;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.user-zero-safe-tag{color:#15803d;border-radius:var(--radius-pill);background-color:#dcfce7;border:1px solid #bbf7d0;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.btn-branch-remove{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.btn-branch-remove.active{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.btn-branch-remove.active:hover{color:#fff;background-color:#ef4444;border-color:#dc2626;transform:translateY(-1px)}.btn-branch-remove.disabled{background-color:var(--color-cream-surface);color:var(--text-muted);border-color:var(--color-cream-border);cursor:not-allowed;opacity:.7}@media (width<=600px){.branch-manager-modal{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:88vh;padding:20px 16px 28px}.add-branch-inputs-grid{grid-template-columns:1fr}.add-branch-inputs-grid .full-col{grid-column:span 1}.branch-row-card{flex-direction:column;align-items:stretch;gap:10px}.branch-row-action{justify-content:flex-end;display:flex}}