html{height:-webkit-fill-available}body{background:#f0f2f5;color:#1a1a1a;min-height:100vh;min-height:-webkit-fill-available;overscroll-behavior-y:none}.login-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{width:100%;max-width:420px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;box-shadow:0 8px 30px #00000014}.logo-section{text-align:center;margin-bottom:20px}.logo-img{width:48px;height:48px;margin-bottom:12px;border-radius:8px;object-fit:contain}.subtitle{margin:0;color:#6c757d;font-size:14px}.login-form{display:flex;flex-direction:column;gap:12px}.input{padding:12px 14px;border-radius:10px;border:1px solid #D0D7E2;background:#fff;color:#1a1a1a}.btn-primary{padding:12px 14px;border-radius:10px;border:none;background:silver;color:#002e5d;font-weight:700;cursor:pointer}.btn-secondary,.btn-logout{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;cursor:pointer}.btn-link{background:transparent;border:none;color:#4a90a4;cursor:pointer;padding:0;margin-top:8px;text-align:left}.btn-danger{color:#dc3545!important;border-color:#dc3545!important}.btn-danger:hover{background:#fff5f5!important}.btn-toggle{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px}.btn-on{background:#d4edda;color:#155724}.btn-off{background:#f8d7da;color:#721c24}.btn-action{padding:10px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:800}.btn-preparing{background:#4a90a4;color:#071018}.btn-ready{background:#5cb85c;color:#071018}.btn-delivered{background:#6c757d;color:#fff}.btn-cancel{background:#c41e3a;color:#fff}.error-message{color:#c41e3a;font-size:14px;margin-top:10px;padding:10px;background:#ffe5e9;border-radius:6px}.info-text{color:#6c757d;margin:0 0 4px;font-size:13px}.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}.pill.on{background:#5cb85c;color:#071018}.pill.off{background:#c41e3a;color:#fff}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.small{font-size:12px;color:#6c757d}.loading,.empty-state{padding:16px 0;color:#6c757d}.host-layout{min-height:100vh;min-height:100dvh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(135deg,#002e5d,#003049);color:#fff;padding:24px 16px;overflow-y:auto}.side-logo{display:flex;align-items:center;gap:10px;margin-bottom:30px;text-align:left}.header-logo{width:40px;height:40px;border-radius:6px;object-fit:contain}.logo-text{color:silver;font-weight:800;font-size:20px}.nav-section{margin-bottom:22px}.nav-label{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.nav-item{width:100%;text-align:left;background:transparent;border:none;color:#eaeaea;cursor:pointer;padding:12px;border-radius:8px;margin-bottom:6px;display:flex;gap:10px;align-items:center}.nav-item:hover{background:#ffffff1f}.nav-item.active{background:silver;color:#002e5d;font-weight:700}.nav-icon{font-size:16px}.sidebar-logout{margin-top:12px;width:100%}.main-content{margin-left:260px;padding:24px}.header{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.header-left h1{margin:0 0 6px;color:#002e5d;font-size:28px}.header-subtitle{color:#6c757d;font-size:14px}.order-ticker{display:flex;gap:12px;align-items:center;background:#fff;border-radius:10px;padding:10px 16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:box-shadow .15s;flex-wrap:wrap}.order-ticker:hover{box-shadow:0 2px 12px #0000001f}.ticker-item{font-weight:700;font-size:14px;white-space:nowrap}.ticker-red{color:#dc3545}.ticker-yellow{color:#856404}.ticker-green{color:#155724}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.stat-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.stat-label{color:#6c757d;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.stat-value{color:#002e5d;font-size:28px;font-weight:800;line-height:1.1;margin-top:4px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:10px}.stat-value{font-size:20px}.stat-label{font-size:11px}}.filter-tabs{display:flex;gap:8px;padding:12px 0;flex-wrap:wrap}.tab{padding:10px 12px;border-radius:10px;border:1px solid #D0D7E2;background:#fff;color:#1a1a1a;cursor:pointer;position:relative}.tab.active{background:#002e5d;color:#fff;border-color:#002e5d}.tab .badge{margin-left:8px;background:#c41e3a;color:#fff;border-radius:999px;padding:2px 7px;font-size:12px;display:inline-block}.orders-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.order-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:16px;transition:border-color .2s,box-shadow .2s}.order-card.order-pending{border-left:4px solid #DC3545}.order-card.order-urgent{border-left:4px solid #DC3545;box-shadow:0 0 0 1px #dc354533;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 0 1px #dc354533}50%{box-shadow:0 0 0 3px #dc354526}}.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.order-id{font-weight:800;color:#002e5d;font-size:15px}.order-body{padding:0}.order-meta{display:flex;gap:16px;margin-bottom:12px;font-size:14px;color:#333}.order-items-list{background:#f8f9fa;border-radius:10px;padding:10px 12px;margin-bottom:10px}.order-item-row{display:flex;flex-direction:column;gap:4px;padding:6px 0;font-size:14px}.order-item-row+.order-item-row{border-top:1px solid #E5E7EB}.order-item-main{display:flex;align-items:center;gap:8px}.order-item-instructions{font-size:12px;color:#495057;background:#e8f4fd;padding:4px 8px;border-radius:6px;line-height:1.4;margin-left:28px}.order-item-qty{font-weight:800;color:#002e5d;min-width:28px}.order-item-name{flex:1}.order-item-price{color:#6c757d;font-size:13px}.order-item-notes{width:100%;font-size:12px;color:#856404;background:#fff3cd;padding:3px 8px;border-radius:6px;margin-top:2px}.order-total{text-align:right;font-size:15px;color:#002e5d;padding-top:4px}.status-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;color:#fff;letter-spacing:.5px}.order-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.badge-yellow{background:#ffc107!important;color:#333!important}.badge-green{background:#28a745!important;color:#fff!important}.section h2{margin:0 0 10px;color:#002e5d}.menu-search-bar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.menu-search-input{flex:1;min-width:200px;max-width:500px;font-size:15px;padding:10px 14px}.menu-stats{font-size:13px;color:#6c757d;font-weight:600;white-space:nowrap}.menu-grid{display:flex;flex-direction:column;gap:8px}.menu-section-header{font-weight:800;font-size:13px;color:#002e5d;padding:10px 0 4px;border-bottom:2px solid #E5E7EB;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.menu-section-warning{color:#856404;border-bottom-color:#ffe69c}.menu-section-hidden{color:#6c757d;border-bottom-color:#d0d7e2}.menu-item{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:14px;transition:all .2s}.menu-item-hidden{opacity:.5}.menu-item-header{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 0}.menu-item-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.menu-item-photo{width:32px;height:32px;border-radius:8px;object-fit:cover}.menu-item-emoji{font-size:20px;line-height:1}.menu-item-info{flex:1;min-width:0}.menu-item-name{font-weight:800;font-size:15px;color:#002e5d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item-meta{display:flex;gap:6px;font-size:12px;color:#6c757d}.menu-item-category{text-transform:capitalize}.menu-item-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.menu-item-price{font-weight:800;font-size:16px;color:#002e5d}.menu-item-expand{color:#6c757d;font-size:12px}.menu-item-desc-preview{font-size:12px;color:#6c757d;padding:0 0 4px 44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item .btn-primary,.qr-actions-bar .btn-primary{background:#002e5d;color:silver;padding:8px 20px;border-radius:8px;font-size:13px}.menu-item .btn-primary:hover,.qr-actions-bar .btn-primary:hover{background:#001f40}.menu-item-details{padding:12px 0 4px;border-top:1px solid #F0F2F5;margin-top:8px}.menu-detail-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.menu-price-row{display:flex;align-items:center;gap:6px}.price-input{width:70px;text-align:center;font-weight:700}.menu-detail-section{margin-bottom:12px}.menu-label{display:block;font-size:12px;font-weight:700;color:#002e5d;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.menu-textarea{width:100%;min-height:60px;resize:vertical;font-size:13px;line-height:1.5}.menu-textarea-lg{width:100%;min-height:100px;resize:vertical;font-size:13px;line-height:1.5}.override-badge{display:inline-block;background:#ffe5cc;color:#8b4513;font-size:10px;padding:1px 6px;border-radius:8px;margin-left:6px;font-weight:600;text-transform:none;letter-spacing:0}.photo-upload-area{margin-top:4px}.photo-upload-prompt{border:2px dashed #D0D7E2;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s}.photo-upload-prompt:hover{border-color:#002e5d;background:#f8f9fa}.upload-icon{font-size:28px;margin-bottom:4px}.upload-text{font-size:14px;font-weight:600;color:#002e5d}.upload-hint{font-size:11px;color:#6c757d;margin-top:2px}.upload-spinner{font-size:14px;color:#002e5d;font-weight:600;padding:10px}.photo-preview-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.photo-preview-img{width:80px;height:80px;border-radius:10px;object-fit:cover;background:repeating-conic-gradient(#E5E7EB 0% 25%,transparent 0% 50%) 50% / 12px 12px}.photo-actions{display:flex;flex-wrap:wrap;gap:6px}.photo-pending-badge{width:100%;font-size:12px;font-weight:700;color:#856404;background:#fff3cd;padding:4px 10px;border-radius:6px;margin-top:-6px}.save-indicator{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;margin-bottom:8px;display:inline-block}.save-saving{background:#fff3cd;color:#856404}.save-saved{background:#d4edda;color:#155724}.save-error{background:#f8d7da;color:#721c24}.missing-dot{font-size:14px}.missing-ingredients-bar{background:#fff3cd;border:1px solid #FFE69C;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:12px;line-height:1.5;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.missing-label{font-weight:700;color:#856404;margin-right:6px}.missing-list{color:#664d03}.btn-remove-drink{background:#dc3545;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-remove-drink:hover{background:#c82333}.no-recipe-bar{background:#e2e3e5;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:12px;color:#383d41}.qr-actions-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.qr-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;align-items:center;transition:opacity .2s}.qr-card-inactive{opacity:.4}.qr-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.qr-name{font-weight:800;color:#002e5d;font-size:15px}.qr-canvas-wrap{background:#fff;border-radius:12px;padding:4px}.qr-url-display{word-break:break-all;color:#6c757d;font-size:11px;text-align:center;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s;max-width:100%}.qr-url-display:hover{background:#f0f2f5}.qr-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.qr-card-actions .btn-secondary{font-size:12px;padding:6px 10px}.location-list{display:flex;flex-direction:column;gap:12px}.location-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.location-info{flex:1}.location-name{font-weight:600;font-size:16px;color:#002e5d;margin-bottom:4px}.location-actions{display:flex;gap:12px;align-items:center}.inventory-list{display:flex;flex-direction:column;gap:12px}.inventory-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.inventory-info{flex:1}.inventory-name{font-weight:600;font-size:16px;color:#002e5d;margin-bottom:4px}.inventory-actions{display:flex;gap:12px;align-items:center}.availability-list{margin-top:16px}.availability-item{padding:12px 16px;border-radius:6px;margin-bottom:8px;font-size:14px}.availability-item.available{background:#e8f5e9;color:#2e7d32}.availability-item.unavailable{background:#ffebee;color:#c62828}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #D0D7E2;border-radius:10px;margin-top:4px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #0000001f;z-index:1000}.autocomplete-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #F0F2F5}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:#f8f9fa}.autocomplete-name{font-weight:600;color:#002e5d;margin-bottom:2px}.autocomplete-meta{font-size:12px;color:#6c757d}.team-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.team-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border:1px solid #E1E4E8;border-radius:8px}.team-info{display:flex;flex-direction:column;gap:8px}.team-phone{font-size:16px;font-weight:600;color:#002e5d}.team-role{display:flex;gap:8px}.team-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.team-badge-owner{background:gold;color:#002e5d}.team-badge-admin{background:silver;color:#002e5d}.shopping-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:10px}.suggestion-card{background:#fff;border:1px solid #E5E7EB;border-left:3px solid #002E5D;border-radius:10px;padding:12px 14px}.suggestion-header{display:flex;gap:10px;align-items:flex-start}.suggestion-icon{font-size:20px}.suggestion-ingredients{font-size:14px;color:#002e5d}.suggestion-impact{font-size:12px;color:#495057;margin-top:2px}.suggestion-unlocks{color:#155724;font-weight:700}.suggestion-helps{color:#856404}.suggestion-drinks{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-left:30px}.suggestion-drink-tag{font-size:11px;background:#d4edda;color:#155724;padding:2px 8px;border-radius:6px;font-weight:600}.add-ingredient-form{display:flex;gap:8px;margin-bottom:10px}.add-ingredient-form>*{flex:1;min-width:0}@media (max-width: 600px){.add-ingredient-form{flex-direction:column}.add-ingredient-form>*{flex:none;width:100%!important}.row{flex-wrap:wrap;gap:8px}.row>select,.row>input,.row>button{min-width:0;flex:1 1 45%}.row>button{flex:1 1 100%}}.avail-sub-header{font-size:14px;font-weight:700;color:#002e5d;padding:6px 0}.collapsible-header{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px 14px;background:#f8f9fa;border:1px solid #E5E7EB;border-radius:10px;-webkit-user-select:none;user-select:none;transition:background .15s}.collapsible-header:hover{background:#e9ecef}.collapsible-arrow{font-size:11px;color:#6c757d;width:14px}.collapsible-emoji{font-size:16px}.collapsible-title{font-size:15px;font-weight:700;color:#002e5d}.collapsible-body{padding:10px 0 0}.menu-section-header.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.menu-section-header.collapsible:hover{opacity:.8}.menu-section-hidden-incomplete{background:#f8d7da;color:#721c24}.pill{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.pill:active{transform:scale(.93)}.btn-inline-remove{background:none;border:1px solid #E5E7EB;border-radius:50%;width:26px;height:26px;font-size:13px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .15s,border-color .15s}.btn-inline-remove:hover{color:#dc3545;border-color:#dc3545}.btn-clear-unavailable{display:block;width:100%;padding:12px;margin:8px 0 16px;background:#fff3cd;border:1px dashed #856404;border-radius:10px;color:#856404;font-weight:600;font-size:14px;cursor:pointer;text-align:center}.btn-clear-unavailable:hover{background:#ffe69c}.btn-pin{padding:6px 14px;border-radius:8px;border:1px solid #D0D7E2;background:#fff;color:#002e5d;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-pin:hover{background:#f0f2f5;border-color:#002e5d}.btn-pin.pinned{background:#002e5d;color:#fff;border-color:#002e5d}.btn-pin.pinned:hover{background:#001f40}.form-container{background:#fff;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#002e5d}@media (max-width: 980px){.sidebar{position:static;width:100%}.main-content{margin-left:0;padding-bottom:env(safe-area-inset-bottom,20px)}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;color-scheme:dark;color:#eaeaea;background:#0b0f14}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}