.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f7f7fa}.auth-container{width:100%;max-width:400px;margin:auto}.auth-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000014;padding:32px 24px;margin:32px 0}.auth-header{text-align:center;margin-bottom:24px}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.auth-subtitle{color:#888;font-size:1rem}.auth-form{margin-top:16px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500}.input-wrapper{display:flex;align-items:center}.form-input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;transition:border .2s}.form-input:focus{border-color:#3b82f6}.verification-code{letter-spacing:4px;text-align:center;font-size:1.2rem}.auth-btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:8px;transition:background .2s}.auth-btn.loading{background:#60a5fa;cursor:wait}.auth-btn:disabled{background:#a5b4fc;cursor:not-allowed}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.forgot-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.95rem;text-decoration:underline;padding:0}.error-message{display:flex;align-items:center;color:#ef4444;background:#fee2e2;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:.98rem}.success-message{display:flex;align-items:center;color:#22c55e;background:#dcfce7;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:.98rem}.auth-footer{text-align:center;margin-top:24px;color:#888;font-size:.98rem}.auth-link{color:#3b82f6;text-decoration:underline;font-weight:500}.service-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;width:100%;text-align:right;position:relative;overflow:hidden}.service-tab:hover{background:#f5f5f5}.service-tab.active{background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #667eea20}.service-tab.active:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.service-tab-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.service-tab:hover .service-tab-icon{transform:scale(1.05)}.service-tab.active .service-tab-icon{transform:scale(1.08)}.service-tab-content{display:flex;align-items:center;gap:8px;flex:1}.service-tab-label{font-size:14px;font-weight:500;color:#333;flex:1}.service-tab.active .service-tab-label{font-weight:600;color:#1a1a1a}.service-tab-badge{min-width:20px;height:20px;padding:0 6px;background:#667eea;color:#fff;border-radius:10px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.service-tab.active .service-tab-badge{animation:pulse 2s infinite}@media(max-width:768px){.service-tab{padding:8px 12px}.service-tab-icon{width:32px;height:32px}.service-tab-label{font-size:13px}}.service-selector{position:relative;width:100%;margin-bottom:16px}.service-selector-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e8e9f3;border-radius:12px;cursor:pointer;transition:all .3s ease;gap:12px}.service-selector-button:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.service-selector-button:active{transform:scale(.98)}.service-selector-current{display:flex;align-items:center;gap:10px;flex:1}.service-selector-emoji{font-size:24px;line-height:1}.service-selector-label{font-size:16px;font-weight:600;color:#1a1a1a}.service-selector-badge{min-width:22px;height:22px;padding:0 7px;border-radius:11px;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.service-selector-chevron{color:#667eea;transition:transform .3s ease;flex-shrink:0}.service-selector-chevron.open{transform:rotate(180deg)}.service-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e8e9f3;border-radius:12px;box-shadow:0 8px 24px #0000001f;max-height:400px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease}.service-selector-dropdown::-webkit-scrollbar{width:6px}.service-selector-dropdown::-webkit-scrollbar-track{background:transparent}.service-selector-dropdown::-webkit-scrollbar-thumb{background:#ddd;border-radius:6px}.service-selector-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f5f5f5}.service-selector-option:last-child{border-bottom:none}.service-selector-option:hover{background:#f8f9ff}.service-selector-option.active{background:linear-gradient(135deg,#f8f9ff,#fff);border-right:3px solid #667eea}.service-selector-option-content{display:flex;align-items:center;gap:12px;flex:1}.service-selector-option-emoji{font-size:22px;line-height:1}.service-selector-option-label{font-size:15px;font-weight:500;color:#333}.service-selector-option.active .service-selector-option-label{font-weight:600;color:#667eea}.service-selector-option-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.service-selector-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e8e9f3 50%,transparent 100%);margin:4px 0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@media(max-width:768px){.service-selector-dropdown{max-height:60vh}}.notification-item{display:flex;gap:12px;padding:16px;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff;border:1px solid #f0f0f0;margin-bottom:8px;position:relative}.notification-item:hover{background:#fafafa;border-color:#e0e0e0;transform:translate(-2px);box-shadow:0 2px 8px #0000000d}.notification-item.unread{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea20}.notification-item.unread:hover{background:linear-gradient(135deg,#f5f6ff,#fafafa)}.notification-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.notification-item:hover .notification-icon{transform:scale(1.05)}.notification-content{flex:1;min-width:0}.notification-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.notification-title{font-size:15px;font-weight:600;color:#1a1a1a;line-height:1.4}.notification-badge{width:8px;height:8px;border-radius:50%;background:#667eea;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.notification-message{font-size:14px;color:#666;line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notification-footer{display:flex;align-items:center;gap:12px;font-size:12px}.notification-service-label{font-weight:500;display:flex;align-items:center;gap:4px}.notification-time{color:#999;margin-right:auto}.notification-item.review-prompt{border:2px solid #FFD70020;background:linear-gradient(135deg,#fffef8,#fff)}.notification-item.review-prompt:hover{border-color:#ffd70040}.notification-review-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s ease}.notification-review-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.notification-review-btn:active{transform:translateY(0)}[dir=rtl] .notification-item:hover{transform:translate(2px)}.review-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:fadeIn .3s ease}.review-modal{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.review-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.review-modal-title{font-size:20px;font-weight:700;margin:0}.review-modal-close{background:#fff3;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.review-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.review-modal-close:disabled{opacity:.5;cursor:not-allowed}.review-modal-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 80px)}.review-target-name{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;background:#f8f9ff;border-radius:12px;border-right:4px solid #667eea}.review-label{font-size:14px;font-weight:600;color:#666;margin-bottom:8px;display:block}.review-target{font-size:18px;font-weight:700;color:#1a1a1a}.review-rating-section{margin-bottom:24px}.review-stars{display:flex;gap:8px;margin:12px 0;justify-content:center}.review-star{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease}.review-star:hover{transform:scale(1.1)}.review-star:disabled{cursor:not-allowed;opacity:.6}.review-rating-text{text-align:center;font-size:16px;font-weight:600;color:#667eea;min-height:24px;margin-top:8px}.review-comment-section{margin-bottom:20px}.review-hint{font-size:12px;color:#999;font-weight:400}.review-comment-input{width:100%;padding:12px;border:2px solid #e8e9f3;border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;transition:all .2s ease;margin-top:8px}.review-comment-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.review-comment-input:disabled{background:#f5f5f5;cursor:not-allowed}.review-comment-counter{text-align:left;font-size:12px;color:#999;margin-top:4px}.review-error{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-bottom:16px;text-align:center}.review-modal-actions{display:flex;gap:12px;margin-top:24px}.review-btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.review-btn-cancel{background:#f5f5f5;color:#666}.review-btn-cancel:hover{background:#e8e8e8}.review-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.review-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.review-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media(max-width:768px){.review-modal{max-width:100%;border-radius:16px 16px 0 0;margin-top:auto}.review-modal-content{padding:20px}.review-stars{gap:4px}.review-star svg{width:36px;height:36px}}.notification-sidebar-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.notification-sidebar-overlay.open{opacity:1;visibility:visible}.notification-sidebar{position:fixed;top:0;right:-420px;width:420px;height:100vh;height:100dvh;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:10000;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow-x:hidden;overscroll-behavior:contain}.notification-sidebar.open{right:0}.notification-sidebar-header{padding:20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.notification-sidebar-title span{font-size:20px;font-weight:700}.notification-sidebar-title-actions{display:flex;align-items:center;gap:8px}.notification-sidebar-refresh{background:#fff3;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.notification-sidebar-refresh:hover{background:#ffffff4d;transform:rotate(90deg)}.notification-sidebar-close{background:#fff3;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.notification-sidebar-close:hover{background:#ffffff4d;transform:scale(1.05)}.notification-search{position:relative;display:flex;align-items:center}.notification-search-icon{position:absolute;right:12px;color:#ffffffb3;pointer-events:none}.notification-search-input{width:100%;padding:10px 12px 10px 40px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;transition:all .2s ease}.notification-search-input::-moz-placeholder{color:#fff9}.notification-search-input::placeholder{color:#fff9}.notification-search-input:focus{outline:none;background:#fff3;border-color:#fff6}.notification-service-selector-wrapper{display:none;padding:16px;background:#fafafa;border-bottom:1px solid #f0f0f0}.notification-service-tabs{display:block;padding:16px 12px;background:#fafafa;border-bottom:1px solid #f0f0f0;max-height:280px;overflow-y:auto}.notification-service-tabs::-webkit-scrollbar{width:4px}.notification-service-tabs::-webkit-scrollbar-track{background:transparent}.notification-service-tabs::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.notification-actions{padding:12px 16px;background:#f8f9ff;border-bottom:1px solid #e8e9f3}.notification-mark-all-read{width:100%;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.notification-mark-all-read:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.notification-mark-all-read:active{transform:translateY(0)}.notification-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scroll-behavior:smooth}.notification-list button,.notification-list [role=button]{touch-action:pan-y pinch-zoom}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:6px}.notification-list::-webkit-scrollbar-thumb:hover{background:#ccc}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.notification-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.notification-empty-icon{font-size:64px;opacity:.3;margin-bottom:16px}.notification-empty-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.notification-empty-subtitle{font-size:14px;color:#999;margin:0}@media(max-width:768px){.notification-sidebar{width:100%;right:-100%}.notification-sidebar.open{right:0}.notification-service-selector-wrapper{display:block}.notification-service-tabs{display:none}}[dir=rtl] .notification-sidebar{right:auto;left:-420px}[dir=rtl] .notification-sidebar.open{left:0}[dir=rtl] .notification-search-icon{right:auto;left:12px}[dir=rtl] .notification-search-input{padding:10px 40px 10px 12px}.push-notification-prompt{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.push-prompt-overlay{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.push-prompt-content{position:relative;background:#fff;border-radius:1.5rem;padding:2rem;max-width:400px;width:100%;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;text-align:center}.push-prompt-close{position:absolute;top:1rem;left:1rem;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.push-prompt-close:hover{background:#e5e7eb;color:#374151}.push-prompt-icon{width:72px;height:72px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 20px #667eea00}}.push-prompt-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.push-prompt-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.push-prompt-benefits{background:#f9fafb;border-radius:1rem;padding:1rem;margin-bottom:1.5rem;text-align:right}.push-benefit{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#374151;font-size:.9rem}.push-benefit svg{color:#10b981;flex-shrink:0}.push-prompt-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.875rem}.push-prompt-actions{display:flex;flex-direction:column;gap:.75rem}.push-prompt-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.push-prompt-btn:disabled{opacity:.6;cursor:not-allowed}.push-prompt-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.push-prompt-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.push-prompt-btn-secondary{background:transparent;color:#6b7280}.push-prompt-btn-secondary:hover:not(:disabled){background:#f3f4f6;color:#374151}.push-loading{display:flex;align-items:center;gap:.5rem}@media(max-width:480px){.push-prompt-content{padding:1.5rem;margin:.5rem}.push-prompt-icon{width:60px;height:60px}.push-prompt-icon svg{width:28px;height:28px}.push-prompt-title{font-size:1.25rem}.push-prompt-description{font-size:.9rem}.push-benefit{font-size:.85rem}}.profile-sidebar{background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:-4px 0 20px #00000026;border-left:1px solid #e2e8f0;padding-top:calc(24px + env(safe-area-inset-top,0px))!important;top:env(safe-area-inset-top,0px)!important;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.profile-sidebar button,.profile-sidebar a,.profile-sidebar select{touch-action:pan-y pinch-zoom}.profile-sidebar-overlay{-webkit-tap-highlight-color:transparent}.currency-switch select,.language-switch select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;color:#334155;transition:all .2s ease;cursor:pointer}.currency-switch select:hover,.language-switch select:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.currency-switch select:focus,.language-switch select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.btn-secondary,.btn-primary{padding:12px 16px;border-radius:8px;text-decoration:none;text-align:center;font-weight:600;font-size:14px;transition:all .2s ease;display:block}.btn-secondary{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid transparent}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.dropdown-link{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#475569;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;background:none;border:none;cursor:pointer;width:100%;text-align:left}.dropdown-link:hover{background:#f1f5f9;color:#334155;transform:translate(4px)}.logout-link{color:#dc2626}.logout-link:hover{background:#fef2f2;color:#b91c1c}@media(prefers-color-scheme:dark){.profile-sidebar{background:linear-gradient(135deg,#1e293b,#0f172a);border-left:1px solid #334155}.currency-switch select,.language-switch select{background:#1e293b;border-color:#334155;color:#e2e8f0}.btn-secondary{background:#334155;color:#e2e8f0;border-color:#475569}.dropdown-link{color:#cbd5e1}.dropdown-link:hover{background:#334155;color:#f1f5f9}}@media(max-width:768px){.profile-sidebar{width:280px}}.search-center-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:60px 20px 20px;overflow-y:auto}.search-center-panel{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:800px;max-height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-center-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;right:12px;color:#6b7280;z-index:1}.search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#fff;transition:all .2s ease;direction:rtl}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn{position:absolute;left:8px;background:#f3f4f6;border:none;border-radius:6px;padding:4px;color:#6b7280;cursor:pointer;transition:all .2s ease}.clear-search-btn:hover{background:#e5e7eb;color:#374151}.close-panel-btn{background:#f3f4f6;border:none;border-radius:8px;padding:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.close-panel-btn:hover{background:#e5e7eb;color:#374151}.search-categories{display:flex;flex-direction:column;gap:16px;padding:16px 20px;border-bottom:1px solid #e5e7eb}.category-dropdown{display:flex;align-items:center;gap:12px}.category-dropdown label{font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.category-select{flex:1;padding:10px 14px;border:2px solid #3b82f6;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease;max-width:250px}.category-select:hover{border-color:#2563eb;background:#eff6ff}.category-select:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #3b82f61a}.search-guide{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:12px;padding:16px}.guide-title{font-size:16px;font-weight:700;color:#1e40af;margin-bottom:12px;display:flex;align-items:center;gap:8px}.guide-content{display:flex;flex-direction:column;gap:8px}.guide-content p{margin:0;font-size:13px;line-height:1.6;color:#1e3a8a}.guide-content strong{font-weight:700}.search-filters{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e5e7eb}.product-filter-dropdown{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fef2f2;border:2px solid #ef4444;border-radius:8px;font-size:12px}.product-filter-dropdown label{color:#dc2626;font-weight:600;white-space:nowrap;font-size:11px}.product-filter-dropdown select{padding:4px 8px;border:1px solid #ef4444;border-radius:6px;background:#fff;color:#374151;font-size:12px;cursor:pointer;outline:none;transition:all .2s ease;min-width:100px}.product-filter-dropdown select:hover{border-color:#dc2626;background:#fef2f2}.product-filter-dropdown select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a}@media(max-width:640px){.product-filter-dropdown{padding:4px 8px;font-size:11px;gap:4px}.product-filter-dropdown label{font-size:10px}.product-filter-dropdown select{padding:3px 6px;font-size:11px;min-width:80px}}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{background:#f3f4f6}.filter-toggle-btn .rotated{transform:rotate(180deg)}.filters-content{margin-top:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{font-size:14px;color:#374151;font-weight:500;min-width:80px}.filter-group select{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.filter-group select:hover{border-color:#3b82f6}.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-content{flex:1;overflow-y:auto;padding:20px}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.search-section{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:8px;color:#374151}.section-title h3{margin:0;font-size:18px;font-weight:600}.clear-history-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;transition:color .2s ease}.clear-history-btn:hover{color:#ef4444}.history-list,.popular-list{display:flex;flex-direction:column;gap:8px}.history-item,.popular-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:right;direction:rtl}.history-item:hover,.popular-item:hover{background:#f3f4f6;border-color:#d1d5db}.results-list{display:flex;flex-direction:column;gap:12px}.result-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;direction:rtl}.result-item:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.result-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.result-content{flex:1;min-width:0}.result-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.result-description{margin:0 0 8px;font-size:14px;color:#6b7280;line-height:1.4}.result-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.result-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.result-meta-item.price{color:#059669;font-weight:600}.result-meta-item.distance-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #3b82f64d;display:flex;align-items:center;gap:4px;border:2px solid #2563eb}.result-meta-item.distance{color:#8b5cf6;font-weight:500}.result-meta-item.status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.result-meta-item.status.open{background:#d1fae5;color:#065f46}.result-meta-item.status.closed{background:#fee2e2;color:#991b1b}.result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.result-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;white-space:nowrap}.result-category{flex-shrink:0;font-size:12px;font-weight:500;padding:4px 8px;background:#3b82f61a;border-radius:12px}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.search-empty h4{margin:16px 0 8px;font-size:18px;font-weight:600;color:#374151}.search-empty p{margin:0;font-size:14px;line-height:1.5}@media(max-width:768px){.search-center-overlay{padding:20px 10px}.search-center-panel{max-height:calc(100vh - 40px)}.search-center-header{padding:16px}.search-categories,.search-filters,.search-content{padding-left:16px;padding-right:16px}.result-item{flex-direction:column;text-align:center}.result-meta{justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:8px}}.search-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:140px;justify-content:space-between}.search-button:hover{background:#fff3}.search-hint{flex:1;text-align:right;color:#fffc}.search-kbd{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 6px;font-size:11px;font-family:monospace;color:#ffffffe6;min-width:24px;text-align:center}@media(max-width:768px){.search-button{min-width:auto;padding:.5rem;width:40px;height:40px;justify-content:center}.search-hint,.search-kbd{display:none}}@media(max-width:480px){.search-button{width:36px;height:36px;padding:.4rem}}.services-sidebar-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end}.services-sidebar{background:#fff;width:280px;height:100vh;height:100dvh;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.services-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.services-sidebar-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.services-sidebar-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;color:#6b7280;transition:all .2s ease}.services-sidebar-close:hover{background:#e5e7eb;color:#374151}.services-sidebar-content{flex:1;padding:1rem 0;overflow-y:auto}.services-sidebar-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;transition:all .2s ease;text-align:right;font-size:1rem;color:#374151}.services-sidebar-item:hover{background:#f3f4f6;color:#1f2937}.services-sidebar-item:active{background:#e5e7eb}@media(max-width:480px){.services-sidebar{width:100vw;max-width:300px}.services-sidebar-header{padding:1rem}.services-sidebar-item{padding:.875rem 1rem}}.chat-list{flex:1;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#f8f9fa,#fff);min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.chat-list button,.chat-list [role=button],.chat-list a{touch-action:pan-y pinch-zoom}.chat-list::-webkit-scrollbar{width:4px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.chat-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:72px;margin-bottom:16px;opacity:.4;animation:float 3s ease-in-out infinite}.empty-text{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.empty-subtext{font-size:14px;color:#888;margin:0}.chat-item{display:flex;gap:14px;padding:14px 16px;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;animation:slideIn .3s ease both}.chat-item:hover{background:#f8f9fa}.chat-item:active{background:#f0f1f2;transform:scale(.99)}.chat-item.pinned{background:linear-gradient(135deg,#fffbf0,#fff);border-right:3px solid #ffa726}.chat-item.muted{opacity:.7}.chat-item.archived{background:#f5f5f5}.chat-avatar-wrapper{position:relative;flex-shrink:0}.chat-avatar{width:54px;height:54px;border-radius:50%;overflow:hidden;background:#e9ecef;box-shadow:0 2px 8px #00000014}.chat-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:600}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#4caf50;border:3px solid white;box-shadow:0 2px 4px #0000001a}.service-badge-mini{position:absolute;bottom:-4px;left:-4px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid white;box-shadow:0 2px 6px #00000026}.chat-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.chat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.chat-name-wrapper{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.chat-name{font-size:15px;font-weight:600;color:#212529;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-icon{color:#ffa726;transform:rotate(45deg)}.mute-icon{color:#adb5bd}.chat-role{font-size:10px;color:#868e96;background:#f1f3f4;padding:2px 6px;border-radius:8px;font-weight:500}.chat-time{font-size:11px;color:#adb5bd;white-space:nowrap}.order-info-mini{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.order-number{font-size:12px;color:#666;font-weight:500}.order-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px;background:#0000000a}.order-amount{font-size:12px;font-weight:700;color:#212529}.chat-last-message{display:flex;justify-content:space-between;align-items:center;gap:8px}.message-text{font-size:13px;color:#868e96;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.4}.message-text.typing{display:flex;align-items:center;gap:8px;color:var(--service-color, #667eea);font-style:italic}.typing-dots{display:flex;gap:3px}.typing-dots span{width:5px;height:5px;background:var(--service-color, #667eea);border-radius:50%;animation:typingDot 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.unread-badge{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 6px #f4433659}@media(max-width:768px){.chat-item{padding:12px 14px;gap:12px}.chat-avatar{width:48px;height:48px}.service-badge-mini{width:20px;height:20px;font-size:10px}.online-indicator{width:12px;height:12px;border-width:2px}.chat-name{font-size:14px}.order-info-mini{font-size:11px}.message-text{font-size:12px}}[dir=rtl] .chat-item.pinned{border-right:none;border-left:3px solid #ffa726}[dir=rtl] .service-badge-mini{left:auto;right:-4px}[dir=rtl] .online-indicator{right:auto;left:2px}.service-sidebar-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px)}}.service-sidebar{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;box-shadow:-8px 0 40px #0003;animation:sidebarSlideIn .4s cubic-bezier(.4,0,.2,1);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes sidebarSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.service-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.service-sidebar-header h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.3px}.close-sidebar-btn{background:#ffffff26;border:none;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.close-sidebar-btn:hover{background:#ffffff40;transform:scale(1.05)}.close-sidebar-btn:active{transform:scale(.95)}.service-sidebar-list{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.service-sidebar-item{display:flex;align-items:center;gap:16px;padding:16px 18px;margin-bottom:10px;background:linear-gradient(145deg,#f8f9fa,#fff);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative;box-shadow:0 2px 8px #0000000a;-webkit-tap-highlight-color:transparent}.service-sidebar-item:hover{background:linear-gradient(145deg,#fff,#f0f2f5);transform:translate(-6px);box-shadow:0 4px 16px #0000001a}.service-sidebar-item:active{transform:translate(-3px) scale(.98)}.service-sidebar-item.active{background:#fff;border-color:var(--service-color);box-shadow:0 4px 20px color-mix(in srgb,var(--service-color) 25%,transparent)}.service-sidebar-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.service-sidebar-item:hover .service-sidebar-icon{transform:scale(1.08)}.service-sidebar-name{flex:1;font-size:16px;font-weight:500;color:#1a1a1a;text-align:right;transition:color .3s ease}.service-sidebar-item.active .service-sidebar-name{font-weight:700;color:var(--service-color)}.service-sidebar-badge{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;min-width:24px;text-align:center;box-shadow:0 2px 8px #f4433666;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.service-sidebar{width:260px}.service-sidebar-header{padding:14px 16px}.service-sidebar-header h3{font-size:16px}.service-sidebar-item{padding:12px 14px}.service-sidebar-icon{width:38px;height:38px;font-size:20px}.service-sidebar-name{font-size:14px}}.mini-info-card{background:linear-gradient(145deg,#2d2d2d,#252525);border-top:3px solid;margin:0 16px 8px;border-radius:16px;padding:14px;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d;flex-shrink:0;position:relative;z-index:5;backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.mini-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000080,inset 0 1px #ffffff14}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.order-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;color:#fff;font-weight:600;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease}.order-badge:hover{transform:scale(1.02)}.order-icon{font-size:18px;display:flex;align-items:center}.order-text{font-size:14px;letter-spacing:-.2px}.status-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.85}}.info-details{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px;padding:8px 0}.info-item{display:flex;align-items:center;gap:8px;color:#b8b8b8;font-size:13px;background:#ffffff0d;padding:6px 12px;border-radius:8px;transition:background .2s ease}.info-item:hover{background:#ffffff1a}.info-icon{color:#888;flex-shrink:0}.info-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.action-button{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1.5px solid;border-radius:24px;background:#1a1a1acc;color:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.action-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0006;background:#333}.action-button:active{transform:translateY(0)}.action-icon{font-size:16px;display:flex;align-items:center}@media(max-width:768px){.mini-info-card{margin:0 12px 12px;padding:12px}.order-badge{padding:6px 12px}.order-text{font-size:13px}.status-badge{font-size:11px;padding:5px 10px}.info-item{font-size:12px;padding:5px 10px}.action-button{padding:8px 14px;font-size:12px}}@media(max-width:400px){.mini-info-card{margin:0 8px 8px;padding:10px}.info-header{flex-direction:column;align-items:flex-start;gap:8px}.info-details{gap:8px}.info-actions{gap:6px}.action-button{padding:6px 12px;font-size:11px}}.message-bubble{display:flex;gap:10px;max-width:75%;min-width:180px;margin-bottom:8px;position:relative;animation:messageSlideIn .35s cubic-bezier(.175,.885,.32,1.275)}.message-bubble-skeleton{width:200px;height:48px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:16px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-bubble.mine{align-self:flex-end;flex-direction:row-reverse}.message-bubble.theirs{align-self:flex-start}.message-bubble.system{align-self:center;max-width:90%;min-width:auto}.sender-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.sender-avatar:hover{transform:scale(1.1)}.sender-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px}.bubble-content{display:flex;flex-direction:column;gap:4px;max-width:100%}.sender-name{font-size:12px;color:#666;font-weight:600;margin:0 0 2px 12px}.forwarded-label{display:flex;align-items:center;gap:4px;font-size:11px;color:#888;font-style:italic;margin-bottom:4px;padding:0 12px}.bubble-wrapper{background:#fff;padding:10px 14px;border-radius:18px;box-shadow:0 2px 8px #00000014;min-width:140px;max-width:100%;position:relative;transition:box-shadow .2s ease}.bubble-wrapper:hover{box-shadow:0 4px 16px #0000001f}.message-bubble.mine .bubble-wrapper{background:linear-gradient(135deg,var(--service-color, #667eea) 0%,var(--service-color-dark, #5a67d8) 100%);color:#fff;border-bottom-right-radius:6px}.message-bubble.theirs .bubble-wrapper{border-bottom-left-radius:6px}.reply-preview{display:flex;gap:8px;padding:8px 10px;margin-bottom:8px;background:#0000000d;border-radius:8px;cursor:pointer;transition:background .2s ease}.reply-preview:hover{background:#00000014}.message-bubble.mine .reply-preview{background:#ffffff26}.message-bubble.mine .reply-preview:hover{background:#fff3}.reply-bar{width:3px;border-radius:2px;background:var(--service-color, #667eea)}.message-bubble.mine .reply-bar{background:#ffffff80}.reply-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.reply-sender{font-size:11px;font-weight:600;color:var(--service-color, #667eea)}.message-bubble.mine .reply-sender{color:#ffffffe6}.reply-text{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bubble.mine .reply-text{color:#ffffffbf}.message-text{margin:0 0 4px;font-size:15px;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message-bubble.mine .message-text{color:#fff}.edited-label{font-size:10px;opacity:.6;font-style:italic;margin-right:8px}.message-deleted{display:flex;align-items:center;gap:6px;font-style:italic;opacity:.6;font-size:14px}.message-media{display:flex;flex-direction:column;gap:8px;overflow:hidden;border-radius:12px;margin:-6px -8px 6px}.image-message img,.message-image{max-width:300px;max-height:300px;border-radius:12px;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:transform .2s ease}.image-message img:hover{transform:scale(1.02)}.video-container{position:relative;display:inline-block}.message-video{max-width:300px;max-height:300px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(4px)}.video-play-btn:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.video-duration{position:absolute;bottom:8px;right:8px;padding:2px 8px;background:#0009;color:#fff;font-size:11px;border-radius:4px}.media-caption{margin:4px 8px;font-size:14px}.message-voice{display:flex;align-items:center;gap:12px;padding:8px 4px;min-width:200px}.voice-play-btn{width:40px;height:40px;border-radius:50%;background:var(--service-color, #667eea);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.message-bubble.mine .voice-play-btn{background:#ffffff40}.voice-play-btn:hover{transform:scale(1.1)}.voice-waveform{flex:1;height:32px;position:relative;border-radius:4px;overflow:hidden}.voice-progress{position:absolute;bottom:0;left:0;height:100%;background:#0000001a;border-radius:4px;transition:width .1s linear}.message-bubble.mine .voice-progress{background:#fff3}.waveform-bars{display:flex;align-items:center;justify-content:space-between;height:100%;gap:2px}.waveform-bar{width:3px;background:#ccc;border-radius:2px;transition:height .3s ease}.message-bubble.mine .waveform-bar{background:#ffffff80}.waveform-bar.playing{animation:waveformPulse .5s ease-in-out infinite alternate}@keyframes waveformPulse{0%{transform:scaleY(1)}to{transform:scaleY(.5)}}.voice-duration{font-size:11px;color:#888;flex-shrink:0}.message-bubble.mine .voice-duration{color:#fffc}.message-file{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8f9fa;border-radius:12px}.message-bubble.mine .message-file{background:#ffffff26}.file-icon-wrapper{width:44px;height:44px;border-radius:10px;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#666}.message-bubble.mine .file-icon-wrapper{background:#fff3;color:#fff}.file-info{flex:1;overflow:hidden}.file-name{margin:0 0 2px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:#888}.message-bubble.mine .file-size{color:#ffffffb3}.file-download-btn{width:36px;height:36px;border-radius:50%;background:var(--service-color, #667eea);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.message-bubble.mine .file-download-btn{background:#ffffff40}.file-download-btn:hover{transform:scale(1.1)}.message-location{display:flex;flex-direction:column;gap:8px;overflow:hidden;border-radius:12px;margin:-6px -8px 6px}.location-map{height:120px;overflow:hidden}.location-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.location-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;color:#f44336}.location-info{padding:8px 12px}.location-name{margin:0 0 4px;font-size:14px;font-weight:600}.location-address{margin:0 0 8px;font-size:13px;color:#666}.message-bubble.mine .location-address{color:#fffc}.location-open-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--service-color, #667eea);color:#fff;border:none;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s ease}.message-bubble.mine .location-open-btn{background:#ffffff40}.location-open-btn:hover{transform:scale(1.05)}.message-invoice{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:12px;margin:-4px -6px 4px;border:1px solid #e9ecef}.message-bubble.mine .message-invoice{background:#ffffff26;border-color:#fff3}.invoice-header{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #dee2e6}.message-bubble.mine .invoice-header{border-bottom-color:#fff3}.invoice-icon{font-size:20px}.invoice-title{font-weight:600;font-size:14px;flex:1}.invoice-number{font-size:11px;color:#666;background:#e9ecef;padding:2px 8px;border-radius:10px}.message-bubble.mine .invoice-number{background:#fff3;color:#ffffffe6}.invoice-items{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.invoice-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:4px 0}.item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-qty{color:#888;margin:0 8px;font-size:12px}.message-bubble.mine .item-qty{color:#ffffffb3}.item-total{font-weight:600;font-size:12px}.invoice-more{font-size:11px;color:#888;text-align:center;font-style:italic}.invoice-total{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:2px solid #dee2e6;font-weight:600}.message-bubble.mine .invoice-total{border-top-color:#ffffff4d}.total-amount{font-size:16px;color:var(--service-color, #667eea)}.message-bubble.mine .total-amount{color:#fff}.message-order-update{display:flex;align-items:center;gap:12px;padding:8px;background:#e8f5e9;border-radius:10px}.message-bubble.mine .message-order-update{background:#ffffff26}.update-icon{font-size:24px}.update-content{display:flex;flex-direction:column;gap:2px}.update-title{font-size:11px;font-weight:600;color:#2e7d32;text-transform:uppercase}.message-bubble.mine .update-title{color:#fffc}.update-text{font-size:14px}.message-bubble.system .message-system{background:#f8f9fa;padding:8px 16px;border-radius:20px;font-size:12px;color:#666;text-align:center}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.message-time{font-size:10px;color:#999}.message-bubble.mine .message-time{color:#ffffffb3}.status-icon{transition:color .2s ease}.status-icon.sending{color:#ffffff80;animation:pulse 1s infinite}.status-icon.sent{color:#ffffffb3}.status-icon.delivered{color:#ffffffd9}.status-icon.read{color:#4fc3f7}.status-icon.failed{color:#f44336}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#0000000f;border-radius:12px;font-size:14px;cursor:pointer;transition:all .2s ease}.message-bubble.mine .reaction-badge{background:#fff3}.reaction-badge:hover{transform:scale(1.1)}.reaction-count{font-size:11px;color:#666}.message-bubble.mine .reaction-count{color:#fffc}.actions-toggle{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;opacity:0;transition:all .2s ease}.message-bubble.mine .actions-toggle{right:auto;left:4px;color:#ffffffb3}.bubble-wrapper:hover .actions-toggle{opacity:1}.actions-toggle:hover{background:#0000001a}.message-bubble.mine .actions-toggle:hover{background:#fff3}.message-actions-menu{position:absolute;top:100%;right:0;margin-top:4px;z-index:100;animation:menuSlideIn .2s ease}.message-bubble.mine .message-actions-menu{right:auto;left:0}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reactions-picker{display:flex;gap:4px;padding:8px 12px;background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000026;margin-bottom:8px}.reaction-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;font-size:20px;cursor:pointer;transition:all .2s ease}.reaction-btn:hover{background:#f0f0f0;transform:scale(1.2)}.actions-list{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;min-width:160px}.actions-list button{display:flex;align-items:center;gap:10px;padding:12px 16px;background:none;border:none;font-size:14px;color:#333;cursor:pointer;transition:background .2s ease}.actions-list button:hover{background:#f5f5f5}.actions-list .delete-action{color:#f44336}.actions-list .delete-action:hover{background:#ffebee}@media(max-width:768px){.message-bubble{max-width:88%;min-width:160px}.message-image,.message-video{max-width:260px;max-height:260px}.message-text{font-size:14px}.bubble-wrapper{padding:8px 12px}.sender-avatar{width:32px;height:32px}.actions-toggle{opacity:.7}.reactions-picker{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000}.actions-list{position:fixed;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;min-width:100%;z-index:1000}.actions-list button{padding:16px 20px;font-size:16px}}[dir=rtl] .message-bubble.mine{flex-direction:row}[dir=rtl] .message-bubble.theirs{flex-direction:row-reverse}[dir=rtl] .sender-name{margin:0 12px 2px 0}[dir=rtl] .message-bubble.mine .bubble-wrapper{border-bottom-right-radius:18px;border-bottom-left-radius:6px}[dir=rtl] .message-bubble.theirs .bubble-wrapper{border-bottom-left-radius:18px;border-bottom-right-radius:6px}[dir=rtl] .actions-toggle{right:auto;left:4px}[dir=rtl] .message-bubble.mine .actions-toggle{left:auto;right:4px}[dir=rtl] .message-actions-menu{right:auto;left:0}[dir=rtl] .message-bubble.mine .message-actions-menu{left:auto;right:0}.message-composer{background:#fff;border-top:1px solid #e9ecef;padding:12px 16px;flex-shrink:0;width:100%;box-sizing:border-box;padding-bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 12px));position:relative;z-index:100}@media(max-width:768px){.message-composer{position:sticky;bottom:0;left:0;right:0;padding-bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 16px));background:#fff}}.composer-skeleton{height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.reply-bar-composer{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 12px;margin-bottom:10px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border-right:3px solid var(--service-color, #667eea);animation:slideDown .2s ease}.reply-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.reply-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px}.reply-bar-composer .reply-sender{font-size:12px;font-weight:600;color:var(--service-color, #667eea)}.reply-bar-composer .reply-preview{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.reply-cancel{width:28px;height:28px;border-radius:50%;background:#f0f0f0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#888;transition:all .2s ease;flex-shrink:0}.reply-cancel:hover{background:#e0e0e0;color:#666}.attachments-menu{display:flex;gap:10px;margin-bottom:12px;padding:14px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;overflow-x:auto;animation:slideUp .2s ease}.attachment-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;background:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;min-width:75px;box-shadow:0 2px 8px #0000000f;-webkit-tap-highlight-color:transparent}.attachment-option:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000001a}.attachment-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.attachment-icon.image{background:linear-gradient(135deg,#667eea,#764ba2)}.attachment-icon.video{background:linear-gradient(135deg,#f44336,#e91e63)}.attachment-icon.file{background:linear-gradient(135deg,#ff9800,#ff5722)}.attachment-icon.location{background:linear-gradient(135deg,#4caf50,#8bc34a)}.attachment-option span{font-size:11px;color:#666;font-weight:500}.emoji-picker{position:absolute;bottom:100%;left:16px;right:16px;margin-bottom:8px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000026;overflow:hidden;animation:slideUp .2s ease;z-index:200}.emoji-categories{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.emoji-category-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;font-size:18px;cursor:pointer;transition:all .2s ease}.emoji-category-btn:hover{background:#e9ecef}.emoji-category-btn.active{background:var(--service-color, #667eea);box-shadow:0 2px 8px #667eea4d}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;max-height:200px;overflow-y:auto}.emoji-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;font-size:22px;cursor:pointer;transition:all .2s ease}.emoji-btn:hover{background:#f0f0f0;transform:scale(1.2)}.composer-input-area{display:flex;align-items:flex-end;gap:8px}.attachment-button,.emoji-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;color:#888;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.attachment-button:hover,.emoji-button:hover,.attachment-button.active,.emoji-button.active{background:#f0f0f0;color:var(--service-color, #667eea)}.message-input{flex:1;padding:11px 18px;border:2px solid #e9ecef;border-radius:24px;font-size:15px;font-family:inherit;resize:none;max-height:120px;min-height:44px;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word;transition:all .2s ease;line-height:1.5;background:#f8f9fa}.message-input:focus{outline:none;border-color:var(--service-color, #667eea);background:#fff;box-shadow:0 0 0 4px #667eea1a}.message-input::-moz-placeholder{color:#adb5bd}.message-input::placeholder{color:#adb5bd}.send-button,.voice-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.send-button{background:#dee2e6}.send-button.active{background:var(--service-color, #667eea);box-shadow:0 4px 12px #667eea59}.send-button.active:hover{transform:scale(1.1)}.voice-button{background:var(--service-color, #667eea);box-shadow:0 4px 12px #667eea59}.voice-button:hover{transform:scale(1.1)}.message-composer.recording-mode{background:linear-gradient(135deg,#fef3f2,#fff)}.recording-container{display:flex;align-items:center;gap:12px;padding:6px 0}.recording-cancel{width:40px;height:40px;border-radius:50%;background:#ffebee;border:none;cursor:pointer;color:#f44336;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.recording-cancel:hover{background:#ffcdd2;transform:scale(1.1)}.recording-display{flex:1;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;border-radius:24px;box-shadow:0 2px 8px #0000000f}.recording-indicator{width:10px;height:10px;border-radius:50%;background:#f44336;animation:pulse-recording 1s infinite}.recording-indicator.paused{animation:none;background:#ff9800}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.recording-time{font-size:14px;font-weight:600;color:#f44336;min-width:48px}.recording-waveform{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;height:32px}.wave-bar{width:3px;height:8px;background:#f44336;border-radius:2px;transition:height .1s ease}.wave-bar.active{animation:wave-animation .5s ease-in-out infinite alternate}@keyframes wave-animation{0%{height:8px}to{height:24px}}.audio-preview{flex:1;height:32px}.recording-pause,.recording-stop{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.recording-pause{background:#fff3e0;color:#ff9800}.recording-pause:hover{background:#ffe0b2;transform:scale(1.1)}.recording-stop{background:#f44336;color:#fff;box-shadow:0 4px 12px #f4433659}.recording-stop:hover{transform:scale(1.1)}.recording-send{width:44px;height:44px;border-radius:50%;background:var(--service-color, #667eea);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea59;transition:all .2s ease}.recording-send:hover{transform:scale(1.1)}@media(max-width:768px){.message-composer{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.emoji-picker{left:8px;right:8px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.attachment-option{min-width:65px;padding:10px 12px}.attachment-icon{width:36px;height:36px}.message-input{font-size:16px}.composer-input-area{gap:6px}.attachment-button,.emoji-button{width:36px;height:36px}.send-button,.voice-button{width:40px;height:40px}}[dir=rtl] .reply-bar-composer{border-right:none;border-left:3px solid var(--service-color, #667eea)}.order-tracking{background:linear-gradient(180deg,#1a1a1a,#121212);border-radius:16px;overflow:hidden;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}.order-tracking::-webkit-scrollbar{width:6px}.order-tracking::-webkit-scrollbar-track{background:transparent}.order-tracking::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.order-tracking.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;color:#999}.tracking-header{padding:24px 20px;color:#fff;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#667eea26,#764ba21a);border-bottom:1px solid rgba(255,255,255,.08)}.tracking-icon{font-size:36px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffff1a;border-radius:16px;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tracking-title h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.3px}.tracking-title p{margin:6px 0 0;font-size:14px;opacity:.85;color:#b8b8b8}.tracking-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:#2d2d2d;margin:0}.tracking-info-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#1a1a1a;border-radius:8px;color:#e0e0e0}.tracking-info-item svg{color:#667eea;flex-shrink:0;margin-top:2px}.tracking-info-item>div{display:flex;flex-direction:column;gap:4px;min-width:0}.info-label{font-size:12px;color:#999}.info-value{font-size:14px;color:#e0e0e0;font-weight:500;word-break:break-word}.tracking-timeline{padding:24px 20px;position:relative}.tracking-step{display:flex;gap:16px;position:relative;min-height:80px}.tracking-step:last-child{min-height:auto}.step-indicator{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;background:#2d2d2d;color:#666;border:3px solid #2d2d2d;z-index:2;transition:all .3s ease}.step-icon.completed{background:#4caf50;color:#fff;border-color:#4caf50}.step-icon.active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.step-icon.active.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #667eea33}50%{box-shadow:0 0 0 8px #667eea1a}}.step-line{width:3px;flex:1;background:#2d2d2d;position:absolute;top:40px;bottom:-40px;left:50%;transform:translate(-50%);z-index:1}.step-line.completed{background:#4caf50}.step-content{flex:1;padding-bottom:24px}.step-label{margin:0 0 8px;font-size:16px;font-weight:600;color:#e0e0e0}.tracking-step.active .step-label{color:#667eea}.tracking-step.completed .step-label{color:#4caf50}.step-description{margin:0 0 8px;font-size:14px;color:#999;line-height:1.5}.step-time{font-size:12px;color:#666}.tracking-note{margin:16px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px}.tracking-note.success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.tracking-note.error{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}@media(max-width:768px){.tracking-info-grid{grid-template-columns:1fr}.tracking-header,.tracking-timeline{padding:16px}.step-icon{width:36px;height:36px;font-size:14px}.step-line{top:36px}}.order-details{background:#1a1a1a;border-radius:12px;overflow:hidden;height:100%;overflow-y:auto}.order-details.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;color:#999}.details-header{padding:20px;color:#fff;display:flex;align-items:center;gap:16px}.details-icon{font-size:32px}.details-title h3{margin:0;font-size:18px;font-weight:600}.details-title p{margin:4px 0 0;font-size:14px;opacity:.9}.details-status{padding:16px;display:flex;justify-content:center;background:#2d2d2d}.status-badge-large{padding:12px 24px;border-radius:8px;color:#fff;font-weight:600;font-size:16px;text-align:center}.details-list{padding:16px}.detail-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#2d2d2d;border-radius:8px;margin-bottom:12px;transition:background .2s}.detail-item:hover{background:#353535}.detail-item:last-child{margin-bottom:0}.detail-icon{flex-shrink:0;margin-top:2px}.detail-content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.detail-label{font-size:13px;color:#999}.detail-value{font-size:15px;color:#e0e0e0;font-weight:500;word-break:break-word;line-height:1.5}.order-items-section{padding:16px;border-top:1px solid #2d2d2d}.section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#e0e0e0}.order-items-list{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;align-items:center;gap:12px;padding:12px;background:#2d2d2d;border-radius:8px}.item-image{width:50px;height:50px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.item-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.item-name{font-size:14px;font-weight:500;color:#e0e0e0}.item-quantity{font-size:12px;color:#999}.item-price{font-size:14px;font-weight:600;color:#667eea;white-space:nowrap}.contact-section{padding:16px;border-top:1px solid #2d2d2d}.contact-card{display:flex;align-items:center;gap:12px;padding:16px;background:#2d2d2d;border-radius:8px}.contact-avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-name{font-size:15px;font-weight:600;color:#e0e0e0}.contact-role{font-size:13px;color:#999}.loading-spinner{width:40px;height:40px;border:3px solid #2d2d2d;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.details-header{padding:16px}.details-list,.order-items-section,.contact-section,.detail-item{padding:12px}.status-badge-large{padding:10px 20px;font-size:14px}}.order-items-section.invoice-style{background:linear-gradient(to bottom,#252525,#1a1a1a);border:1px dashed #667eea;border-radius:12px;margin:16px;padding:16px}.invoice-items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:8px 12px;background:#333;border-radius:6px;margin-bottom:12px;font-size:12px;font-weight:600;color:#999}.order-item.invoice-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #2d2d2d}.order-item.invoice-row:last-of-type{border-bottom:none}.order-item.invoice-row.weighted-item{background:#f59e0b0d}.order-item.invoice-row .item-info{display:flex;flex-direction:row;align-items:center;gap:8px}.order-item.invoice-row .item-info .item-image-small{width:32px;height:32px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.order-item.invoice-row .item-name{display:flex;align-items:center;gap:6px}.weight-badge{font-size:14px}.item-unit-price{font-size:12px;color:#888}.order-item.invoice-row .item-quantity{font-size:13px;color:#999;text-align:center}.order-item.invoice-row .item-price{text-align:right}.invoice-totals{margin-top:16px;padding-top:12px;border-top:2px dashed #444}.invoice-total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#ccc}.invoice-total-row.grand-total{font-size:18px;font-weight:700;color:#e0e0e0;padding-top:12px;margin-top:8px;border-top:1px solid #444}.invoice-total-row.grand-total span:last-child{color:#667eea;font-size:20px}.invoice-payment{margin-top:16px;padding:12px;background:#2d2d2d;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#ccc}.payment-method-badge{color:#667eea;font-weight:600}.chat-room{display:flex;flex-direction:column;height:100%;min-height:0;background:#1a1a1a;direction:rtl;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.view-content{flex:1;overflow-y:auto;padding:12px;min-height:0}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#999}.coming-soon-icon{font-size:64px;margin-bottom:16px;opacity:.5}.coming-soon h3{margin:0 0 8px;font-size:20px;color:#e0e0e0}.coming-soon p{margin:0;font-size:14px;color:#999}.chat-room-top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#2d2d2d;color:#fff;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1)}.view-mode-title{font-size:18px;font-weight:600;margin:0;color:#fff}.back-button,.menu-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.back-button:hover,.menu-button:hover{background:#ffffff1a}.back-button:active,.menu-button:active{transform:scale(.95)}.chat-room-services{background:#2d2d2d;padding:12px 0;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1)}.view-mode-menu-wrapper{position:relative;display:flex;align-items:center;padding:8px 16px;background:#1a1a1a;border-bottom:1px solid #3d3d3d;flex-shrink:0}.view-mode-menu-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.view-mode-menu-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #667eea66}.view-mode-menu-btn:active{transform:scale(.98)}.current-view-label{white-space:nowrap}.view-mode-overlay{position:fixed;inset:0;background:#00000080;z-index:10000}.view-mode-dropdown{position:absolute;top:calc(100% + 8px);left:16px;right:16px;background:#2d2d2d;border-radius:16px;box-shadow:0 8px 32px #0006;z-index:10001;overflow:hidden;animation:dropdownSlide .2s ease}.view-mode-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #3d3d3d;color:#999;font-size:13px}.view-mode-dropdown-header button{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.view-mode-dropdown-header button:hover{background:#3d3d3d;color:#fff}.view-mode-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;color:#ccc;font-size:15px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:start}.view-mode-option:hover{background:#3d3d3d}.view-mode-option.active{background:linear-gradient(135deg,#667eea33,#764ba233);color:#667eea}[dir=rtl] .view-mode-dropdown{left:16px;right:16px}.messages-view-wrapper{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden;margin:0;padding:0}.messages-container{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:12px 16px;display:flex;flex-direction:column;gap:12px;background:#1a1a1a;-webkit-overflow-scrolling:touch;min-height:0;max-height:100%;margin:0;width:100%;box-sizing:border-box;overscroll-behavior-y:contain;touch-action:pan-y}.messages-container button,.messages-container [role=button],.messages-container a{touch-action:pan-y pinch-zoom}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.loading-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#ffffffb3}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--service-color);border-radius:50%;animation:spin 1s linear infinite}.loading-messages p{color:#ffffffb3;font-size:14px}@media(max-width:768px){.chat-room-top-bar{padding:10px 12px}.view-mode-title{font-size:16px}.view-mode-menu-wrapper{padding:8px 12px}.view-mode-menu-btn{padding:8px 14px;font-size:13px}.view-mode-dropdown{left:12px;right:12px}.service-select-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border-color:transparent!important;font-weight:600}.service-select-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}.service-name-banner{padding:12px 16px;margin:8px 12px;border-radius:16px}.service-icon-large{font-size:24px}.service-name-text{font-size:18px}.back-button,.menu-button{width:36px;height:36px}}@media(max-width:480px){.chat-room-top-bar{padding:8px 10px}.view-mode-title{font-size:15px}.service-name-banner{padding:10px 14px;margin:6px 10px;border-radius:14px}.service-icon-large{font-size:22px}.service-name-text{font-size:16px}}.typing-indicator-wrapper{display:flex;align-items:center;gap:10px;padding:8px 16px;margin-bottom:8px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#fff;border-radius:18px;box-shadow:0 2px 8px #00000014}.typing-indicator span{width:8px;height:8px;background:#adb5bd;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(1){animation-delay:0s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);background:#adb5bd}30%{transform:translateY(-8px);background:var(--service-color, #667eea)}}.typing-text{font-size:12px;color:#868e96;font-style:italic}.messages-container{display:flex;flex-direction:column;padding:16px;gap:4px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.date-separator{display:flex;align-items:center;justify-content:center;margin:16px 0}.date-separator span{padding:6px 16px;background:#0000000d;border-radius:16px;font-size:11px;color:#868e96;font-weight:500}@supports (height: 100dvh){@media(max-width:768px){.modal-overlay,.modal-content,.chat-hub-modal,.chat-hub{height:100dvh!important;min-height:100dvh!important}}}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100vh!important;height:100dvh!important;top:0!important;left:0!important}body.modal-open .bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}@media(max-width:400px){.modal-overlay{width:100vw!important;height:100vh!important;height:100dvh!important;padding:0!important;margin:0!important}.chat-hub-header{padding:8px!important}.header-title{font-size:16px!important}.search-input{font-size:13px!important;padding:8px 8px 8px 36px!important}.search-icon{right:10px!important}.close-button,.starred-button{width:40px!important;height:40px!important}}@media(max-width:768px){.chat-hub,.modal-content,.modal-overlay{transform:translateZ(0);will-change:transform}.chat-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@supports (padding: env(safe-area-inset-top)){@media(max-width:768px){.chat-hub-header{padding-top:max(12px,env(safe-area-inset-top))!important;padding-right:env(safe-area-inset-right)!important;padding-left:env(safe-area-inset-left)!important}.chat-list{padding-bottom:env(safe-area-inset-bottom)!important}}}@media(max-width:768px){.chat-list::-webkit-scrollbar{display:none}.chat-list{-ms-overflow-style:none;scrollbar-width:none}.chat-room{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;overflow:hidden!important;padding:0!important;margin:0!important}.chat-room-container{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important;padding:0!important;margin:0!important}.messages-container{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;margin:0!important;padding-bottom:0!important}.message-composer{flex-shrink:0!important;margin:0!important;position:relative!important;width:100%!important;z-index:100!important}.message-composer .send-button,.message-composer .attachment-button,.message-composer .emoji-button{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;pointer-events:auto!important}.message-composer .send-button.active{pointer-events:auto!important}.messages-view-wrapper{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important}}@media(max-width:320px){.chat-hub-header{padding:6px 8px!important}.header-title{font-size:14px!important}.header-badge{font-size:11px!important;padding:2px 6px!important}.search-input{font-size:12px!important;padding:6px 6px 6px 32px!important}.search-icon{width:16px!important;height:16px!important}.close-button,.starred-button{width:36px!important;height:36px!important}.header-actions{gap:4px!important}}@media(max-width:768px){.fab-new-chat{bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;right:16px!important;width:56px!important;height:56px!important}[dir=rtl] .fab-new-chat{right:auto!important;left:16px!important}}.chat-room-active .fab-new-chat,.chat-room-container .fab-new-chat,.in-chat-room .fab-new-chat{display:none!important;visibility:hidden!important;pointer-events:none!important}[dir=rtl] .service-sidebar{right:auto;left:0;animation-name:sidebarSlideInRTL}@keyframes sidebarSlideInRTL{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}[dir=rtl] .service-sidebar-item:hover{transform:translate(6px)}[dir=rtl] .service-sidebar-item:active{transform:translate(3px) scale(.98)}@media(max-width:768px){.chat-list,.messages-container,.modal-content,.chat-hub,.service-sidebar-content{-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;scroll-behavior:smooth!important}.chat-list button,.chat-list a,.chat-list [role=button],.messages-container button,.messages-container a,.service-sidebar-content button,.service-sidebar-content a{touch-action:pan-y pinch-zoom!important}.modal-overlay,.chat-modal-overlay{overscroll-behavior:contain!important}}@media(max-width:768px){.messages-view-wrapper{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.messages-container{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.message-composer{flex-shrink:0!important;position:sticky!important;bottom:0!important;background:#fff!important;z-index:100!important}.chat-room{height:100%!important;min-height:0!important;max-height:none!important}.chat-modal-content.in-chat-room{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}}.chat-hub{display:flex;flex-direction:column;height:100%;min-height:100vh;min-height:100dvh;background:#f5f5f5;direction:rtl;position:relative;width:100%;overflow:hidden}.chat-room-container{background:#1a1a1a;padding:0;margin:0}.fab-new-chat{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #667eea80;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;-webkit-tap-highlight-color:transparent}[dir=rtl] .fab-new-chat{right:auto;left:24px}.fab-new-chat:hover{transform:scale(1.1);box-shadow:0 8px 30px #667eea99}.fab-new-chat:active{transform:scale(.95)}.chat-hub-header{background:#fff;padding:16px;border-bottom:1px solid #e0e0e0}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-actions{display:flex;align-items:center;gap:8px}.header-title-wrapper{display:flex;align-items:center;gap:12px}.header-title{font-size:24px;font-weight:700;color:#333;margin:0}.header-badge{background:#f44336;color:#fff;font-size:14px;font-weight:700;padding:4px 10px;border-radius:12px;min-width:24px;text-align:center}.starred-button,.close-button,.filter-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;color:#666;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.filter-button:hover{background:#667eea1a;color:#667eea}.filter-button:active{transform:scale(.95)}.starred-button:hover{background:#f5f5f5;color:#ffa726}.close-button{background:#f5f5f5!important}.close-button:hover{background:#fee!important;color:#f44336}.close-button:active{transform:scale(.95);background:#fee!important}@media(max-width:480px){.close-button{width:44px!important;height:44px!important;background:#e8e8e8!important;border:1px solid #ddd}.close-button:active{background:#fee!important;border-color:#f44336}.header-title{font-size:18px}.header-actions{gap:4px}}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;right:12px;color:#999;pointer-events:none}.search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e0e0e0;border-radius:24px;font-size:15px;background:#f9f9f9;transition:all .2s ease}.search-input:focus{outline:none;background:#fff;border-color:#667eea}.search-input::-moz-placeholder{color:#999}.search-input::placeholder{color:#999}@media(max-width:768px){.chat-hub{height:100vh;height:100dvh;min-height:unset}.chat-hub-header{padding:12px;flex-shrink:0}.header-title{font-size:20px}.header-top{margin-bottom:12px}.search-input{padding:10px 10px 10px 40px;font-size:14px}}@media(max-width:400px){.chat-hub{height:100vh!important;height:100dvh!important}.chat-hub-header{padding:8px 10px}.header-title{font-size:16px}.header-badge{font-size:12px;padding:2px 8px}.search-input{padding:8px 8px 8px 36px;font-size:13px}.search-icon{right:10px}.header-top{margin-bottom:8px}}.chat-bottom-nav{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -4px 20px #00000014;z-index:10010;padding-bottom:env(safe-area-inset-bottom,0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa}.chat-bottom-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;padding:8px 16px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:transparent;border:none;cursor:pointer;position:relative;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;min-width:64px}.nav-item:hover{background:#667eea14}.nav-item:active{transform:scale(.95)}.nav-item.active{background:linear-gradient(135deg,#667eea26,#764ba21a)}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.nav-icon{display:flex;align-items:center;justify-content:center;color:#8e8e93;transition:all .3s ease}.nav-item.active .nav-icon{color:#667eea;transform:scale(1.1)}.nav-item:hover .nav-icon{color:#667eea}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f4433666;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-label{font-size:11px;font-weight:500;color:#8e8e93;transition:all .3s ease;white-space:nowrap}.nav-item.active .nav-label{color:#667eea;font-weight:600}.nav-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px 3px 0 0;animation:indicatorSlide .3s ease}@keyframes indicatorSlide{0%{opacity:0;transform:translate(-50%) scaleX(0)}to{opacity:1;transform:translate(-50%) scaleX(1)}}@media(max-width:360px){.chat-bottom-nav-container{padding:6px 8px}.nav-item{padding:6px 10px;min-width:56px}.nav-label{font-size:10px}.nav-icon svg{width:22px;height:22px}}@media(prefers-color-scheme:dark){.chat-bottom-nav{background:#1c1c1efa;border-top-color:#ffffff14}.nav-item:hover{background:#667eea26}.nav-item.active{background:#667eea33}.nav-icon,.nav-label{color:#98989d}}[dir=rtl] .nav-badge{right:auto;left:-10px}.chat-room-active .chat-bottom-nav{transform:translateY(100%);opacity:0;pointer-events:none}body.chat-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100vh!important;height:100dvh!important}body.chat-modal-open .bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.chat-modal-overlay{position:fixed;inset:0;background:#fff;z-index:99999;display:flex;flex-direction:column;animation:fadeIn .3s ease}.chat-modal-container{background:#fff;width:100%;max-width:100%;height:100vh;height:100dvh;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);position:relative;padding-bottom:env(safe-area-inset-bottom,0px)}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1)}.chat-modal-header-content{display:flex;align-items:center;gap:12px;flex:1}.chat-modal-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff3;border:none;cursor:pointer;color:#fff;font-size:20px;font-weight:700;transition:all .3s ease;flex-shrink:0}.chat-modal-back-btn:hover{background:#ffffff4d;transform:scale(1.05)}.chat-modal-back-btn:active{transform:scale(.95)}.chat-modal-header-actions{display:flex;align-items:center;gap:8px}.chat-modal-filter-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.chat-modal-filter-btn:hover{background:#ffffff4d;transform:scale(1.05)}.chat-modal-filter-btn:active{transform:scale(.95)}.view-mode-header-menu{position:relative}.view-mode-header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.view-mode-header-btn:hover{background:#ffffff4d;transform:scale(1.05)}.view-mode-header-btn:active{transform:scale(.95)}.view-mode-overlay{position:fixed;inset:0;background:#00000080;z-index:100000}.view-mode-dropdown{position:fixed;top:70px;right:16px;left:16px;max-width:280px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;z-index:100001;overflow:hidden;animation:dropdownSlide .2s ease}[dir=rtl] .view-mode-dropdown{right:auto;left:16px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.view-mode-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;color:#333;font-size:15px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:start}.view-mode-option:hover{background:#f5f5f5}.view-mode-option.active{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea}.view-mode-option.active svg{color:#667eea}.view-mode-option:not(:last-child){border-bottom:1px solid #eee}.chat-modal-service-btn{padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.chat-modal-service-btn:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px)}.chat-modal-service-btn:active{transform:translateY(0)}.chat-modal-title{font-size:20px;font-weight:700;margin:0;color:#fff}.chat-modal-badge{background:#ff4757;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;min-width:24px;text-align:center;box-shadow:0 2px 8px #ff47574d}.chat-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff3;border:none;cursor:pointer;color:#fff;transition:all .3s ease;flex-shrink:0}.chat-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.chat-modal-close:active{transform:scale(.95)}.chat-modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f5f7fa;min-height:0}.chat-modal-content.in-chat-room{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-modal-tabs{background:#fff;padding:12px 0;border-bottom:1px solid #e8ecef;flex-shrink:0}.chat-modal-search{padding:12px 16px;background:#fff;border-bottom:1px solid #e8ecef;flex-shrink:0}.chat-modal-search-input{width:100%;padding:12px 16px;border:2px solid #e8ecef;border-radius:16px;font-size:15px;background:#f5f7fa;transition:all .3s ease;outline:none;font-family:inherit}.chat-modal-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.chat-modal-search-input::-moz-placeholder{color:#95a5a6}.chat-modal-search-input::placeholder{color:#95a5a6}.chat-modal-list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:80px;overscroll-behavior-y:contain;touch-action:pan-y}.chat-modal-list button,.chat-modal-list [role=button],.chat-modal-list a{touch-action:pan-y pinch-zoom}.chat-modal-list::-webkit-scrollbar{width:4px}.chat-modal-list::-webkit-scrollbar-track{background:transparent}.chat-modal-list::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.chat-modal-list::-webkit-scrollbar-thumb:hover{background:#667eea80}@media(min-width:768px){.chat-modal-overlay{align-items:center}.chat-modal-container{width:500px;max-width:90%;height:700px;max-height:85vh;border-radius:24px;box-shadow:0 20px 60px #0000004d}.chat-modal-header{border-radius:24px 24px 0 0;padding:20px 24px}.chat-modal-title{font-size:22px}.chat-modal-close{width:44px;height:44px}.chat-modal-search{padding:16px 20px}.chat-modal-search-input{padding:14px 18px;font-size:16px}}@media(min-width:481px)and (max-width:767px){.chat-modal-container{height:90vh;height:90dvh}.chat-modal-header{padding:18px}}@media(max-width:480px){.chat-modal-overlay{background:#0006}.chat-modal-container{height:90vh;height:90dvh;border-radius:20px 20px 0 0}.chat-modal-header{padding:14px 16px}.chat-modal-title{font-size:18px}.chat-modal-close{width:36px;height:36px}.chat-modal-search{padding:10px 12px}.chat-modal-search-input{padding:10px 14px;font-size:14px;border-radius:12px}.chat-modal-badge{font-size:11px;padding:3px 8px}}@media(max-width:360px){.chat-modal-container{height:92vh;height:92dvh;border-radius:16px 16px 0 0}.chat-modal-header{padding:12px 14px}.chat-modal-title{font-size:16px}.chat-modal-close{width:32px;height:32px}.chat-modal-close svg{width:20px;height:20px}.chat-modal-search-input{padding:8px 12px;font-size:13px}}@supports (padding: env(safe-area-inset-bottom)){.chat-modal-header{padding-top:max(16px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-left:max(20px,env(safe-area-inset-left))}}@media(prefers-color-scheme:dark){.chat-modal-container{background:#1a1a2e}.chat-modal-content{background:#16213e}.chat-modal-tabs,.chat-modal-search{background:#1a1a2e;border-color:#2c3e50}.chat-modal-search-input{background:#16213e;border-color:#2c3e50;color:#fff}.chat-modal-search-input::-moz-placeholder{color:#7f8c8d}.chat-modal-search-input::placeholder{color:#7f8c8d}.chat-modal-search-input:focus{background:#1a1a2e;border-color:#667eea}}.chat-modal-close:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.chat-modal-search-input:focus{outline:none}@media(prefers-reduced-motion:reduce){.chat-modal-overlay,.chat-modal-container,.chat-modal-close{animation:none;transition:none}}.chat-modal-content{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-modal-search{position:relative;display:flex;align-items:center}.chat-modal-search .search-icon{position:absolute;right:28px;color:#95a5a6;pointer-events:none;z-index:1}[dir=ltr] .chat-modal-search .search-icon{right:auto;left:28px}.chat-modal-search-input{padding-right:48px!important}[dir=ltr] .chat-modal-search-input{padding-right:16px!important;padding-left:48px!important}.quick-replies{background:linear-gradient(180deg,#fffffffa,#f5f5f5);border-top:1px solid rgba(0,0,0,.08);padding:12px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.quick-replies::-webkit-scrollbar{display:none}.quick-replies-container{display:flex;gap:10px;min-width:-moz-min-content;min-width:min-content;padding:0 16px}.quick-reply-button{padding:10px 20px;border:2px solid;border-radius:24px;background:#fff;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.quick-reply-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.4) 100%);opacity:0;transition:opacity .3s ease}.quick-reply-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.quick-reply-button:hover:before{opacity:1}.quick-reply-button:active{transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.quick-reply-button.with-icon{display:flex;align-items:center;gap:8px}.quick-reply-icon{font-size:16px;display:flex;align-items:center}.quick-reply-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.quick-reply-button.success{background:linear-gradient(135deg,#4caf50,#45a049);border-color:transparent;color:#fff}.quick-reply-button.warning{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:transparent;color:#fff}@media(prefers-color-scheme:dark){.quick-replies{background:linear-gradient(180deg,#2c2c2e,#1c1c1e);border-top-color:#ffffff1a}.quick-reply-button{background:#3c3c3e;border-color:#ffffff26;color:#e0e0e0}}@media(max-width:768px){.quick-replies{padding:10px 0}.quick-replies-container{padding:0 12px;gap:8px}.quick-reply-button{padding:8px 16px;font-size:13px;border-radius:20px}}@media(max-width:400px){.quick-reply-button{padding:6px 12px;font-size:12px}}.service-tabs-container{background:#fff;border-bottom:1px solid rgba(0,0,0,.08);padding:8px 0;position:sticky;top:0;z-index:10}.service-tabs{display:flex;gap:6px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.service-tabs::-webkit-scrollbar{display:none}.service-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f5f5f5;border:none;border-radius:20px;cursor:pointer;white-space:nowrap;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.service-tab:hover{background:#667eea1a}.service-tab:active{transform:scale(.97)}.service-tab.active{background:linear-gradient(135deg,color-mix(in srgb,var(--tab-color, #667eea) 15%,white),color-mix(in srgb,var(--tab-color, #667eea) 10%,white));box-shadow:0 2px 8px color-mix(in srgb,var(--tab-color, #667eea) 30%,transparent)}.tab-icon{display:flex;align-items:center;justify-content:center;color:#666;transition:color .3s ease}.service-tab.active .tab-icon{color:var(--tab-color, #667eea)}.tab-label{font-size:13px;font-weight:500;color:#666;transition:color .3s ease}.service-tab.active .tab-label{font-weight:600;color:var(--tab-color, #667eea)}.tab-badge{min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;animation:badgeBounce .3s ease}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.tab-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--tab-color, #667eea);border-radius:3px 3px 0 0}@media(max-width:768px){.service-tabs{padding:0 12px;gap:4px}.service-tab{padding:8px 12px}.tab-label{font-size:12px}}@media(max-width:400px){.service-tab{padding:6px 10px}.tab-icon svg{width:16px;height:16px}.tab-label{font-size:11px}}@media(prefers-color-scheme:dark){.service-tabs-container{background:#1c1c1e;border-bottom-color:#ffffff14}.service-tab{background:#2c2c2e}.service-tab:hover{background:#667eea33}.tab-icon,.tab-label{color:#98989d}}[dir=rtl] .service-tabs{direction:rtl}.header{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;padding-top:calc(env(safe-area-inset-top,0px) + 6px);padding-bottom:6px}.header-container{max-width:1280px;margin:0 auto;padding:.75rem 1rem;padding-left:calc(1rem + env(safe-area-inset-left,0px));padding-right:calc(1rem + env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px}.header-logo{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:700;font-size:1.25rem;text-decoration:none;transition:transform .2s ease}.header-logo:hover{transform:scale(1.05)}.logo-image{width:45px;height:45px;-o-object-fit:contain;object-fit:contain;border-radius:50%;box-shadow:0 2px 8px #0003}.header-nav{display:none}.header-actions{display:flex;align-items:center;gap:.5rem}.header-icon-btn{position:relative;padding:.5rem;background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s}.header-icon-btn:hover{background:#fff3}.header-badge{position:absolute;top:.25rem;right:.25rem;background:#ef4444;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.header-services-dropdown{position:relative}.header-services-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.header-services-btn:hover{background:#fff3}.header-services-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;animation:slideDown .2s ease}.header-service-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#1f2937;text-decoration:none;transition:background .2s;border:none;width:100%;text-align:right;background:transparent;cursor:pointer}.header-service-item:hover{background:#f3f4f6}.header-profile-dropdown{position:relative}.header-profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s}.header-profile-btn:hover{background:#fff3}.header-profile-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #00000026;min-width:220px;overflow:hidden;animation:slideDown .2s ease}.header-profile-info{padding:1rem;border-bottom:1px solid #e5e7eb}.header-profile-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.header-profile-email{font-size:.875rem;color:#6b7280}.header-menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#1f2937;text-decoration:none;transition:background .2s;border:none;width:100%;text-align:right;background:transparent;cursor:pointer}.header-menu-item:hover{background:#f3f4f6}.header-menu-item.logout{color:#ef4444}@media(max-width:767px){.header-container{padding:.5rem .75rem;height:60px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mobile-services{order:1;flex-shrink:0}.mobile-services-btn{height:40px;padding:.4rem .8rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500;white-space:nowrap}.mobile-services-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.mobile-search-container{order:2;flex:1;max-width:300px;margin:0 .5rem}.mobile-search-container .search-button{width:100%;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;backdrop-filter:blur(10px);transition:all .2s ease}.mobile-search-container .search-button:hover{background:#ffffff26;border-color:#ffffff4d}.mobile-actions{order:3;display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-actions .header-icon-btn{padding:6px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.mobile-actions .header-icon-btn:hover{background:#fff3}.mobile-actions .notification-sidebar-button{padding:6px!important;background:#ffffff1a!important;border-radius:8px!important}.mobile-actions .notification-sidebar-button:hover{background:#fff3!important}.mobile-logo{display:flex;align-items:center;gap:.3rem;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;flex-shrink:0;transition:transform .2s ease}.mobile-logo:hover{color:#fffc;transform:scale(1.05)}.mobile-logo .logo-image{width:35px;height:35px;-o-object-fit:contain;object-fit:contain;border-radius:50%;box-shadow:0 2px 6px #0003}.header-nav,.header-actions{display:none!important}.header-logo:not(.mobile-logo){display:none!important}}@media(min-width:768px){.header-container{padding:1rem 1.5rem}.header-actions{gap:1rem}.header-icon-btn{padding:.625rem}.header-actions>*{display:flex!important}.mobile-services,.mobile-search-container,.mobile-logo{display:none!important}}@media(min-width:1024px){.header-nav{display:flex;gap:.5rem}.header-services-dropdown{display:none}}.cart-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:10000;animation:fadeIn .3s ease}.cart-container{width:100%;max-width:500px;height:100vh;height:100dvh;background:#fff;display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026;animation:slideInRight .3s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a}.cart-header-title{display:flex;align-items:center;gap:.75rem}.cart-header-title h2{margin:0;font-size:1.5rem;font-weight:600}.cart-icon{width:28px;height:28px}.cart-count{background:#ffffff4d;color:#fff;padding:.25rem .6rem;border-radius:12px;font-size:.875rem;font-weight:600}.cart-close-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.cart-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.cart-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scroll-behavior:smooth}.cart-content button,.cart-content [role=button]{touch-action:pan-y pinch-zoom}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;flex:1}.empty-icon{width:80px;height:80px;color:#cbd5e0;margin-bottom:1rem}.cart-empty h3{margin:0 0 .5rem;color:#2d3748;font-size:1.25rem}.cart-empty p{margin:0;color:#718096}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;transition:all .3s ease;border:2px solid transparent}.cart-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.cart-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.placeholder-icon{width:40px;height:40px;color:#a0aec0}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.cart-item-details h4{margin:0;font-size:1rem;font-weight:600;color:#2d3748}.service-name{margin:0;font-size:.875rem;color:#718096}.item-options{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.item-options span{font-size:.75rem;padding:.125rem .5rem;background:#fff;border-radius:4px;color:#4a5568}.item-price{margin:.5rem 0 0;font-size:1rem;font-weight:700;color:#667eea}.cart-item-actions{display:flex;flex-direction:column;gap:.5rem;align-items:center}.quantity-controls{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:8px;padding:.25rem;box-shadow:0 2px 4px #0000001a}.quantity-controls button{width:28px;height:28px;border:none;background:#667eea;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.quantity-controls button:hover:not(:disabled){background:#5a67d8;transform:scale(1.1)}.quantity-controls button:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.5}.quantity-controls span{min-width:30px;text-align:center;font-weight:600;color:#2d3748}.remove-btn{background:#fee;color:#e53e3e;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#fc8181;color:#fff}.cart-summary{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 12px #667eea4d}.summary-row{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.95rem}.summary-row.total{padding-top:.75rem;border-top:2px solid rgba(255,255,255,.3);font-size:1.25rem;font-weight:700}.checkout-section{display:flex;flex-direction:column;gap:1.5rem;background:#f7fafc;padding:1.5rem;border-radius:12px}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2d3748;font-size:.95rem}.form-textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.order-type-options{display:flex;gap:.5rem;flex-wrap:wrap}.type-btn{padding:.5rem .75rem;border-radius:8px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:600;color:#2d3748;transition:all .18s ease}.type-btn:hover{border-color:#667eea;transform:translateY(-2px)}.type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}input[type=text],input[type=number],input[type=datetime-local]{width:100%;padding:.6rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;transition:all .18s ease}input[type=text]:focus,input[type=number]:focus,input[type=datetime-local]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea0f}.order-type-options .type-btn{min-width:110px;text-align:center}.form-group input[disabled],.form-group input:disabled{background:#f7fafc}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.payment-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:inherit}.payment-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.payment-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.payment-btn span{font-size:.875rem;font-weight:600}.payment-btn small{font-size:.75rem;opacity:.8}.message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;font-size:.95rem}.error-message{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.success-message{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.checkout-btn,.confirm-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.checkout-btn:hover,.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.checkout-actions{display:grid;grid-template-columns:1fr 2fr;gap:.75rem}.back-btn{padding:.875rem;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#667eea;color:#fff}.clear-cart-btn{width:100%;padding:.875rem;background:#fff;color:#e53e3e;border:2px solid #e53e3e;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.clear-cart-btn:hover{background:#e53e3e;color:#fff}.cart-content::-webkit-scrollbar{width:8px}.cart-content::-webkit-scrollbar-track{background:#f7fafc}.cart-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.cart-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media(max-width:768px){.cart-container{max-width:100%}.cart-header{padding:1rem}.cart-header-title h2{font-size:1.25rem}.cart-content{padding:1rem}.cart-item{padding:.875rem}.cart-item-image{width:70px;height:70px}.payment-methods,.checkout-actions{grid-template-columns:1fr}}.customer-info-section,.location-section{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.section-title{display:flex;align-items:center;gap:8px;margin:0 0 1rem;font-size:16px;font-weight:600;color:#334155}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-input{width:100%;padding:12px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;direction:rtl;text-align:right}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:invalid{border-color:#ef4444}.form-input:invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-label{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-label svg{width:16px;height:16px;color:#6b7280}@media(max-width:480px){.form-row{grid-template-columns:1fr;gap:.75rem}.customer-info-section,.location-section{padding:.75rem;margin-bottom:1rem}.section-title{font-size:15px}}.cart-item.submitted-order{position:relative;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;padding-top:3rem}.cart-item.submitted-order:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000001a}.order-status-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;border:2px solid;animation:slideDown .4s ease}.order-status-badge svg{width:16px;height:16px}.order-info{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.order-info p{margin:0;font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px}.order-info svg{width:14px;height:14px;flex-shrink:0}.provider-name{font-weight:600;color:#334155!important}.submit-time{color:#64748b!important}.order-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.message-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d}.message-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.message-btn svg{width:18px;height:18px}.order-quantity{font-size:13px;color:#64748b;margin:0;font-weight:500}.cart-item.submitted-order[data-status=accepted]{border-left:4px solid #10b981}.cart-item.submitted-order[data-status=rejected]{border-left:4px solid #ef4444;opacity:.7}.cart-item.submitted-order[data-status=in-progress]{border-left:4px solid #3b82f6}.cart-item.submitted-order[data-status=completed]{border-left:4px solid #8b5cf6;opacity:.85}.cart-item.submitted-order[data-status=pending]{border-left:4px solid #f59e0b}@media(max-width:640px){.cart-item.submitted-order{padding-top:3.5rem}.order-status-badge{top:.5rem;right:.5rem;font-size:11px;padding:4px 10px}.message-btn{padding:8px 12px;font-size:13px}.message-btn span{display:none}.message-btn svg{width:20px;height:20px}.order-info{font-size:11px}}@keyframes orderPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 10px #10b98100}}.cart-item.submitted-order.new-order{animation:orderPulse 2s ease-in-out 3}.cart-item-controls{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.complete-order-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;min-width:140px;justify-content:center}.complete-order-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.complete-order-btn:active{transform:translateY(0)}.complete-order-btn svg{width:18px;height:18px}.item-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-checkbox-label:hover{background:#f3f4f6}.item-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.checkbox-text{font-size:14px;font-weight:500;color:#374151}.selected-items-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;margin:16px 20px;border:2px solid #0284c7;animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selected-count{display:flex;align-items:center;gap:8px;color:#0284c7;font-weight:600;font-size:15px}.submit-selected-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0284c74d}.submit-selected-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0284c766;background:linear-gradient(135deg,#0369a1,#0284c7)}.submit-selected-btn:active{transform:translateY(0)}.cart-item-controls .quantity-controls{display:flex;align-items:center;gap:8px}.cart-item-controls .remove-btn{padding:8px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;cursor:pointer;transition:all .2s ease}.cart-item-controls .remove-btn:hover{background:#fecaca;transform:scale(1.05)}@media(max-width:640px){.complete-order-btn{padding:10px 14px;font-size:13px;min-width:120px}.complete-order-btn span{font-size:12px}.cart-item-controls{gap:8px}}.booking-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));animation:fadeIn .3s ease}.booking-modal-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.booking-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.booking-modal-header.green{background:linear-gradient(135deg,#10b981,#059669)}.booking-modal-header.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.booking-modal-header.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.booking-modal-title{display:flex;align-items:center;gap:12px;flex:1}.booking-modal-title h2{margin:0;font-size:24px;font-weight:700}.booking-modal-title p{margin:4px 0 0;font-size:14px;opacity:.9}.booking-modal-close{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.booking-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.booking-modal-body{padding:30px;overflow-y:auto;flex:1}.booking-modal-body::-webkit-scrollbar{width:8px}.booking-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.booking-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.booking-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.booking-steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:#e2e8f0;z-index:0}.booking-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative;z-index:1}.booking-step-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#94a3b8;transition:all .3s ease}.booking-step.active .booking-step-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.booking-step.completed .booking-step-circle{background:#10b981;border-color:#10b981;color:#fff}.booking-step-label{font-size:12px;color:#64748b;font-weight:500;text-align:center}.booking-step.active .booking-step-label{color:#667eea;font-weight:600}.booking-form-group{margin-bottom:24px}.booking-form-label{display:block;margin-bottom:8px;font-weight:600;color:#1e293b;font-size:14px}.booking-form-label.required:after{content:"*";color:#ef4444;margin-left:4px}.booking-form-input,.booking-form-select,.booking-form-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .3s ease;background:#fff;font-family:inherit}.booking-form-input:focus,.booking-form-select:focus,.booking-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.booking-form-textarea{resize:vertical;min-height:100px}.booking-form-error{color:#ef4444;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.booking-date-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:16px;padding:20px;margin-bottom:24px}.booking-info-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.booking-info-card.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.booking-info-title{display:flex;align-items:center;gap:10px;font-weight:700;color:#0c4a6e;margin-bottom:8px;font-size:16px}.booking-info-card.warning .booking-info-title{color:#78350f}.booking-info-card.success .booking-info-title{color:#064e3b}.booking-info-text{color:#0369a1;font-size:14px;line-height:1.6}.booking-info-card.warning .booking-info-text{color:#92400e}.booking-info-card.success .booking-info-text{color:#065f46}.booking-summary{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px}.booking-summary-title{font-weight:700;color:#1e293b;margin-bottom:16px;font-size:18px}.booking-summary-item{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.booking-summary-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;padding-top:12px;border-top:2px solid #667eea}.booking-summary-label{color:#64748b;font-size:14px}.booking-summary-value{font-weight:600;color:#1e293b}.booking-summary-item:last-child .booking-summary-value{color:#667eea;font-size:18px}.booking-modal-footer{padding:20px 30px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between}.booking-btn{padding:14px 28px;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex:1}.booking-btn-back{background:#fff;color:#64748b;border:2px solid #e2e8f0}.booking-btn-back:hover{background:#f8fafc;border-color:#cbd5e1}.booking-btn-next,.booking-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.booking-btn-next:hover,.booking-btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.booking-btn-submit{background:linear-gradient(135deg,#10b981,#059669)}.booking-btn-submit:hover{box-shadow:0 8px 20px #10b98166}.booking-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.booking-success{text-align:center;padding:40px 20px}.booking-success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.booking-success h3{color:#1e293b;font-size:24px;margin-bottom:12px}.booking-success p{color:#64748b;margin-bottom:24px;line-height:1.6}@media(max-width:640px){.booking-modal-container{max-width:100%;border-radius:24px 24px 0 0;max-height:95vh}.booking-modal-header{padding:12px 16px;display:none}.booking-modal-title h2{font-size:16px}.booking-modal-title p{font-size:12px;margin:2px 0 0}.booking-modal-body{padding:12px}.booking-date-group{grid-template-columns:1fr}.booking-modal-footer{flex-direction:row;gap:6px;padding:8px 12px}.booking-btn{flex:1;padding:10px 12px;font-size:14px;border-radius:10px}.booking-modal-close{display:none!important}}.booking-modal-content.transport-modal .booking-modal-header,.transport-header{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.transport-modal .booking-step.active .booking-step-circle{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#8b5cf6}.transport-modal .booking-btn-next,.transport-modal .booking-btn-submit{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.transport-modal .booking-summary-item:last-child .booking-summary-value{color:#8b5cf6}.transport-modal .price-summary{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #ddd6fe;border-radius:16px;padding:20px;margin-top:24px}.transport-modal .price-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ddd6fe;color:#5b21b6}.transport-modal .price-row.total{border-top:2px solid #8b5cf6;border-bottom:none;font-weight:700;font-size:18px;color:#6d28d9;padding-top:16px;margin-top:8px}.booking-modal-content.delivery-modal .booking-modal-header,.delivery-header{background:linear-gradient(135deg,#14b8a6,#0d9488)}.delivery-modal .booking-step.active .booking-step-circle{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6}.delivery-modal .booking-btn-next,.delivery-modal .booking-btn-submit{background:linear-gradient(135deg,#14b8a6,#0d9488)}.delivery-modal .booking-summary-item:last-child .booking-summary-value{color:#14b8a6}.delivery-modal .info-box{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border:2px solid #5eead4;border-radius:12px;padding:16px;margin-top:20px;display:flex;align-items:center;gap:10px}.delivery-modal .info-box p{margin:0;color:#134e4a;font-size:14px}.delivery-modal .price-breakdown{background:#f0fdfa;border-radius:12px;padding:16px;margin-top:16px}.delivery-modal .price-breakdown .price-row{display:flex;justify-content:space-between;padding:10px 0;color:#115e59}.delivery-modal .price-breakdown .price-row.total-price{border-top:2px solid #14b8a6;margin-top:10px;padding-top:14px;font-weight:700;font-size:18px;color:#0d9488}.booking-modal-content.restaurant-modal .booking-modal-header,.restaurant-header{background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;gap:12px}.restaurant-modal .booking-step.active .booking-step-circle{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.restaurant-modal .booking-btn-next,.restaurant-modal .booking-btn-submit{background:linear-gradient(135deg,#f59e0b,#d97706)}.restaurant-modal .booking-summary-item:last-child .booking-summary-value{color:#f59e0b}.restaurant-modal .order-summary{background:#fffbeb;border:2px solid #fde68a;border-radius:16px;padding:20px;margin-bottom:24px}.restaurant-modal .order-summary h4{color:#92400e;margin-bottom:16px;font-size:16px;font-weight:700}.restaurant-modal .order-items{display:flex;flex-direction:column;gap:12px}.restaurant-modal .order-item{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px;border:1px solid #fde68a}.restaurant-modal .order-item img{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.restaurant-modal .item-details{flex:1}.restaurant-modal .item-name{font-weight:600;color:#78350f;display:block;margin-bottom:4px}.restaurant-modal .item-quantity{font-size:13px;color:#92400e}.restaurant-modal .item-price{font-weight:700;color:#f59e0b}.restaurant-modal .radio-group{display:flex;flex-direction:column;gap:12px}.restaurant-modal .radio-option{display:flex;align-items:center;gap:10px;padding:14px;background:#fff;border:2px solid #fde68a;border-radius:12px;cursor:pointer;transition:all .3s ease}.restaurant-modal .radio-option:hover{background:#fffbeb;border-color:#fbbf24}.restaurant-modal .radio-option input[type=radio]{width:20px;height:20px;cursor:pointer}.restaurant-modal .radio-option input[type=radio]:checked+span{color:#f59e0b;font-weight:600}.restaurant-modal .radio-option span{display:flex;align-items:center;gap:8px;color:#78350f}.booking-modal-content.store-modal .booking-modal-header,.store-header{background:linear-gradient(135deg,#ec4899,#db2777);display:flex;align-items:center;gap:12px}.store-modal .booking-step.active .booking-step-circle{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec4899}.store-modal .booking-btn-next,.store-modal .booking-btn-submit{background:linear-gradient(135deg,#ec4899,#db2777)}.store-modal .booking-summary-item:last-child .booking-summary-value{color:#ec4899}.store-modal .order-summary{background:#fdf2f8;border:2px solid #fbcfe8;border-radius:16px;padding:20px;margin-bottom:24px}.store-modal .order-summary h4{color:#831843;margin-bottom:16px;font-size:16px;font-weight:700}.store-modal .order-items{display:flex;flex-direction:column;gap:12px}.store-modal .order-item{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px;border:1px solid #fbcfe8}.store-modal .order-item img{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.store-modal .item-details{flex:1}.store-modal .item-name{font-weight:600;color:#831843;display:block;margin-bottom:4px}.store-modal .item-quantity{font-size:13px;color:#9f1239}.store-modal .item-price{font-weight:700;color:#ec4899}.store-modal .radio-group{display:flex;flex-direction:column;gap:12px}.store-modal .radio-option{display:flex;align-items:center;gap:10px;padding:14px;background:#fff;border:2px solid #fbcfe8;border-radius:12px;cursor:pointer;transition:all .3s ease}.store-modal .radio-option:hover{background:#fdf2f8;border-color:#f9a8d4}.store-modal .radio-option input[type=radio]{width:20px;height:20px;cursor:pointer}.store-modal .radio-option input[type=radio]:checked+span{color:#ec4899;font-weight:600}.store-modal .radio-option span{display:flex;align-items:center;gap:8px;color:#831843}.order-summary-invoice{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;margin-top:16px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.form-section-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0 8px}.form-section-divider .divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#e5e7eb 50%,#e5e7eb);border-radius:2px}.form-section-divider .divider-line:last-child{background:linear-gradient(90deg,#e5e7eb,#e5e7eb 50%,transparent)}.form-section-divider .divider-text{font-size:14px;font-weight:600;color:#64748b;white-space:nowrap;padding:4px 12px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}@media(max-width:768px){.form-section-divider{margin:16px 0 4px;gap:8px}.form-section-divider .divider-text{font-size:12px;padding:3px 10px}}.invoice-header-mini{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 20px;border-bottom:2px dashed #e5e7eb;text-align:center}.invoice-header-mini h4{margin:0;font-size:18px;font-weight:700;color:#1e293b;display:flex;align-items:center;justify-content:center;gap:8px}.invoice-header-mini .invoice-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;font-weight:600;border-radius:12px;margin-right:8px}.invoice-items-list{padding:0}.invoice-item-row-mini{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f1f5f9;transition:background .2s ease}.invoice-item-row-mini:last-child{border-bottom:none}.invoice-item-row-mini:hover{background:#fefce8}.invoice-item-img{width:50px;height:50px;border-radius:10px;-o-object-fit:cover;object-fit:cover;margin-left:14px;border:2px solid #f1f5f9}.invoice-item-info{flex:1;min-width:0}.invoice-item-name{font-weight:600;color:#1e293b;font-size:15px;display:block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-item-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748b}.invoice-item-qty{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#f1f5f9;border-radius:6px;font-weight:500}.invoice-item-weight{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#d1fae5;color:#059669;border-radius:6px;font-weight:500}.invoice-item-price{font-weight:700;color:#f59e0b;font-size:16px;white-space:nowrap}.invoice-totals-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 20px;border-top:2px dashed #e5e7eb}.invoice-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#475569;font-size:14px}.invoice-row.subtotal{border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:8px}.invoice-row.total{padding-top:12px;border-top:2px solid #10b981;margin-top:8px}.invoice-row.total span:first-child{font-weight:700;font-size:16px;color:#1e293b}.invoice-row.total span:last-child{font-weight:700;font-size:20px;color:#10b981}.invoice-empty{padding:40px 20px;text-align:center;color:#94a3b8}.invoice-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.5}.store-modal .invoice-header-mini .invoice-badge{background:linear-gradient(135deg,#ec4899,#db2777)}.store-modal .invoice-item-price{color:#ec4899}.restaurant-modal .invoice-header-mini .invoice-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.restaurant-modal .invoice-item-price{color:#f59e0b}@media(max-width:768px){.order-summary-invoice{border-radius:12px;margin-top:12px;margin-bottom:16px}.invoice-header-mini{padding:12px 14px}.invoice-header-mini h4{font-size:15px}.invoice-header-mini .invoice-badge{font-size:10px;padding:3px 8px}.invoice-item-row-mini{padding:10px 14px}.invoice-item-img{width:40px;height:40px;margin-left:10px}.invoice-item-name{font-size:13px}.invoice-item-meta{font-size:11px;gap:8px}.invoice-item-price{font-size:14px}.invoice-totals-section{padding:12px 14px}.invoice-row{font-size:13px;padding:6px 0}.invoice-row.total span:first-child{font-size:14px}.invoice-row.total span:last-child{font-size:17px}}.booking-modal-content{background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.modal-close-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.steps-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;transition:all .2s;flex-shrink:0;margin-left:8px}.steps-close-btn:hover{background:#dc2626;transform:scale(1.1)}.steps-close-btn:active{transform:scale(.95)}.booking-steps{display:flex;justify-content:space-between;padding:24px 30px;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:relative}.step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#94a3b8;transition:all .3s ease;z-index:2}.step.active .step-number{border-color:currentColor;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.step.completed .step-number{background:#10b981;border-color:#10b981;color:#fff}.step-label{font-size:12px;color:#64748b;font-weight:500;text-align:center}.step.active .step-label{font-weight:700}.booking-step{padding:30px}.step-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#334155;font-size:14px;display:flex;align-items:center;gap:6px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:currentColor;box-shadow:0 0 0 4px #0000000d}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:13px;display:flex;align-items:center;gap:4px}.review-step{padding:30px}.review-section{margin-bottom:28px;padding-bottom:28px;border-bottom:2px solid #f1f5f9}.review-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.review-section h4{color:#1e293b;font-size:16px;font-weight:700;margin-bottom:16px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-item{display:flex;flex-direction:column;gap:6px}.review-item.full-width{grid-column:1 / -1}.review-item .label{font-size:13px;color:#64748b;font-weight:500}.review-item .value{font-size:15px;color:#1e293b;font-weight:600}.order-items-review{display:flex;flex-direction:column;gap:10px;background:#f8fafc;padding:16px;border-radius:12px}.review-order-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.success-step{text-align:center;padding:40px 20px}.success-animation{margin-bottom:24px}.success-icon{color:#10b981;animation:successPulse .6s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px}.success-message{color:#64748b;margin-bottom:24px;line-height:1.6}.success-details{background:#f8fafc;border-radius:16px;padding:20px;text-align:right}.success-details p{margin:8px 0;color:#475569}.success-price{font-size:20px;font-weight:700;color:#10b981;margin-top:16px;padding-top:16px;border-top:2px solid #e2e8f0}.order-status{margin-top:16px;padding-top:16px;border-top:2px solid #e2e8f0;font-size:16px}.status-pending{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:8px;font-weight:600;font-size:14px}.status-accepted{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:8px;font-weight:600;font-size:14px}.status-rejected{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-radius:8px;font-weight:600;font-size:14px}.btn-primary,.btn-secondary{padding:14px 28px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;border:none;flex:1}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.btn-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc}.transport-modal .step.active .step-number{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#8b5cf6}.delivery-modal .step.active .step-number{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6}.restaurant-modal .step.active .step-number{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.store-modal .step.active .step-number{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec4899}.input-with-button{display:flex;gap:8px;align-items:stretch}.input-with-button input{flex:1;margin:0}.location-btn{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.location-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.location-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.input-with-button{gap:6px}.location-btn{width:44px;min-width:44px;height:44px}}.provider-payment-section{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e2e8f0}.payment-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px;color:#64748b}.payment-loading .spinner{animation:spin 1s linear infinite}.provider-payment-info{display:flex;flex-direction:column;gap:16px}.payment-method-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1e293b;margin:0;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.payment-method-title svg{color:#6366f1}.bank-details,.digital-payment-details{display:flex;flex-direction:column;gap:10px}.provider-payment-info .detail-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.provider-payment-info .detail-row.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.provider-payment-info .detail-row .label{font-size:13px;color:#64748b;min-width:100px}.provider-payment-info .detail-row .value{flex:1;font-weight:500;color:#1e293b}.provider-payment-info .detail-row .value.iban{font-family:monospace;font-size:14px;letter-spacing:.5px}.provider-payment-info .copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease}.provider-payment-info .copy-btn:hover{background:#e2e8f0;color:#3b82f6}.payment-link-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.payment-link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.qr-payment-details{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-code-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#fff;border-radius:16px;border:2px dashed #e2e8f0}.qr-code-box img{width:180px;height:180px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.qr-code-box p{margin:0;color:#64748b;font-size:14px}.provider-notes{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:14px}.provider-notes svg{flex-shrink:0;margin-top:2px}.provider-notes p{margin:0}.payment-amount-box{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;font-size:16px}.payment-amount-box strong{font-size:20px;font-weight:700}.payment-instruction{margin:0;padding:12px;background:#eff6ff;border-radius:8px;color:#1e40af;font-size:14px;text-align:center;border:1px solid #bfdbfe}.no-payment-method{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px;text-align:center;color:#64748b}.no-payment-method svg{color:#f59e0b}.no-payment-method p{margin:0;font-size:14px}.no-payment-method p:first-of-type{font-weight:500;color:#374151}@media(max-width:480px){.provider-payment-section{padding:16px}.provider-payment-info .detail-row{flex-wrap:wrap}.provider-payment-info .detail-row .label{min-width:80px;font-size:12px}.provider-payment-info .detail-row .value{font-size:14px}.qr-code-box img{width:150px;height:150px}}.payment-options-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.payment-option{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:all .3s ease;background:#fff}.payment-option:hover{border-color:#667eea;background:#f8f9ff}.payment-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f3ff,#e8ebff);box-shadow:0 4px 12px #667eea26}.payment-option input[type=radio]{display:none}.payment-option svg{color:#667eea;flex-shrink:0}.payment-option-info{display:flex;flex-direction:column;gap:4px}.payment-option-title{font-weight:600;font-size:15px;color:#1f2937}.payment-option-desc{font-size:13px;color:#6b7280}.payment-details-preview{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:12px;padding:16px 20px;margin-bottom:20px}.payment-details-preview h4{margin:0 0 12px;font-size:15px;color:#92400e}.payment-details-preview .bank-details p,.payment-details-preview>p{margin:8px 0;font-size:14px;color:#78350f}.payment-details-preview .qr-preview{text-align:center;margin:12px 0}.payment-details-preview .qr-preview img{max-width:120px;border-radius:8px;border:2px solid #fcd34d}.payment-note{font-size:12px!important;color:#b45309!important;margin-top:12px!important;padding-top:12px;border-top:1px dashed #fcd34d}.booking-summary-item.total{margin-top:12px;padding-top:12px;border-top:2px solid #e5e7eb}.booking-summary-item.total .booking-summary-label,.booking-summary-item.total .booking-summary-value{font-size:18px;font-weight:700;color:#667eea}@media(max-width:480px){.payment-option{padding:14px 16px}.payment-option svg{width:20px;height:20px}.payment-option-title{font-size:14px}.payment-option-desc{font-size:12px}}@media(max-width:768px){.booking-modal-close,.modal-close-btn{display:none!important}}.modal-mobile-close-footer{display:none}@media(max-width:768px){.modal-mobile-close-footer{display:none}.modal-mobile-close-footer .mobile-close-btn{width:100%;padding:10px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 2px 8px #ef44444d;transition:all .2s}.modal-mobile-close-footer .mobile-close-btn:active{transform:scale(.98);background:#dc2626}}@media(max-width:768px){.booking-steps{padding:8px 12px;margin-bottom:0;gap:0;align-items:center;justify-content:center}.steps-close-btn{width:28px;height:28px;margin-left:12px}.steps-close-btn svg{width:16px;height:16px}.booking-steps:before{display:none}.step{flex-direction:row;gap:0;flex:0}.booking-step{flex-direction:column!important;display:flex}.step-number,.booking-step-circle{width:26px;height:26px;font-size:12px;border-width:2px}.step-label,.booking-step-label{display:none!important}.step:not(:last-child):after,.booking-step:not(:last-child):after{content:"→";margin:0 8px;color:#cbd5e1;font-size:14px}.step.completed:after,.step.active:after,.booking-step.completed:after,.booking-step.active:after{color:#10b981}.booking-step{padding:12px}.step-title{font-size:15px;margin-bottom:12px}.form-grid{grid-template-columns:1fr;gap:10px}.form-group{gap:3px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:14px;border-radius:8px}.order-summary{padding:10px;margin-bottom:12px}.order-summary h4{font-size:13px;margin-bottom:8px}.order-item{padding:8px;gap:8px}.order-item img{width:40px!important;height:40px!important}.radio-option{padding:10px}.review-section{padding:10px;margin-bottom:10px}.review-section h4{font-size:13px;margin-bottom:8px}.review-item{font-size:12px}.price-breakdown{padding:10px}.price-row{padding:6px 0;font-size:13px}.success-step{padding:20px 12px}.success-animation svg{width:50px!important;height:50px!important}.success-title{font-size:16px}.success-message{font-size:13px;margin-bottom:12px}.success-details{padding:10px}.booking-modal-content.transport-modal .booking-modal-header,.transport-header,.booking-modal-content.delivery-modal .booking-modal-header,.delivery-header,.booking-modal-content.restaurant-modal .booking-modal-header,.restaurant-header,.booking-modal-content.store-modal .booking-modal-header,.store-header{display:none!important}}.map-picker{position:relative;width:100%;min-height:200px;border-radius:12px;overflow:hidden;background:#f0f0f0}.map-search-bar{position:absolute;top:12px;left:12px;right:12px;z-index:10;display:flex;align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:0 12px}.map-search-icon{color:#666;flex-shrink:0}.map-search-input{flex:1;border:none;outline:none;padding:12px 10px;font-size:14px;background:transparent}.map-search-input::-moz-placeholder{color:#999}.map-search-input::placeholder{color:#999}.map-search-clear{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.map-search-clear:hover{background:#f0f0f0;color:#666}.map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ffffffe6;z-index:20;color:#666;font-size:14px}.map-loading .spin{animation:spin 1s linear infinite}.map-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fee2e2;color:#dc2626;padding:12px 20px;border-radius:8px;font-size:14px;z-index:20;text-align:center;max-width:80%}.map-my-location-btn{position:absolute;bottom:50px;right:12px;width:44px;height:44px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2563eb;transition:all .2s;z-index:10}.map-my-location-btn:hover:not(:disabled){background:#2563eb;color:#fff}.map-my-location-btn:disabled{color:#999;cursor:not-allowed}.map-my-location-btn .spin{animation:spin 1s linear infinite}.map-selected-info{position:absolute;bottom:12px;left:12px;right:60px;background:#fff;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px;color:#666;box-shadow:0 2px 8px #00000026;z-index:10}.map-selected-info svg{color:#ef4444;flex-shrink:0}@media(max-width:480px){.map-search-bar{top:8px;left:8px;right:8px}.map-search-input{padding:10px 8px;font-size:13px}.map-my-location-btn{bottom:45px;right:8px;width:40px;height:40px}.map-selected-info{bottom:8px;left:8px;right:55px;padding:8px 12px;font-size:11px}}[dir=rtl] .map-search-bar{flex-direction:row-reverse}[dir=rtl] .map-my-location-btn{right:auto;left:12px}[dir=rtl] .map-selected-info{right:12px;left:60px}@media(max-width:480px){[dir=rtl] .map-my-location-btn{left:8px}[dir=rtl] .map-selected-info{right:8px;left:55px}}.advanced-marker-pin{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.custom-marker-label{position:absolute;z-index:100;pointer-events:none;transform-origin:bottom center;transition:transform .3s ease}.marker-label-content{background:#fff;border-radius:12px;padding:8px 12px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px;white-space:nowrap;border:2px solid #667eea;min-width:-moz-fit-content;min-width:fit-content}.marker-icon{font-size:20px;line-height:1;flex-shrink:0}.marker-text{display:flex;flex-direction:column;gap:2px}.marker-name{font-weight:700;font-size:13px;color:#333;direction:rtl;text-align:right}.marker-type{font-size:11px;color:#667eea;font-weight:600;direction:rtl;text-align:right}.custom-marker-label:hover .marker-label-content{transform:scale(1.05);box-shadow:0 6px 16px #667eea4d}.location-picker.disabled{opacity:.6;pointer-events:none}.location-picker-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.location-picker-label .required{color:#ef4444;margin-right:4px}.location-picker-display{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:4px}.location-picker-value{flex:1;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:8px;transition:background .2s}.location-picker-value:hover{background:#f3f4f6}.location-icon{color:#ef4444;flex-shrink:0}.location-text{color:#1f2937;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-placeholder{color:#9ca3af;font-size:14px}.location-picker-actions{display:flex;gap:4px;padding-right:4px}.location-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.location-btn.gps{background:#dbeafe;color:#2563eb}.location-btn.gps:hover:not(:disabled){background:#2563eb;color:#fff}.location-btn.edit{background:#e5e7eb;color:#4b5563}.location-btn.edit:hover:not(:disabled){background:#4b5563;color:#fff}.location-btn:disabled{opacity:.5;cursor:not-allowed}.location-btn .spin{animation:spin 1s linear infinite}.location-picker-map-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.location-picker-temp-address{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:13px;color:#4b5563}.location-picker-temp-address svg{color:#ef4444;flex-shrink:0}.location-picker-map-actions{display:flex;gap:10px;padding:12px;background:#fff;border-top:1px solid #e5e7eb}.location-map-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.location-map-btn.cancel{background:#f3f4f6;color:#4b5563}.location-map-btn.cancel:hover{background:#e5e7eb}.location-map-btn.confirm{background:#22c55e;color:#fff}.location-map-btn.confirm:hover:not(:disabled){background:#16a34a}.location-map-btn.confirm:disabled{background:#d1d5db;cursor:not-allowed}@media(max-width:480px){.location-picker-display{flex-wrap:wrap}.location-picker-value{flex:1 0 100%;min-width:0}.location-picker-actions{flex:1;justify-content:flex-end;padding:0 8px 8px}.location-btn{width:44px;height:44px}.location-picker-map-actions{padding:10px}.location-map-btn{padding:10px 14px;font-size:13px}}[dir=rtl] .location-picker-label .required{margin-right:0;margin-left:4px}[dir=rtl] .location-picker-actions{padding-right:0;padding-left:4px}@media(prefers-color-scheme:dark){.location-picker-label{color:#e5e7eb}.location-picker-display{background:#374151;border-color:#4b5563}.location-picker-value:hover{background:#4b5563}.location-text{color:#f9fafb}.location-placeholder{color:#9ca3af}.location-btn.gps{background:#1e3a5f;color:#60a5fa}.location-btn.edit{background:#4b5563;color:#9ca3af}.location-picker-map-wrapper{border-color:#4b5563}.location-picker-temp-address{background:#374151;border-color:#4b5563;color:#d1d5db}.location-picker-map-actions{background:#1f2937;border-color:#4b5563}.location-map-btn.cancel{background:#374151;color:#9ca3af}.location-map-btn.cancel:hover{background:#4b5563}}.eta-tracker-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease}.eta-tracker-modal{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;z-index:1001;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 -10px 40px #0003}.eta-tracker-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;border-radius:24px 24px 0 0}.eta-tracker-header h3{margin:0;font-size:18px;font-weight:700;color:#1a1a1a}.eta-tracker-close{width:36px;height:36px;border-radius:50%;border:none;background:#f5f5f5;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.eta-tracker-close:hover{background:#e0e0e0;color:#333}.eta-tracker-content{padding:20px;display:flex;flex-direction:column;gap:16px}.eta-driver-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:16px;border:1px solid #bbf7d0}.eta-driver-avatar{position:relative;flex-shrink:0}.eta-driver-avatar img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #22c55e}.eta-driver-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.eta-driver-rating{position:absolute;bottom:-4px;right:-4px;background:#fff;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #0000001a}.eta-driver-details{flex:1;display:flex;flex-direction:column;gap:4px}.eta-driver-details h4{margin:0;font-size:17px;font-weight:700;color:#166534}.eta-driver-vehicle{font-size:13px;color:#15803d}.eta-driver-status{display:flex;align-items:center;gap:6px;font-size:13px;color:#22c55e;font-weight:600}.eta-driver-status .pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.eta-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eta-stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border-radius:16px;gap:8px}.eta-stat-card.time{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.eta-stat-card.time .eta-stat-icon{color:#2563eb}.eta-stat-card.distance{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #c4b5fd}.eta-stat-card.distance .eta-stat-icon{color:#7c3aed}.eta-stat-icon{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014}.eta-stat-info{display:flex;flex-direction:column;gap:2px}.eta-stat-value{font-size:20px;font-weight:800;color:#1a1a1a}.eta-stat-label{font-size:12px;color:#666}.eta-loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#666;font-size:14px}.eta-loading-state .spin{animation:spin 1s linear infinite;color:#22c55e}.eta-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;text-align:center}.eta-order-card{background:#f9fafb;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.eta-order-row{display:flex;justify-content:space-between;align-items:center}.eta-order-label{font-size:13px;color:#666}.eta-order-value{font-size:14px;font-weight:600;color:#1a1a1a}.eta-last-updated{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#999}.eta-refresh-btn{width:28px;height:28px;border-radius:50%;border:none;background:#f0f0f0;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.eta-refresh-btn:hover{background:#e0e0e0;color:#333;transform:rotate(180deg)}.eta-call-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:14px;color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 15px #22c55e4d}.eta-call-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.eta-call-btn:active{transform:translateY(0)}.eta-tracker-footer{padding:16px 20px 24px;border-top:1px solid #f0f0f0;background:#fafafa}.eta-close-btn{width:100%;padding:16px;border:none;border-radius:14px;background:#f0f0f0;color:#666;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.eta-close-btn:hover{background:#e0e0e0;color:#333}@media(min-width:768px){.eta-tracker-modal{bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:95%;border-radius:24px;max-height:85vh;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.eta-tracker-header{border-radius:24px 24px 0 0}.eta-stats-grid{gap:16px}.eta-stat-card{padding:24px 16px}.eta-stat-value{font-size:22px}}@media(max-width:380px){.eta-tracker-header{padding:16px}.eta-tracker-header h3{font-size:16px}.eta-tracker-content{padding:16px;gap:12px}.eta-driver-card{padding:12px;gap:12px}.eta-driver-avatar img,.eta-driver-placeholder{width:50px;height:50px}.eta-driver-details h4{font-size:15px}.eta-stat-card{padding:16px 8px}.eta-stat-value{font-size:18px}.eta-stat-icon{width:40px;height:40px}.eta-stat-icon svg{width:22px;height:22px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.eta-tracker-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}[dir=rtl] .eta-driver-rating{right:auto;left:-4px}@media(prefers-color-scheme:dark){.eta-tracker-modal{background:#1a1a1a}.eta-tracker-header{background:#1a1a1a;border-color:#333}.eta-tracker-header h3{color:#fff}.eta-tracker-close{background:#333;color:#aaa}.eta-driver-card{background:linear-gradient(135deg,#14532d,#166534);border-color:#22c55e}.eta-driver-details h4{color:#bbf7d0}.eta-stat-card.time{background:linear-gradient(135deg,#1e3a5f,#1e40af);border-color:#3b82f6}.eta-stat-card.distance{background:linear-gradient(135deg,#2e1065,#4c1d95);border-color:#8b5cf6}.eta-stat-icon{background:#ffffff1a}.eta-stat-value{color:#fff}.eta-stat-label{color:#aaa}.eta-order-card{background:#262626}.eta-order-value{color:#fff}.eta-tracker-footer{background:#1a1a1a;border-color:#333}.eta-close-btn{background:#333;color:#aaa}}.table-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px;animation:tableModalFadeIn .3s ease}@keyframes tableModalFadeIn{0%{opacity:0}to{opacity:1}}.table-modal-container{background:#fff;border-radius:24px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px #0006;animation:tableModalSlideUp .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}@keyframes tableModalSlideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.table-modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.table-modal-header-info{display:flex;align-items:center;gap:14px}.table-modal-header-icon{width:48px;height:48px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center}.table-modal-header-text h2{margin:0;font-size:18px;font-weight:700}.table-modal-badge{display:inline-block;background:#ffffff40;padding:4px 14px;border-radius:20px;font-size:13px;margin-top:4px;font-weight:500}.table-modal-close-btn{background:#fff3;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.table-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.table-modal-restaurant-bar{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#047857;font-weight:600;font-size:15px;border-bottom:1px solid #bbf7d0}.table-modal-body{padding:24px;overflow-y:auto;flex:1;max-height:calc(90vh - 280px)}.table-modal-order-summary{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:20px;border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.table-modal-order-summary h3{margin:0;font-size:16px;color:#1e293b;font-weight:700;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:14px 18px;border-bottom:2px dashed #e5e7eb;display:flex;align-items:center;gap:8px}.table-modal-items-list{display:flex;flex-direction:column;gap:0;padding:0}.table-modal-item-row{display:flex;align-items:center;gap:12px;font-size:14px;padding:12px 18px;border-bottom:1px solid #f1f5f9;transition:background .2s}.table-modal-item-row:last-child{border-bottom:none}.table-modal-item-row:hover{background:#fefce8}.table-modal-item-qty{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;min-width:36px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 2px 6px #10b9814d}.table-modal-item-name{flex:1;color:#1e293b;font-weight:600;font-size:15px}.table-modal-item-price{color:#f59e0b;font-weight:700;font-size:15px}.table-modal-total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px dashed #e5e7eb;font-weight:700}.table-modal-total-label{font-size:16px;color:#1e293b}.table-modal-total-price{color:#10b981;font-size:24px;font-weight:800}.table-modal-form-group{margin-bottom:18px}.table-modal-form-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;color:#475569;font-weight:500}.table-modal-form-label.optional{color:#94a3b8}.table-modal-form-label .optional-tag{font-size:11px;background:#f1f5f9;padding:2px 8px;border-radius:10px;color:#94a3b8}.table-modal-input{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:14px;font-size:16px;font-family:inherit;background:#fff;color:#1e293b;transition:all .2s;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-modal-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b98126}.table-modal-input::-moz-placeholder{color:#94a3b8}.table-modal-input::placeholder{color:#94a3b8}.table-modal-textarea{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:14px;font-size:16px;font-family:inherit;background:#fff;color:#1e293b;transition:all .2s;resize:vertical;min-height:80px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-modal-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b98126}.table-modal-textarea::-moz-placeholder{color:#94a3b8}.table-modal-textarea::placeholder{color:#94a3b8}.table-modal-payment-info{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:14px 18px;border-radius:14px;text-align:center;color:#92400e;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #f59e0b}.table-modal-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:14px 18px;border-radius:12px;margin-top:16px;text-align:center;font-weight:500;border:1px solid #fca5a5}.table-modal-footer{padding:20px 24px;border-top:1px solid #e2e8f0;background:#fafafa}.table-modal-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit}.table-modal-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #10b98166}.table-modal-submit-btn:active:not(:disabled){transform:translateY(-1px)}.table-modal-submit-btn:disabled{opacity:.7;cursor:not-allowed}.table-modal-spinning{animation:tableModalSpin 1s linear infinite}@keyframes tableModalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-modal-success{padding:0!important;overflow-y:auto}.table-modal-success-content{display:flex;flex-direction:column;align-items:center;padding:40px 24px 30px;text-align:center}.table-modal-success-icon{width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px;animation:tableModalSuccessPop .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 15px 40px #10b98166}@keyframes tableModalSuccessPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.table-modal-success-content h2{margin:0 0 12px;font-size:24px;color:#1e293b;font-weight:800}.table-modal-order-number{font-size:16px;color:#64748b;margin:0 0 8px}.table-modal-order-number strong{color:#10b981;font-size:22px;font-weight:800}.table-modal-table-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:10px 24px;border-radius:25px;color:#047857;font-weight:600;margin-bottom:16px;font-size:15px}.table-modal-success-message{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:14px;color:#047857;font-weight:600;margin-bottom:24px;font-size:15px}.table-modal-platform-promo{background:linear-gradient(135deg,#667eea,#764ba2);padding:28px;border-radius:24px;color:#fff;width:100%;max-width:380px;text-align:right;box-shadow:0 20px 50px #667eea66}.table-modal-promo-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.table-modal-promo-icon{width:56px;height:56px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center}.table-modal-promo-title h3{margin:0;font-size:22px;font-weight:800}.table-modal-promo-subtitle{margin:6px 0 0;font-size:14px;opacity:.9}.table-modal-features-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.table-modal-feature-item{display:flex;align-items:flex-start;gap:14px;background:#ffffff1f;padding:14px 16px;border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s}.table-modal-feature-item:hover{background:#ffffff2e;transform:translate(-4px)}.table-modal-feature-emoji{font-size:28px;flex-shrink:0}.table-modal-feature-text strong{display:block;font-size:15px;margin-bottom:3px;font-weight:700}.table-modal-feature-text p{margin:0;font-size:13px;opacity:.85;line-height:1.4}.table-modal-promo-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.table-modal-promo-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-weight:700;text-decoration:none;font-size:16px;transition:all .3s;cursor:pointer;border:none;font-family:inherit}.table-modal-promo-btn.primary{background:#fff;color:#667eea}.table-modal-promo-btn.primary:hover{transform:scale(1.03);box-shadow:0 8px 25px #0003}.table-modal-promo-btn.android{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.table-modal-promo-btn.android:hover{transform:scale(1.03);box-shadow:0 8px 25px #10b98166}.table-modal-promo-btn.ios{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.table-modal-promo-btn.ios:hover{transform:scale(1.03);box-shadow:0 8px 25px #3b82f666}.table-modal-app-btns-row{display:flex;gap:12px}.table-modal-app-btns-row .table-modal-promo-btn{flex:1;padding:14px 16px;font-size:14px}.table-modal-web-note{text-align:center;font-size:13px;color:#fffc;margin:0}.table-modal-web-note a{color:#fff;font-weight:700;text-decoration:underline}.table-modal-done-btn{margin-top:24px;padding:16px 50px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit}.table-modal-done-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #10b98166}@media(max-width:480px){.table-modal-overlay{padding:8px}.table-modal-container{border-radius:16px;max-height:96vh}.table-modal-header{padding:10px 12px}.table-modal-header-icon{display:none}.table-modal-header-text h2{font-size:14px}.table-modal-badge{padding:2px 8px;font-size:11px}.table-modal-close-btn{width:32px;height:32px;background:#ef4444!important;color:#fff!important}.table-modal-close-btn:hover{background:#dc2626!important}.table-modal-restaurant-bar{display:none}.table-modal-body{padding:12px}.table-modal-success-content{padding:16px 12px}.table-modal-platform-promo{padding:10px;border-radius:12px}.table-modal-promo-header{flex-direction:column;text-align:center}.table-modal-features-list{gap:6px}.table-modal-feature-item{padding:8px 10px}.table-modal-app-btns-row{flex-direction:column}.table-modal-order-summary{padding:10px;margin-bottom:10px}.table-modal-order-summary h3{font-size:12px;margin-bottom:8px}.table-modal-form-group{margin-bottom:10px}.table-modal-form-label{font-size:12px;margin-bottom:4px}.table-modal-input,.table-modal-textarea{padding:10px 12px;font-size:14px;border-radius:8px}.table-modal-footer{padding:10px 12px}.table-modal-submit-btn{padding:12px 16px;font-size:14px;border-radius:10px}}.table-modal-success-simple{max-width:360px}.table-modal-success-simple .table-modal-success-content{padding:40px 30px;text-align:center}.table-modal-success-simple .table-modal-success-icon{width:90px;height:90px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.table-modal-success-simple h2{font-size:22px;color:#10b981;margin-bottom:12px}.table-modal-success-simple .table-modal-order-number{font-size:15px;color:#6b7280;margin-bottom:10px}.table-modal-success-simple .table-modal-order-number strong{color:#374151;font-family:monospace;font-size:17px}.table-modal-success-simple .table-modal-table-info{font-size:16px;color:#374151;margin-bottom:16px}.table-modal-success-simple .table-modal-table-info strong{color:#10b981;font-size:18px}.table-modal-success-simple .table-modal-success-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#f0fdf4;border-radius:12px;color:#059669;margin-bottom:24px}.table-modal-success-simple .table-modal-done-btn{width:100%;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.table-modal-success-simple .table-modal-done-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.table-modal-mobile-close-footer{display:none}@media(max-width:768px){.table-modal-mobile-close-footer{display:none}}.new-footer{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#e2e8f0;margin-top:auto;position:relative;overflow:hidden}.new-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#667eea,transparent)}.newsletter-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 0;position:relative;overflow:hidden}.newsletter-section:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff0d;border-radius:50%;animation:float 20s infinite ease-in-out}.newsletter-section:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff08;border-radius:50%;animation:float 15s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.newsletter-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:1}.newsletter-info h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.newsletter-info p{color:#ffffffe6;font-size:1rem}.newsletter-form{display:flex;gap:1rem;flex:1;max-width:500px}.newsletter-input{flex:1;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.2);border-radius:50px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(10px)}.newsletter-input::-moz-placeholder{color:#fff9}.newsletter-input::placeholder{color:#fff9}.newsletter-input:focus{outline:none;border-color:#fff;background:#ffffff26;box-shadow:0 0 0 4px #ffffff1a}.newsletter-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;color:#667eea;border:none;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 20px #0003}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;background:#f8f9fa}.newsletter-btn:active{transform:translateY(0)}.footer-main{padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem}.brand-column{padding-left:1rem}.brand-header{margin-bottom:1rem}.brand-name{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem;letter-spacing:-.5px}.brand-tagline{color:#94a3b8;font-size:.875rem;font-weight:500}.brand-description{color:#cbd5e1;line-height:1.7;margin-bottom:1.5rem;font-size:.95rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.2);color:#cbd5e1;font-size:.875rem;transition:all .3s ease}.feature-item:hover{background:#667eea26;border-color:#667eea4d;transform:translate(-3px)}.feature-item svg{color:#667eea;flex-shrink:0}.social-section h4{font-size:.875rem;font-weight:600;color:#94a3b8;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.social-links{display:flex;gap:.75rem;flex-wrap:wrap}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid transparent}.social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:1;transition:opacity .3s ease}.social-link svg{position:relative;z-index:1;color:#cbd5e1;transition:all .3s ease}.social-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.social-link:hover svg{color:#fff}.social-link.facebook:hover{background:#1877f2;border-color:#1877f2}.social-link.twitter:hover{background:#1da1f2;border-color:#1da1f2}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#bc1888}.social-link.linkedin:hover{background:#0077b5;border-color:#0077b5}.social-link.youtube:hover{background:red;border-color:red}.footer-column{display:flex;flex-direction:column;gap:1.25rem}.column-title{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.5rem;position:relative;padding-bottom:.75rem}.column-title:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#cbd5e1;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem 0}.footer-links a:hover{color:#667eea;transform:translate(-5px)}.services-links .service-link{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:all .3s ease}.services-links .service-link:hover{background:#667eea1a;transform:translate(-5px)}.services-links .service-link svg{flex-shrink:0}.contact-info{margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.contact-title{font-size:.875rem;font-weight:600;color:#94a3b8;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.contact-items{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:#cbd5e1;text-decoration:none;font-size:.9rem;padding:.5rem;border-radius:8px;transition:all .3s ease}.contact-item:hover{background:#667eea1a;color:#667eea}.contact-item svg{color:#667eea;flex-shrink:0}.footer-bottom{background:#0003;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.copyright p{color:#94a3b8;font-size:.875rem}.footer-love{display:flex;align-items:center;gap:.5rem}.footer-love p{color:#94a3b8;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.heart-icon{color:#ef4444;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.language-selector{display:flex;align-items:center;gap:.5rem;color:#94a3b8}.language-select{background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .3s ease}.language-select:hover{background:#ffffff26;border-color:#ffffff4d}.language-select:focus{outline:none;border-color:#667eea}@media(max-width:1024px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem}.footer-column:last-child{grid-column:span 3}}@media(max-width:768px){.newsletter-section{padding:2rem 0}.newsletter-content{flex-direction:column;text-align:center}.newsletter-info h3{font-size:1.5rem}.newsletter-form{width:100%;max-width:100%;flex-direction:column}.newsletter-btn{justify-content:center}.footer-main{padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-column:last-child{grid-column:span 1}.brand-column{padding-left:0}.features-grid{grid-template-columns:1fr}.social-links{justify-content:flex-start}.footer-bottom-content{flex-direction:column;text-align:center;gap:1rem}.language-selector{justify-content:center}}@media(max-width:480px){.newsletter-section{padding:1.5rem 0}.newsletter-info h3{font-size:1.25rem}.newsletter-info p{font-size:.875rem}.newsletter-input,.newsletter-btn{padding:.875rem 1.25rem;font-size:.9rem}.footer-main{padding:2rem 0 1rem}.brand-name{font-size:1.75rem}.brand-description{font-size:.875rem}.column-title{font-size:1rem}.footer-links a,.contact-item{font-size:.875rem}.social-link{width:40px;height:40px}.footer-bottom{padding:1rem 0}.copyright p,.footer-love p,.language-select{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 20px #0000001a;backdrop-filter:blur(10px);padding:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px);padding-left:calc(env(safe-area-inset-left,0px) + 4px);padding-right:calc(env(safe-area-inset-right,0px) + 4px);display:none}.bottom-nav-container{display:flex;align-items:center;justify-content:space-around;max-width:100%;margin:0 auto;padding:8px 12px;background:#fff}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .3s ease;position:relative;min-width:60px;text-decoration:none;color:#6b7280}.bottom-nav-item:hover{background:#f3f4f6;color:#374151;transform:translateY(-2px)}.bottom-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.bottom-nav-item.active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);color:#fff}.bottom-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.bottom-nav-icon-wrapper>div{display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:.75rem;font-weight:600;text-align:center;line-height:1.2;margin-top:2px}.bottom-nav-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;border:2px solid white;box-shadow:0 2px 8px #ef44444d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:768px){.bottom-nav{display:block}body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.bottom-nav-item{padding:6px 8px;min-width:50px}.bottom-nav-label{font-size:.6875rem}.bottom-nav-badge{min-width:16px;height:16px;font-size:.625rem;top:-6px;right:-6px}}@media(max-width:480px){.bottom-nav-container{padding:6px 8px}.bottom-nav-item{padding:4px 6px;min-width:45px}.bottom-nav-label{font-size:.625rem}.bottom-nav-badge{min-width:14px;height:14px;font-size:.5625rem}}@media(max-width:360px){.bottom-nav-container{padding:4px 6px}.bottom-nav-item{padding:3px 4px;min-width:40px}.bottom-nav-label{font-size:.5625rem}}@media(max-height:500px)and (orientation:landscape){.bottom-nav{padding:0}.bottom-nav-container{padding:4px 8px}.bottom-nav-item{padding:4px 6px}.bottom-nav-label{font-size:.625rem}}@media(prefers-color-scheme:dark){.bottom-nav{background:#1f2937;border-top-color:#374151}.bottom-nav-container{background:#1f2937}.bottom-nav-item{color:#9ca3af}.bottom-nav-item:hover{background:#374151;color:#f3f4f6}.bottom-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}}@media(min-width:769px){.bottom-nav{display:none!important}}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-hub-modal{width:95%;max-width:500px;height:90vh;max-height:800px}@media(max-width:768px){.chat-hub-modal{width:100%;height:100%;max-height:100vh;border-radius:0}}.new-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 80px;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a)}.hero-bg-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s infinite ease-in-out}.sphere-1{width:600px;height:600px;background:radial-gradient(circle,#667eea 0%,transparent 70%);top:-200px;left:-100px;animation-delay:0s}.sphere-2{width:500px;height:500px;background:radial-gradient(circle,#f093fb 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:5s}.sphere-3{width:400px;height:400px;background:radial-gradient(circle,#4facfe 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(102,126,234,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-container{max-width:1400px;margin:0 auto;position:relative;z-index:1;width:100%}.hero-header{text-align:center;margin-bottom:60px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.rotating-sequence{width:80px;height:80px;margin:0 auto 20px;perspective:600px}.rotating-sequence .sequence-inner{width:100%;height:100%;position:relative;transition:transform .6s ease;transform-style:preserve-3d}.rotating-sequence.flipped .sequence-inner{transform:rotateY(180deg)}.sequence-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sequence-icon img{max-width:100%;max-height:100%}.sequence-inner>*{backface-visibility:hidden}.rotating-sequence .face{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}.rotating-sequence .face.back{transform:rotateY(180deg)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:50px;color:#a5b4fc;font-size:14px;font-weight:500;margin-bottom:24px;backdrop-filter:blur(10px);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 10px #667eea00}}.hero-badge svg{animation:spin 10s linear infinite}.hero-title{font-size:4rem;font-weight:900;line-height:1.2;margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.title-gradient{background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-highlight{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:5rem;animation:shimmer 3s ease-in-out infinite;background-size:200% 200%}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.rolling-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;padding:0 20px;height:90px;width:140px;position:relative;overflow:visible}.rolling-icon-ball{width:75px;height:75px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #667eea80,0 0 0 4px #667eea33,inset 0 -8px 20px #00000040;position:relative;animation:gentle-float 3s ease-in-out infinite;will-change:transform}.rolling-icon-ball.rolling{animation:none!important}.rolling-icon-ball.ltr.rolling{animation:rollRightLTR 1.2s cubic-bezier(.4,0,.2,1) forwards!important}.rolling-icon-ball.rtl.rolling{animation:rollLeftRTL 1.2s cubic-bezier(.4,0,.2,1) forwards!important}@keyframes rollRightLTR{0%{transform:translate(-260px) rotate(0) scale(.5);opacity:0}8%{opacity:1}50%{transform:translate(0) rotate(180deg) scale(1.35);opacity:1}92%{opacity:1}to{transform:translate(260px) rotate(360deg) scale(.5);opacity:0}}@keyframes rollLeftRTL{0%{transform:translate(260px) rotate(0) scale(.5);opacity:0}8%{opacity:1}50%{transform:translate(0) rotate(-180deg) scale(1.35);opacity:1}92%{opacity:1}to{transform:translate(-260px) rotate(-360deg) scale(.5);opacity:0}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.icon-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:2}.platform-logo-img{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:icon-pulse 2s ease-in-out infinite}.service-icon-svg{color:#fff;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.rolling-icon-ball:before{content:"";position:absolute;top:10%;left:10%;width:40%;height:40%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;pointer-events:none}.rolling-icon-ball:after{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);animation:rotating-shine 4s linear infinite;pointer-events:none;border-radius:50%}@keyframes rotating-shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-description{font-size:1.25rem;color:#cbd5e1;max-width:700px;margin:0 auto 40px;line-height:1.7}.hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:40px}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{width:40px;height:40px;padding:8px;background:#667eea1a;border-radius:12px;color:#667eea}.stat-content{display:flex;flex-direction:column;align-items:flex-start}.stat-number{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:#94a3b8}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,#334155,transparent)}.services-showcase{animation:fadeInUp 1s ease-out .3s backwards}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;padding:20px 0}.service-section{position:relative;animation:cardFadeIn .8s ease-out backwards;animation-delay:var(--animation-delay)}.service-header-card{display:block;text-decoration:none;background:#0f172a99;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 20px;margin-bottom:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.service-header-card:before{content:"";position:absolute;inset:0;background:var(--service-gradient);opacity:0;transition:opacity .3s ease}.service-header-card:hover:before{opacity:.1}.service-header-card:hover{transform:translateY(-2px);border-color:var(--service-color);box-shadow:0 8px 24px #0000004d}.service-header-inner{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.service-icon-small{width:40px;height:40px;background:var(--service-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform .3s ease}.service-header-card:hover .service-icon-small{transform:rotate(10deg) scale(1.1)}.service-title{flex:1;font-size:1.125rem;font-weight:700;color:#fff;margin:0;text-align:right}.service-arrow-small{color:var(--service-color);opacity:.7;transition:all .3s ease}.service-header-card:hover .service-arrow-small{opacity:1;transform:translate(-4px)}.service-examples{position:relative;overflow:hidden;margin-top:4px}.examples-slider{width:100%;overflow:hidden;mask-image:linear-gradient(to left,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to left,transparent,black 10%,black 90%,transparent)}.slider-track{display:flex;gap:0;animation:slideLeft 30s linear infinite;width:-moz-fit-content;width:fit-content;will-change:transform}.slider-track:hover{animation-play-state:paused}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(calc(-100% / 12))}}.example-slide{flex:0 0 280px;background:#0f172a99;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:0;overflow:hidden;transition:all .3s ease;cursor:pointer;border-right:1px solid rgba(255,255,255,.05)}.example-slide:first-child{border-radius:16px 0 0 16px}.example-slide:hover{transform:translateY(-4px) scale(1.02);border-color:var(--service-color);box-shadow:0 8px 24px #0000004d;z-index:10}.example-image-wrapper{position:relative;width:100%;height:160px;overflow:hidden;background:linear-gradient(135deg,#0f172acc,#1e293bcc)}.example-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.example-slide:hover .example-image{transform:scale(1.1)}.example-badge-overlay{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--service-gradient);border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;box-shadow:0 4px 12px #0000004d;z-index:2}.example-info{padding:14px;display:flex;flex-direction:column;gap:8px}.example-name{font-size:.95rem;font-weight:600;color:#e2e8f0;margin:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-rating{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:#fbbf24}.example-badges{display:flex;gap:6px;flex-wrap:wrap}.badge-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:.7rem;color:#a5b4fc;font-weight:500}.example-card{background:#0f172a66;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;transition:all .3s ease;cursor:pointer}.example-card:hover{background:#0f172a99;border-color:#ffffff26;transform:translate(-4px)}.example-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--service-gradient);border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;margin-bottom:8px;opacity:.9}.example-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.examples-loading{display:flex;flex-direction:column;gap:10px}.example-skeleton{height:70px;background:linear-gradient(90deg,#0f172a66,#1e293b66,#0f172a66);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.no-examples{padding:20px;text-align:center;color:#64748b;font-size:.875rem}.no-examples p{margin:0}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-cta{text-align:center;margin-top:60px;padding-top:60px;border-top:1px solid rgba(148,163,184,.1);animation:fadeInUp 1.2s ease-out .6s backwards}.cta-text{font-size:1.125rem;color:#cbd5e1;margin-bottom:24px}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;font-size:1.125rem;font-weight:600;transition:all .4s ease;box-shadow:0 10px 30px #667eea4d;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .4s ease}.cta-button:hover:before{opacity:1}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea66}.cta-button span,.cta-button svg{position:relative;z-index:1}.floating-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-dot{position:absolute;width:8px;height:8px;background:#667eea66;border-radius:50%;animation:floatDot 15s infinite ease-in-out}.dot-1{top:20%;left:10%;animation-delay:0s}.dot-2{top:60%;right:15%;animation-delay:3s}.dot-3{bottom:25%;left:20%;animation-delay:6s}.dot-4{top:40%;right:25%;animation-delay:9s}@keyframes floatDot{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(50px,-50px);opacity:.8}}@media(max-width:1200px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.new-hero{padding:100px 20px 60px}.hero-title{font-size:2.5rem}.title-highlight{font-size:3rem}.rolling-icon-wrapper{height:70px;width:120px;padding:0 10px}.rolling-icon-ball{width:60px;height:60px}.platform-logo-img{width:38px;height:38px}.service-icon-svg{width:35px;height:35px}@keyframes rollRightLTR{0%{transform:translate(-200px) rotate(0) scale(.5);opacity:0}8%{opacity:1}50%{transform:translate(0) rotate(180deg) scale(1.25);opacity:1}92%{opacity:1}to{transform:translate(200px) rotate(360deg) scale(.5);opacity:0}}@keyframes rollLeftRTL{0%{transform:translate(200px) rotate(0) scale(.5);opacity:0}8%{opacity:1}50%{transform:translate(0) rotate(-180deg) scale(1.25);opacity:1}92%{opacity:1}to{transform:translate(-200px) rotate(-360deg) scale(.5);opacity:0}}.hero-description{font-size:1rem}.hero-stats{gap:20px}.stat-number{font-size:1.25rem}.services-grid{grid-template-columns:1fr;gap:16px}.service-card-inner{padding:24px 20px;min-height:180px}.service-icon-wrapper{width:60px;height:60px}.service-icon{width:32px;height:32px}.service-name{font-size:1.25rem}.hero-cta{margin-top:40px;padding-top:40px}.cta-button{padding:14px 28px;font-size:1rem}}@media(max-width:480px){.new-hero{padding:80px 16px 40px}.hero-title{font-size:2rem}.title-highlight{font-size:2.5rem}.hero-description{font-size:.9rem}.hero-badge{font-size:12px;padding:8px 16px}.stat-item{gap:8px}.stat-icon{width:32px;height:32px}.services-grid{grid-template-columns:1fr;gap:24px}.service-header-card{padding:14px 18px}.service-icon-small{width:36px;height:36px}.service-title{font-size:1rem}.example-card{padding:10px 14px}.example-slide{flex:0 0 240px}.example-image-wrapper{height:140px}.example-name{font-size:.85rem}.cta-button{padding:12px 24px;font-size:.9rem}.services-grid{gap:20px}.service-header-card{padding:12px 16px}.service-icon-small{width:32px;height:32px}.service-title{font-size:.95rem}.example-badge{font-size:.7rem;padding:3px 8px}.example-badge-overlay{font-size:.7rem;padding:4px 10px}.example-slide{flex:0 0 200px}.example-image-wrapper{height:120px}.example-name,.example-rating{font-size:.8rem}.slider-track{gap:0;animation:slideLeft 20s linear infinite}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-download-banner{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:16px;margin:16px;border-radius:12px;box-shadow:0 4px 15px #667eea4d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff}.banner-text{flex:1}.banner-text h3{margin:0 0 4px;font-size:18px;font-weight:600}.banner-text p{margin:0;font-size:14px;opacity:.95}.download-btn{background-color:#fff;color:#667eea;border:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.download-btn:active{transform:translateY(0)}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.close-btn:hover{opacity:.8}@media(max-width:640px){.app-download-banner{margin:12px;padding:12px}.banner-content{flex-direction:column;align-items:stretch;gap:12px}.banner-text h3{font-size:16px}.download-btn{justify-content:center;width:100%}.close-btn{position:absolute;top:8px;right:8px}.banner-content{position:relative}}.home{min-height:100vh;background:#f8f9fa}@media(max-width:768px){.home{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.home>*{margin-bottom:0}.container{max-width:1280px;margin:0 auto;padding:0 24px}.trending-section,.top-rated-section{padding:60px 0;background:#fff}.trending-section{background:linear-gradient(180deg,#f8f9fa,#fff)}.top-rated-section.restaurants{background:#f8f9fa}.top-rated-section.stores{background:#fff}.top-rated-section.services{background:#f8f9fa}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}.header-icon{width:48px;height:48px;padding:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:16px;flex-shrink:0}.trending-section .header-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.top-rated-section.stores .header-icon{background:linear-gradient(135deg,#10b981,#059669)}.top-rated-section.services .header-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.header-content h2{margin:0;font-size:28px;font-weight:800;color:#111827}.header-content p{margin:4px 0 0;font-size:14px;color:#6b7280}.view-all-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s}.view-all-btn:hover{border-color:#2563eb;color:#2563eb;transform:translate(-4px)}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.top-rated-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s;cursor:pointer;border:2px solid transparent}.top-rated-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #2563eb26;border-color:#2563eb}.card-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden}.card-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.top-rated-card:hover .card-image-wrapper img{transform:scale(1.1)}.card-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fffffff2;backdrop-filter:blur(8px);border-radius:20px;font-size:14px;font-weight:700;color:#111827;box-shadow:0 2px 8px #0000001a}.status-badge{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(8px)}.status-badge.open{background:#10b981f2;color:#fff}.status-badge.closed{background:#ef4444f2;color:#fff}.card-content{padding:20px}.card-content h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-description{margin:0 0 12px;font-size:14px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;min-height:42px}.card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.meta-item svg{flex-shrink:0}.meta-item.reviews{margin-right:auto;font-weight:600;color:#f59e0b}.card-price{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280}.card-price strong{font-size:18px;font-weight:700;color:#2563eb}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.trending-section .loading-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.skeleton-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000014;height:380px;animation:pulse 1.5s ease-in-out infinite}@media(max-width:1024px){.trending-grid,.cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.header-content h2{font-size:24px}.header-icon{width:40px;height:40px;padding:10px}}@media(max-width:768px){.container{padding:0 20px}.trending-section,.top-rated-section{padding:40px 0}.section-header{margin-bottom:30px}.header-content{gap:12px}.header-content h2{font-size:20px}.header-content p{font-size:13px}.header-icon{width:36px;height:36px;padding:8px}.view-all-btn{padding:10px 18px;font-size:13px}.trending-grid,.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card-image-wrapper{height:180px}.card-content{padding:16px}.card-content h3{font-size:16px}.card-description{font-size:13px}}@media(max-width:640px){.section-header{flex-direction:column;align-items:flex-start}.view-all-btn{width:100%;justify-content:center}.trending-grid,.cards-grid{grid-template-columns:1fr}}@media(max-width:480px){.container{padding:0 16px}.trending-section,.top-rated-section{padding:30px 0}.section-header{margin-bottom:24px}.header-content h2{font-size:18px}.header-content p{display:none}.header-icon{width:32px;height:32px;padding:6px;border-radius:12px}.card-image-wrapper{height:160px}.card-content{padding:14px}.card-content h3{font-size:15px}.card-description{font-size:12px;-webkit-line-clamp:1;min-height:18px}.card-meta{gap:8px}.meta-item{font-size:12px}.card-price{padding-top:10px}.card-price strong{font-size:16px}}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px}.loading-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a;animation:pulse 1.5s ease-in-out infinite}.loading-image{width:100%;height:200px;background:#e5e7eb}.loading-content{padding:20px}.loading-title{height:20px;background:#e5e7eb;border-radius:4px;margin-bottom:12px}.loading-text{height:14px;background:#f3f4f6;border-radius:4px;margin-bottom:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.services-page{padding:2rem 0;min-height:100vh;background:#f9fafb}@media(max-width:768px){.services-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.services-header{text-align:center;margin-bottom:3rem}.services-filters{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.search-section{margin-bottom:1.5rem}.search-box{position:relative;max-width:500px;margin:0 auto}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:3rem;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-section{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-label{font-weight:600;color:#374151;white-space:nowrap}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:#2563eb}.services-results{margin-bottom:2rem}.results-info{margin-bottom:1.5rem;color:#6b7280;font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.service-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.service-image{position:relative;height:200px;overflow:hidden}.verified-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.service-content{padding:1.5rem}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.service-title{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1.3;flex:1}.service-rating{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.star-icon{color:#fbbf24;fill:currentColor}.rating-value{font-weight:600;color:#1f2937;font-size:.875rem}.rating-count{color:#6b7280;font-size:.75rem}.service-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.service-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.service-location,.service-provider{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.service-location svg{color:#9ca3af}.service-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.service-price{font-size:1.125rem;font-weight:700;color:#2563eb}.service-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.service-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media(max-width:768px){.services-page{padding:1rem 0}.page-title{font-size:2rem}.services-filters{padding:1.5rem}.filter-section{flex-direction:column;gap:1rem}.filter-group{justify-content:space-between}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-header{flex-direction:column;align-items:flex-start;gap:.5rem}.service-footer{flex-direction:column;align-items:stretch;gap:1rem}.service-btn{justify-content:center}}@media(max-width:480px){.services-filters,.service-content{padding:1rem}.service-title{font-size:1.125rem}.service-image{height:180px}}.accommodation-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;direction:rtl}@media(max-width:768px){.accommodation-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.accommodation-page-header{position:sticky;top:0;z-index:10;background:#0f0c29f2;backdrop-filter:blur(20px);border-bottom:1px solid rgba(102,126,234,.3);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000004d}.acc-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .3s ease}.acc-sidebar{position:fixed;top:0;right:0;width:300px;height:100%;height:100dvh;background:#fff;z-index:201;animation:slideIn .3s ease;box-shadow:-5px 0 25px #00000026;overflow-y:auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.acc-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:40px 20px 20px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:80px}.acc-sidebar-header h3{margin:0;font-size:18px;font-weight:700}.acc-sidebar-header button{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.acc-sidebar-content{padding:20px}.acc-filter-group{margin-bottom:20px}.acc-filter-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.acc-filter-group input,.acc-filter-group select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:all .3s ease}.acc-filter-group input:focus,.acc-filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.acc-filter-group .price-inputs{display:flex;align-items:center;gap:10px}.acc-filter-group .price-inputs input{flex:1}.acc-filter-group .price-inputs span{color:#667eea;font-weight:700}.acc-reset-btn{width:100%;padding:14px;background:#f3e8ff;border:none;border-radius:12px;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.acc-reset-btn:hover{background:#e9d5ff}.accommodation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px 20px}.accommodation-card{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;border:1px solid rgba(102,126,234,.2);cursor:pointer;transition:all .3s ease}.accommodation-card:active{transform:scale(.98)}.accommodation-card:hover{border-color:#667eea80;box-shadow:0 8px 30px #667eea33}.accommodation-cover{position:relative;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.accommodation-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.accommodation-card:hover .accommodation-cover img{transform:scale(1.1)}.accommodation-info{padding:12px;background:#fff;position:relative;border-radius:0 0 16px 16px}.type-badge-inline{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;text-transform:capitalize;margin-bottom:8px;letter-spacing:.5px}.accommodation-name{font-size:14px;font-weight:700;color:#1a1a2e;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.accommodation-location{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:11px;margin:0 0 8px}.accommodation-location svg{color:#667eea;flex-shrink:0}.quick-features span{display:flex;align-items:center;gap:4px;color:#4b5563;font-size:11px;font-weight:500}.accommodation-price{display:flex;align-items:baseline;gap:4px}.price-unit{font-size:11px;color:#9ca3af;font-weight:500}.no-accommodations{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#fff}.no-accommodations svg{color:#667eea;margin-bottom:15px;opacity:.5}.no-accommodations h3{font-size:20px;margin:0 0 10px}.no-accommodations p{color:#fff9;font-size:14px}@media(max-width:360px){.accommodation-grid{grid-template-columns:1fr;gap:10px;padding:0 10px 20px}.accommodation-cover{height:150px}}@media(min-width:768px){.accommodation-page-header{padding:16px 24px}.header-title{font-size:22px}.accommodation-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 24px 30px}.accommodation-cover{height:160px}.accommodation-name{font-size:16px}.price-amount{font-size:18px}.filter-sidebar{width:380px}}@media(min-width:1024px){.accommodation-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:0 30px 40px;max-width:1400px;margin:0 auto}.accommodation-cover{height:180px}.accommodation-card:hover{transform:translateY(-5px)}.results-count{max-width:1400px;margin:0 auto;padding:16px 30px}}@media(min-width:1440px){.accommodation-grid{grid-template-columns:repeat(4,1fr)}}.map-markers-overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.map-property-marker{position:absolute;background:linear-gradient(135deg,#667eea,#764ba2);padding:6px 12px;border-radius:20px;cursor:pointer;pointer-events:auto;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.map-property-marker:hover,.map-property-marker.selected{transform:scale(1.15);background:linear-gradient(135deg,#764ba2,#667eea);z-index:20}.marker-price{color:#fff;font-size:12px;font-weight:700}.map-property-card .card-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.map-property-card .card-rating{display:flex;align-items:center;gap:4px;color:#fff;font-size:13px;font-weight:600}.map-property-card .card-features{display:flex;align-items:center;gap:4px;color:#fff9;font-size:12px}.map-property-card .card-price{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.map-property-card .card-price .price{color:#667eea;font-size:20px;font-weight:800}.map-property-card .card-price .unit{color:#ffffff80;font-size:12px}.map-property-card .view-details-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.map-property-card .view-details-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #667eea66}@media(max-width:480px){.location-search-card{flex-direction:column}.location-search-input{width:100%}.my-location-btn{width:100%;justify-content:center}.map-view-container{height:calc(100vh - 240px);margin:0 10px 10px;border-radius:16px}.map-property-card{width:calc(100% - 20px);bottom:10px}}.calendar-container{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nav-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-button:hover{background:#e2e8f0;border-color:#cbd5e1}.month-year{font-size:18px;font-weight:600;color:#1e293b;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:20px}.day-name{text-align:center;padding:12px 4px;font-size:14px;font-weight:600;color:#64748b;background:#f8fafc;border-radius:6px}.calendar-day{aspect-ratio:1;border:none;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#1e293b;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid transparent}.calendar-day:hover:not(.disabled):not(.booked):not(.empty){background:#e0f2fe;border-color:#0ea5e9;color:#0c4a6e}.calendar-day.disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc}.calendar-day.booked{background:#fee2e2;color:#991b1b;cursor:not-allowed;position:relative}.calendar-day.booked:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:#dc2626;transform:translateY(-50%)}.calendar-day.selected{background:#3b82f6;color:#fff;font-weight:600;border-color:#2563eb}.calendar-day.in-range{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.calendar-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-top:16px;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.legend-color{width:16px;height:16px;border-radius:4px;border:1px solid #e2e8f0}.legend-color.selected{background:#3b82f6}.legend-color.in-range{background:#dbeafe}.legend-color.booked{background:#fee2e2;position:relative}.legend-color.booked:after{content:"";position:absolute;top:50%;left:2px;right:2px;height:1px;background:#dc2626;transform:translateY(-50%)}.legend-color.disabled{background:#f8fafc}.selected-dates-summary{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.date-summary,.nights-count{display:flex;justify-content:space-between;align-items:center}.date-summary .label,.nights-count .label{font-size:14px;color:#0c4a6e;font-weight:500}.date-summary .date,.nights-count .count{font-size:14px;color:#0c4a6e;font-weight:600}.nights-count{padding-top:8px;border-top:1px solid #7dd3fc;margin-top:4px}@media(max-width:768px){.calendar-container{padding:16px}.calendar-header{margin-bottom:16px}.month-year{font-size:16px}.nav-button{padding:6px}.day-name{padding:8px 2px;font-size:12px}.calendar-day{font-size:12px}.calendar-legend{gap:12px}.legend-item{font-size:11px}.selected-dates-summary{padding:12px}.date-summary .label,.date-summary .date,.nights-count .label,.nights-count .count{font-size:13px}}@media(max-width:480px){.calendar-container{padding:12px}.calendar-grid{gap:1px}.day-name{padding:6px 1px;font-size:11px}.calendar-day{font-size:11px}.calendar-legend{flex-direction:column;gap:8px}.legend-color{width:14px;height:14px}}.acc-details-page{min-height:100vh;background:linear-gradient(180deg,#f8f5ff,#efe8ff,#e8dfff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;direction:rtl;padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}.acc-details-loading,.acc-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#f8f5ff,#efe8ff);gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(155,89,182,.2);border-top-color:#9b59b6;border-radius:50%;animation:spin 1s linear infinite}.acc-details-loading p,.acc-details-error h2{color:#9b59b6;font-size:18px;font-weight:600}.acc-details-error button{padding:12px 24px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer}.acc-hero{position:relative;height:320px;overflow:hidden}.acc-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.hero-gradient{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);pointer-events:none}.type-badge{position:absolute;top:20px;right:70px;background:#9b59b6f2;backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;font-weight:600}.price-badge{position:absolute;bottom:70px;right:20px;background:#fffffff2;backdrop-filter:blur(10px);padding:10px 18px;border-radius:16px;display:flex;align-items:baseline;gap:4px;box-shadow:0 4px 20px #0003}.price-badge .price-label{font-size:12px;color:#666}.price-badge .price-amount{font-size:26px;font-weight:800;color:#9b59b6}.price-badge .price-currency{font-size:14px;font-weight:600;color:#9b59b6}.price-badge .price-period{font-size:12px;color:#888}.hero-actions{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.hero-btn{width:44px;height:44px;border-radius:50%;background:#ffffff40;backdrop-filter:blur(10px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.hero-btn:hover{background:#fff6;transform:scale(1.05)}.hero-right-actions{display:flex;gap:10px}.hero-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.gallery-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffffe6;backdrop-filter:blur(10px);border:none;border-radius:25px;font-size:13px;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease}.gallery-btn:hover{background:#fff;transform:scale(1.02)}.gallery-btn svg{color:#9b59b6}.image-nav{display:flex;align-items:center;gap:10px;background:#00000080;backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px}.image-nav button{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center}.image-nav span{color:#fff;font-size:13px;font-weight:600}.property-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff,#f8f5ff);border-bottom:1px solid rgba(155,89,182,.1);gap:12px}.actions-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions-left{display:flex;align-items:center;gap:8px}.hotel-stars{display:flex;align-items:center;gap:2px;padding:6px 10px;background:linear-gradient(135deg,#fff8e1,#fff3cd);border-radius:20px;border:1px solid rgba(255,193,7,.3)}.rating-badge-bar{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#f8f5ff,#efe8ff);border-radius:20px;border:1px solid rgba(155,89,182,.15)}.rating-badge-bar .rating-value{font-size:14px;font-weight:700;color:#333}.rating-badge-bar .review-count{font-size:12px;color:#888}.verified-badge-bar{display:flex;align-items:center;gap:4px;padding:5px 10px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px;font-size:12px;font-weight:600;color:#2e7d32;border:1px solid rgba(46,125,50,.2)}.verified-badge-bar svg{color:#2e7d32}.featured-badge-bar{display:flex;align-items:center;gap:4px;padding:5px 10px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:16px;font-size:12px;font-weight:600;color:#e65100;border:1px solid rgba(230,81,0,.2)}.featured-badge-bar svg{color:#e65100}.action-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(155,89,182,.2);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #9b59b61a}.action-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #9b59b633}.action-btn.favorite-action{border-color:#e91e6333}.action-btn.favorite-action:hover{background:#e91e630d;border-color:#e91e63}.action-btn.share-action{color:#9b59b6}.action-btn.share-action:hover{background:#9b59b60d;border-color:#9b59b6}@media(max-width:400px){.property-actions-bar{flex-direction:column;gap:10px}.actions-right,.actions-left{width:100%;justify-content:center}}.property-header{background:#fff;padding:20px;border-radius:0 0 24px 24px;margin-bottom:16px;box-shadow:0 4px 20px #9b59b61a}.property-title-section{margin-bottom:16px}.property-name{font-size:22px;font-weight:800;color:#1a1a2e;margin:0 0 10px;line-height:1.3}.property-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.rating-badge{display:flex;align-items:center;gap:4px;background:#ffc10726;padding:6px 12px;border-radius:20px}.rating-badge .rating-value{font-size:14px;font-weight:700;color:#333}.rating-badge .review-count{font-size:12px;color:#666}.verified-badge,.featured-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.verified-badge{background:#27ae6026;color:#27ae60}.featured-badge{background:#9b59b626;color:#9b59b6}.property-location{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.property-location svg{color:#9b59b6}.quick-features{display:flex;flex-wrap:wrap;gap:8px}.quick-feature{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#9b59b614;border-radius:20px;font-size:12px;color:#555}.quick-feature svg{color:#9b59b6;width:16px;height:16px}.tabs-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 16px}.tabs-nav::-webkit-scrollbar{display:none}.tabs-nav .tab-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 8px;border-radius:12px;border:none;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;background:#fff;color:#666;transition:all .3s ease;box-shadow:0 2px 10px #9b59b61a}.tabs-nav .tab-btn.active{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;box-shadow:0 4px 15px #9b59b64d}.tabs-nav .tab-btn svg{width:14px;height:14px;flex-shrink:0}.tab-badge{display:none}.acc-content{padding:0 16px}.owner-card{background:#fff;border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 4px 20px #9b59b61a}.owner-card .owner-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.owner-avatar{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #9b59b6}.owner-info{flex:1}.owner-name-row{display:flex;align-items:center;gap:8px}.owner-name-row h3{font-size:16px;font-weight:700;color:#333;margin:0}.verified-icon{color:#27ae60}.owner-role{font-size:13px;color:#888;margin:4px 0 0}.contact-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.contact-btn:hover{transform:scale(1.1)}.owner-bio{font-size:13px;line-height:1.6;color:#666;margin-bottom:14px}.owner-stats{display:flex;gap:16px}.owner-stats .stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#555}.owner-stats .stat svg{width:14px;height:14px}.section-card{background:#fff;border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 4px 20px #9b59b614}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header.clickable{cursor:pointer;width:100%;background:none;border:none;padding:0;text-align:right}.section-header svg{color:#9b59b6}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#333;margin:0}.section-title svg{color:#9b59b6}.description-text{font-size:14px;line-height:1.8;color:#555;max-height:100px;overflow:hidden;transition:max-height .3s ease}.description-text.expanded{max-height:none}.expand-btn{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;background:#9b59b61a;border:none;border-radius:20px;color:#9b59b6;font-size:13px;font-weight:600;cursor:pointer}.see-all-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#9b59b6;font-size:13px;font-weight:600;cursor:pointer}.policies-card .section-header{margin-bottom:0}.policies-content{margin-top:16px;padding-top:16px;border-top:1px solid rgba(155,89,182,.1)}.policy-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(155,89,182,.08)}.policy-item:last-of-type{border-bottom:none}.policy-item svg{color:#9b59b6;margin-top:2px}.policy-item div{flex:1}.policy-item strong{display:block;font-size:14px;color:#333;margin-bottom:4px}.policy-item span{font-size:13px;color:#666}.policy-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.policy-tags span{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.policy-tags span.allowed{background:#27ae6026;color:#27ae60}.policy-tags span.not-allowed{background:#e74c3c26;color:#e74c3c}.rooms-preview-list{display:flex;flex-direction:column;gap:12px}.room-preview-card{display:flex;gap:14px;padding:12px;background:#9b59b60d;border-radius:16px;cursor:pointer;transition:all .3s ease}.room-preview-card:hover{background:#9b59b61a;transform:translate(-4px)}.room-preview-image{position:relative;width:100px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}.room-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.availability-badge{position:absolute;bottom:4px;right:4px;background:#e74c3cf2;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px}.room-preview-info{flex:1;display:flex;flex-direction:column;justify-content:center}.room-preview-info h4{font-size:14px;font-weight:700;color:#333;margin:0 0 6px}.room-preview-features{display:flex;gap:12px;margin-bottom:6px}.room-preview-features span{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.room-preview-features svg{color:#9b59b6;width:14px;height:14px}.room-preview-price{display:flex;align-items:baseline;gap:6px}.room-preview-price .original-price{font-size:12px;color:#999;text-decoration:line-through}.room-preview-price .current-price{font-size:16px;font-weight:800;color:#9b59b6}.room-preview-price .per-night{font-size:11px;color:#888}.packages-preview-list{display:flex;flex-direction:column;gap:12px}.package-preview-card{display:flex;gap:14px;padding:12px;background:#3498db0d;border-radius:16px;cursor:pointer;transition:all .3s ease}.package-preview-card:hover{background:#3498db1a;transform:translate(-4px)}.package-preview-image{position:relative;width:100px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}.package-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.package-preview-image .package-type-badge{position:absolute;bottom:4px;right:4px;background:#3498dbf2;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px}.package-preview-info{flex:1;display:flex;flex-direction:column;justify-content:center}.package-preview-info h4{font-size:14px;font-weight:700;color:#333;margin:0 0 6px}.package-preview-features{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}.package-preview-features span{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.package-preview-features svg{color:#3498db;width:14px;height:14px}.package-preview-price{display:flex;align-items:baseline;gap:6px}.package-preview-price .current-price{font-size:16px;font-weight:800;color:#3498db}.package-preview-price .per-week{font-size:11px;color:#888}.no-packages-message .empty-state{text-align:center;padding:32px 20px}.no-packages-message .empty-state svg{color:#bdc3c7;margin-bottom:16px}.no-packages-message .empty-state h3{font-size:18px;color:#333;margin:0 0 8px}.no-packages-message .empty-state p{font-size:14px;color:#666;margin:0}.booking-section .booking-unit-info{margin-bottom:20px}.unit-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.unit-feature{display:flex;align-items:center;gap:10px;padding:14px;background:#9b59b614;border-radius:14px}.unit-feature svg{color:#9b59b6}.unit-feature span{font-size:13px;color:#333;font-weight:500}.calendar-wrapper{margin:16px 0;border-radius:16px;overflow:hidden;background:#faf8ff;padding:10px}.booking-inputs{margin:16px 0}.input-group{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#9b59b614;border-radius:14px}.input-group label{font-size:14px;font-weight:600;color:#333}.input-group select{padding:10px 20px;border:2px solid rgba(155,89,182,.3);border-radius:10px;font-size:14px;font-weight:600;color:#9b59b6;background:#fff;cursor:pointer;min-width:120px}.booking-summary{margin-top:16px;padding:16px;background:linear-gradient(135deg,#9b59b61a,#8e44ad1a);border-radius:14px}.summary-row{display:flex;justify-content:space-between;font-size:14px;color:#555;margin-bottom:12px}.summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700;color:#9b59b6;padding-top:12px;border-top:1px dashed rgba(155,89,182,.3)}.rooms-section{margin-bottom:20px}.rooms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rooms-header h2{font-size:20px;font-weight:700;color:#333;margin:0}.view-toggle{display:flex;gap:4px;background:#9b59b61a;padding:4px;border-radius:10px}.view-toggle button{padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#666;cursor:pointer;transition:all .3s ease}.view-toggle button.active{background:#fff;color:#9b59b6;box-shadow:0 2px 8px #9b59b633}.rooms-date-selector{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 4px 15px #9b59b61a}.date-inputs{display:flex;gap:12px;flex-wrap:wrap}.date-input,.guests-input{flex:1;min-width:120px}.date-input label,.guests-input label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:6px}.date-input input,.guests-input select{width:100%;padding:12px;border:2px solid rgba(155,89,182,.2);border-radius:10px;font-size:14px;color:#333;background:#fff}.date-input input:focus,.guests-input select:focus{outline:none;border-color:#9b59b6}.rooms-list{display:flex;flex-direction:column;gap:16px}.rooms-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.room-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #9b59b61a;transition:all .3s ease}.room-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #9b59b626}.room-card.unavailable{opacity:.7}.room-image{position:relative;height:180px;overflow:hidden}.discount-badge{position:absolute;top:12px;right:12px;background:#e74c3c;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.unavailable-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.unavailable-overlay span{background:#e74c3ce6;color:#fff;padding:10px 24px;border-radius:25px;font-weight:700}.room-gallery-btn{position:absolute;bottom:12px;left:12px;width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9b59b6}.room-content{padding:20px}.room-content .room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.room-content .room-header h3{font-size:18px;font-weight:700;color:#333;margin:0}.room-view{font-size:12px;color:#27ae60;background:#27ae601a;padding:4px 10px;border-radius:10px}.room-description{font-size:13px;line-height:1.6;color:#666;margin-bottom:12px}.room-specs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.room-specs span{display:flex;align-items:center;gap:6px;font-size:13px;color:#555}.room-specs svg{color:#9b59b6;width:16px;height:16px}.room-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.room-feature{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#9b59b614;border-radius:8px;font-size:11px;color:#555}.room-feature svg{color:#9b59b6;width:14px;height:14px}.more-features{padding:6px 10px;background:#9b59b626;border-radius:8px;font-size:11px;color:#9b59b6;font-weight:600}.room-footer{display:flex;align-items:flex-end;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(155,89,182,.1)}.room-pricing .original-price{font-size:13px;color:#999;text-decoration:line-through;display:block;margin-bottom:4px}.room-pricing .current-price{display:flex;align-items:baseline;gap:4px}.room-pricing .current-price .amount{font-size:24px;font-weight:800;color:#9b59b6}.room-pricing .current-price .currency{font-size:14px;font-weight:600;color:#9b59b6}.room-pricing .current-price .period{font-size:12px;color:#888}.room-pricing .total-price{display:block;font-size:12px;color:#666;margin-top:4px}.book-room-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.book-room-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9b59b666}.book-room-btn:disabled{background:#ccc;cursor:not-allowed}.availability-warning{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;background:#e74c3c1a;border-radius:10px;color:#e74c3c;font-size:13px;font-weight:500}.amenities-section h2{font-size:20px;font-weight:700;color:#333;margin:0 0 20px}.amenities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.amenity-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #9b59b614;transition:all .3s ease}.amenity-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9b59b61f}.amenity-icon{width:50px;height:50px;background:#9b59b61a;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#9b59b6}.amenity-label{font-size:11px;color:#555;text-align:center;font-weight:500}.show-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:12px;background:#9b59b61a;border:none;border-radius:14px;color:#9b59b6;font-size:14px;font-weight:600;cursor:pointer}.rating-summary{text-align:center;padding:24px;background:#fff;border-radius:20px;margin-bottom:20px;box-shadow:0 4px 15px #9b59b61a}.rating-big .rating-number{font-size:48px;font-weight:800;color:#9b59b6;display:block}.rating-stars{display:flex;justify-content:center;gap:4px;margin:10px 0}.rating-count{font-size:14px;color:#666}.review-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 15px #9b59b614}.review-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.review-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.review-info{flex:1}.review-info h4{font-size:14px;font-weight:700;color:#333;margin:0 0 6px}.review-meta{display:flex;align-items:center;gap:12px}.review-date{font-size:12px;color:#999}.review-text{font-size:14px;line-height:1.7;color:#555;margin:0}.no-reviews{text-align:center;padding:50px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 15px #9b59b614}.no-reviews svg{color:#ddd;margin-bottom:16px}.no-reviews h3{font-size:18px;color:#333;margin:0 0 8px}.no-reviews p{font-size:14px;color:#888;margin:0}.location-section .map-container{position:relative;border-radius:20px;overflow:hidden;margin-bottom:20px;cursor:pointer}.location-section .map-container img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.location-section .map-overlay{position:absolute;inset:0;background:#9b59b64d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:opacity .3s ease}.location-section .map-overlay svg{color:#fff}.location-section .map-overlay span{color:#fff;font-weight:600;background:#0000004d;padding:8px 16px;border-radius:20px}.location-details{background:#fff;border-radius:16px;padding:18px;margin-bottom:20px;box-shadow:0 4px 15px #9b59b614}.location-details h3{font-size:16px;font-weight:700;color:#333;margin:0 0 8px}.location-details p{font-size:14px;color:#666;margin:0}.landmarks-section{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 15px #9b59b614}.landmarks-section h3{font-size:16px;font-weight:700;color:#333;margin:0 0 16px}.landmarks-list{display:flex;flex-direction:column;gap:14px}.landmark-item{display:flex;align-items:center;gap:14px}.landmark-icon{width:44px;height:44px;background:#9b59b61a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9b59b6}.landmark-info{flex:1;display:flex;flex-direction:column;gap:4px}.landmark-name{font-size:14px;font-weight:600;color:#333}.landmark-distance{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.landmark-distance svg{color:#9b59b6;width:14px;height:14px}.bottom-bar{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:16px;right:16px;background:transparent;z-index:100;pointer-events:none}.bottom-bar-content{display:flex;align-items:center;justify-content:center;padding:0;max-width:500px;margin:0 auto;pointer-events:auto}.book-btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 30px #9b59b666;transition:all .3s ease}.book-btn-full:hover{transform:translateY(-2px);box-shadow:0 12px 35px #9b59b680}.book-btn-full:active{transform:scale(.98)}.book-btn-full svg{flex-shrink:0}.price-section .price-display{display:flex;align-items:baseline;gap:4px}.price-section .from-text{font-size:12px;color:#888}.price-section .price-amount{font-size:26px;font-weight:800;color:#9b59b6}.price-section .currency{font-size:14px;font-weight:600;color:#9b59b6}.price-section .per-night{font-size:12px;color:#888}.price-section .nights-info{display:block;font-size:12px;color:#666;margin-top:2px}.action-buttons{display:flex;align-items:center;gap:12px}.action-buttons .favorite-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid rgba(155,89,182,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-buttons .favorite-btn:hover{border-color:#e91e63}.book-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.book-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9b59b666}.gallery-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.gallery-backdrop{position:absolute;inset:0;background:#000000f7}.close-gallery{position:absolute;top:20px;left:20px;width:50px;height:50px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:all .3s ease}.close-gallery:hover{background:#ffffff40;transform:scale(1.1)}.gallery-image-wrapper{position:relative;z-index:10000;max-width:90vw;max-height:80vh;display:flex;align-items:center;justify-content:center}.gallery-image-wrapper img{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:#9b59b6cc;backdrop-filter:blur(10px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:all .3s ease}.gallery-arrow:hover{background:#9b59b6;transform:translateY(-50%) scale(1.1)}.gallery-arrow-right{right:20px}.gallery-arrow-left{left:20px}.gallery-counter{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#9b59b6e6;backdrop-filter:blur(10px);padding:10px 24px;border-radius:30px;z-index:10001}.gallery-counter span{color:#fff;font-size:16px;font-weight:600}.gallery-thumbnails{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:10px 16px;background:#00000080;backdrop-filter:blur(10px);border-radius:16px;z-index:10001;max-width:90vw;overflow-x:auto}.gallery-thumb{width:60px;height:45px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;flex-shrink:0;transition:all .3s ease}.gallery-thumb.active{border-color:#9b59b6;box-shadow:0 0 10px #9b59b680}.gallery-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.room-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.room-modal-backdrop{position:absolute;inset:0;background:#000c}.room-modal-content{position:relative;z-index:10000;background:#fff;border-radius:24px;overflow:hidden;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.close-modal{position:absolute;top:16px;left:16px;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#333}.room-modal-image{height:220px;overflow:hidden}.room-modal-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.room-modal-body{padding:24px}.room-modal-body h2{font-size:22px;font-weight:700;color:#333;margin:0 0 6px}.room-view-text{font-size:14px;color:#27ae60;margin:0 0 16px}.room-modal-description{font-size:14px;line-height:1.7;color:#666;margin-bottom:20px}.room-modal-specs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.room-modal-specs .spec{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#9b59b61a;border-radius:12px;font-size:13px;color:#555}.room-modal-specs .spec svg{color:#9b59b6}.room-modal-features h4{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.room-modal-features .features-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.room-modal-features .features-list span{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#9b59b614;border-radius:10px;font-size:12px;color:#555}.room-modal-features .features-list span svg{color:#9b59b6;width:16px;height:16px}.room-modal-pricing{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.room-modal-pricing .original{font-size:16px;color:#999;text-decoration:line-through}.room-modal-pricing .current{font-size:28px;font-weight:800;color:#9b59b6}.room-modal-pricing .period{font-size:14px;color:#888}.room-modal-book-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.room-modal-book-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #9b59b666}.room-modal-book-btn:disabled{background:#ccc;cursor:not-allowed}.map-modal{position:fixed;inset:0;background:#fff;z-index:9999;display:flex;flex-direction:column}.map-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.map-modal-header h3{font-size:18px;font-weight:700;margin:0}.close-map-modal{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.map-modal-content{flex:1;position:relative}.map-modal-info{padding:16px 20px;background:#fff;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:16px}.map-modal-address{display:flex;align-items:center;gap:8px;color:#333;font-size:14px}.map-modal-address svg{color:#9b59b6}.open-maps-btn{padding:10px 20px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}@media(max-width:480px){.acc-hero{height:280px}.property-name{font-size:20px}.amenities-grid{grid-template-columns:repeat(3,1fr)}.unit-features{grid-template-columns:1fr}.bottom-bar-content{flex-wrap:wrap;gap:12px}.price-section{flex:1}.action-buttons{width:100%;justify-content:stretch}.action-buttons .favorite-btn{width:48px}.book-btn{flex:1}.rooms-list.grid{grid-template-columns:1fr}}@media(min-width:768px){.acc-hero{height:400px}.acc-content{max-width:800px;margin:0 auto}.amenities-grid{grid-template-columns:repeat(4,1fr)}.bottom-bar{max-width:800px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0}}.tabs-nav::-webkit-scrollbar,.gallery-thumbnails::-webkit-scrollbar{height:4px}.tabs-nav::-webkit-scrollbar-track,.gallery-thumbnails::-webkit-scrollbar-track{background:#9b59b61a;border-radius:10px}.tabs-nav::-webkit-scrollbar-thumb,.gallery-thumbnails::-webkit-scrollbar-thumb{background:#9b59b64d;border-radius:10px}.activities-section{display:flex;flex-direction:column;gap:20px}.surf-school-card{border:2px solid rgba(52,152,219,.2);background:linear-gradient(135deg,#3498db0d,#9b59b60d)}.surf-school-name{font-size:18px;font-weight:700;color:#2980b9;margin:0 0 8px}.surf-school-description{font-size:14px;line-height:1.7;color:#555;margin-bottom:16px}.surf-school-features{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.surf-school-features .feature-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3498db1a;border-radius:12px;font-size:13px;color:#2980b9;font-weight:500}.surf-school-features .feature-item svg{color:#3498db}.surf-packages h5{font-size:16px;font-weight:600;color:#333;margin:0 0 14px}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.package-card{background:#fff;border-radius:16px;padding:16px;border:2px solid rgba(52,152,219,.15);transition:all .3s ease}.package-card:hover{border-color:#3498db;box-shadow:0 4px 20px #3498db26}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.package-header h6{font-size:15px;font-weight:700;color:#333;margin:0}.package-price{font-size:16px;font-weight:800;color:#2980b9}.package-details{display:flex;gap:16px;margin-bottom:12px}.package-details span{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.package-details svg{color:#3498db}.package-includes{list-style:none;padding:0;margin:0}.package-includes li{display:flex;align-items:center;gap:8px;font-size:12px;color:#555;padding:4px 0}.package-includes li svg{color:#27ae60}.activities-list-card .section-title svg{color:#e67e22}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.activity-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #9b59b61a;transition:all .3s ease}.activity-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #9b59b626}.activity-image{position:relative;height:160px;overflow:hidden}.activity-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.activity-type-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff}.activity-type-badge.surfing{background:linear-gradient(135deg,#3498db,#2980b9)}.activity-type-badge.excursion{background:linear-gradient(135deg,#e67e22,#d35400)}.activity-type-badge.cooking{background:linear-gradient(135deg,#e74c3c,#c0392b)}.activity-type-badge.yoga{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.activity-type-badge.diving{background:linear-gradient(135deg,#1abc9c,#16a085)}.activity-type-badge.hiking{background:linear-gradient(135deg,#27ae60,#229954)}.activity-type-badge.other{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.activity-gallery-btn{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0009;backdrop-filter:blur(5px);border:none;border-radius:15px;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.activity-content{padding:18px}.activity-content h4{font-size:16px;font-weight:700;color:#333;margin:0 0 8px}.activity-content p{font-size:13px;line-height:1.6;color:#666;margin-bottom:12px}.activity-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.activity-meta span{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.activity-meta svg{color:#9b59b6}.activity-includes{margin-bottom:14px}.activity-includes strong{display:block;font-size:12px;color:#333;margin-bottom:8px}.activity-includes .includes-list{display:flex;flex-wrap:wrap;gap:8px}.activity-includes .includes-list span{display:flex;align-items:center;gap:4px;font-size:11px;color:#555;padding:4px 10px;background:#27ae601a;border-radius:10px}.activity-includes .includes-list span svg{color:#27ae60}.activity-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(155,89,182,.1)}.activity-price{display:flex;align-items:baseline;gap:4px}.activity-price .price-included{font-size:14px;font-weight:700;color:#27ae60;background:#27ae601a;padding:6px 14px;border-radius:20px}.activity-price .price-amount{font-size:20px;font-weight:800;color:#9b59b6}.activity-price .price-type{font-size:12px;color:#888}.dining-card .section-title svg{color:#e74c3c}.restaurant-name{font-size:18px;font-weight:700;color:#c0392b;margin:0 0 16px}.dining-info{display:flex;flex-direction:column;gap:20px}.dining-section h5{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.cuisine-tags{display:flex;flex-wrap:wrap;gap:10px}.cuisine-tag{padding:8px 16px;background:#e74c3c1a;border-radius:20px;font-size:13px;color:#c0392b;font-weight:500}.meal-plans{display:flex;flex-direction:column;gap:10px}.meal-plan-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#9b59b614;border-radius:12px;font-size:14px;color:#555}.meal-plan-item svg{color:#9b59b6}.menu-highlights{display:flex;flex-wrap:wrap;gap:10px}.dish-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffc10726;border-radius:20px;font-size:13px;color:#555}.dietary-tags{display:flex;flex-wrap:wrap;gap:10px}.dietary-tag{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#27ae601a;border-radius:20px;font-size:13px;color:#27ae60;font-weight:500}.dietary-tag svg{color:#27ae60}.activity-gallery-modal .gallery-title{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10001}.activity-gallery-modal .gallery-title h3{background:#9b59b6e6;backdrop-filter:blur(10px);padding:12px 24px;border-radius:30px;color:#fff;font-size:16px;font-weight:600;margin:0}@media(max-width:480px){.packages-grid,.activities-grid{grid-template-columns:1fr}.surf-school-features{flex-direction:column}.surf-school-features .feature-item{justify-content:center}}.full-gallery-section{padding-bottom:20px}.gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gallery-header h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#333;margin:0}.gallery-header h2 svg{color:#9b59b6}.gallery-count{font-size:14px;color:#888;background:#9b59b61a;padding:6px 14px;border-radius:20px}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(155,89,182,.1)}.gallery-filters .filter-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;border:2px solid rgba(155,89,182,.15);border-radius:25px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease}.gallery-filters .filter-btn:hover{border-color:#9b59b6;color:#9b59b6}.gallery-filters .filter-btn.active{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-color:transparent;color:#fff}.gallery-filters .filter-btn svg{width:14px;height:14px}.filter-count{font-size:11px;padding:2px 8px;background:#0000001a;border-radius:10px}.gallery-filters .filter-btn.active .filter-count{background:#ffffff40}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gallery-item{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.gallery-item:hover{transform:scale(1.02);box-shadow:0 8px 30px #9b59b640}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0003,#0006);display:flex;flex-direction:column;justify-content:space-between;padding:10px;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item-overlay{opacity:1}.category-badge{align-self:flex-start;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;color:#fff}.category-badge.property{background:#9b59b6e6}.category-badge.rooms{background:#3498dbe6}.category-badge.activities{background:#e67e22e6}.category-badge.dining{background:#e74c3ce6}.gallery-item-info{color:#fff}.gallery-item-info h4{font-size:13px;font-weight:700;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-item-info p{font-size:11px;margin:0;opacity:.8}.gallery-item-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#9b59b6e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:all .3s ease}.gallery-item:hover .gallery-item-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}.no-photos{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #9b59b614}.no-photos svg{color:#ddd;margin-bottom:16px}.no-photos p{font-size:16px;color:#888;margin:0}@media(min-width:480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(min-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gallery-item{aspect-ratio:4/3}}.gallery-grid .gallery-item:first-child{grid-column:span 2;grid-row:span 2}@media(max-width:480px){.gallery-grid .gallery-item:first-child{grid-column:span 1;grid-row:span 1}.gallery-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch}.gallery-filters .filter-btn{flex-shrink:0;padding:8px 14px;font-size:12px}}.packages-section{padding-bottom:20px}.packages-header{text-align:center;margin-bottom:24px}.packages-header h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.packages-header h2 svg{color:#9b59b6}.packages-subtitle{font-size:15px;color:#666;max-width:500px;margin:0 auto}.packages-date-selector{background:#fff;border-radius:20px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #9b59b614}.packages-date-selector .date-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.packages-date-selector .date-input,.packages-date-selector .guests-input{display:flex;flex-direction:column;gap:8px}.packages-date-selector label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#666}.packages-date-selector label svg{color:#9b59b6}.packages-date-selector input,.packages-date-selector select{padding:12px 14px;border:2px solid rgba(155,89,182,.15);border-radius:12px;font-size:14px;font-weight:500;background:#faf8ff;transition:all .3s ease}.packages-date-selector input:focus,.packages-date-selector select:focus{outline:none;border-color:#9b59b6;background:#fff}.selected-duration{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#9b59b61a,#3498db1a);border-radius:12px;font-size:14px;color:#333}.selected-duration svg{color:#9b59b6}.selected-duration strong{color:#9b59b6}.week-badge{margin-right:8px;padding:4px 10px;background:#9b59b633;border-radius:20px;font-size:12px;font-weight:600;color:#8e44ad}.packages-list{display:flex;flex-direction:column;gap:20px}.package-card-full{display:grid;grid-template-columns:300px 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #9b59b614;transition:all .3s ease;border:2px solid transparent}.package-card-full:hover{transform:translateY(-4px);box-shadow:0 12px 40px #9b59b626}.package-card-full.selected{border-color:#9b59b6}.package-card-full.unavailable{opacity:.7}.package-card-full .package-image{position:relative;height:100%;min-height:280px}.package-card-full .package-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .5s ease}.package-image-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3}.package-image-indicators .indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:all .3s ease;cursor:pointer}.package-image-indicators .indicator.active{background:#fff;width:24px;border-radius:4px}.package-image-expand{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0009;color:#fff;border-radius:8px;font-size:13px;font-weight:600;backdrop-filter:blur(8px);z-index:3;cursor:pointer;transition:all .3s ease}.package-image-expand:hover{background:#000c}.package-card-full .package-image{cursor:pointer}.package-type-badge{position:absolute;top:16px;right:16px;padding:8px 16px;background:#9b59b6e6;color:#fff;border-radius:20px;font-size:13px;font-weight:600;backdrop-filter:blur(8px)}.min-days-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.min-days-overlay span{padding:12px 24px;background:#e74c3ce6;color:#fff;border-radius:12px;font-size:14px;font-weight:600}.package-content{padding:24px;display:flex;flex-direction:column;gap:16px}.package-header-full h3{font-size:22px;font-weight:700;color:#333;margin-bottom:6px}.package-description{font-size:14px;color:#666;line-height:1.5;margin:0}.package-room-info{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#9b59b60d;border-radius:12px;font-size:14px;color:#555}.package-room-info .max-guests{display:flex;align-items:center;gap:4px;margin-right:auto;padding:4px 12px;background:#9b59b61a;border-radius:20px;font-size:12px;font-weight:600;color:#8e44ad}.package-includes{flex:1}.package-includes h4{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.includes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.include-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.include-item svg{color:#27ae60;flex-shrink:0}.include-item.highlight{font-weight:600;color:#333}.package-extras{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(155,89,182,.2)}.extra-tag{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#9b59b614;border-radius:20px;font-size:12px;color:#8e44ad}.extra-tag svg{color:#9b59b6}.package-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid rgba(155,89,182,.1);margin-top:auto}.package-pricing{flex:1}.price-per-week{margin-bottom:8px}.price-per-week .price-label{display:block;font-size:12px;color:#888;margin-bottom:4px}.price-per-week .price-value{display:flex;align-items:baseline;gap:4px}.price-per-week .amount{font-size:28px;font-weight:800;color:#9b59b6}.price-per-week .currency{font-size:16px;font-weight:600;color:#9b59b6}.price-per-week .per{font-size:13px;color:#888}.total-price-section{padding:12px 16px;background:linear-gradient(135deg,#27ae601a,#2ecc711a);border-radius:12px;border:1px solid rgba(39,174,96,.2)}.price-breakdown{font-size:12px;color:#666;margin-bottom:6px}.total-amount{display:flex;align-items:center;justify-content:space-between;gap:12px}.total-label{font-size:14px;font-weight:600;color:#27ae60}.total-value{font-size:20px;font-weight:800;color:#27ae60}.book-package-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.book-package-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 8px 30px #9b59b666}.book-package-btn:disabled{background:#ccc;cursor:not-allowed}.packages-notes{display:flex;gap:16px;margin-top:24px;padding:20px;background:#9b59b60d;border-radius:16px;border:1px solid rgba(155,89,182,.1)}.packages-notes>svg{color:#9b59b6;flex-shrink:0;margin-top:2px}.packages-notes h5{font-size:15px;font-weight:700;color:#333;margin-bottom:10px}.packages-notes ul{list-style:none;padding:0;margin:0}.packages-notes li{font-size:13px;color:#666;padding:4px 16px 4px 0;position:relative}.packages-notes li:before{content:"•";position:absolute;right:0;color:#9b59b6}.no-packages-state{padding:48px 24px;text-align:center}.empty-packages{max-width:400px;margin:0 auto}.empty-packages svg{color:#ddd;margin-bottom:20px}.empty-packages h3{font-size:20px;font-weight:700;color:#333;margin:0 0 12px}.empty-packages p{font-size:14px;color:#666;line-height:1.6;margin:0 0 24px}.empty-packages .contact-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-packages .contact-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}@media(max-width:900px){.package-card-full{grid-template-columns:1fr}.package-card-full .package-image{min-height:200px;max-height:220px}}@media(max-width:600px){.packages-date-selector .date-inputs,.includes-grid{grid-template-columns:1fr}.package-footer{flex-direction:column;align-items:stretch}.book-package-btn{width:100%}.price-per-week .amount{font-size:24px}}.property-map-container{position:relative;width:100%;border-radius:12px;overflow:hidden;background:var(--bg-secondary, #f5f5f5)}.property-map{width:100%;height:100%}.property-map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary, #f5f5f5);z-index:10;gap:12px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #4285F4);border-radius:50%;animation:spin 1s linear infinite}.property-map-loading span{color:var(--text-secondary, #666);font-size:14px}.map-search-box{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--bg-primary, #fff);border-radius:24px;box-shadow:0 2px 12px #00000026;z-index:110;transition:all .25s ease;overflow:hidden}.map-search-box.expanded{display:flex;align-items:center;gap:8px;padding:8px 12px;min-width:280px;max-width:90%}.map-search-box .search-icon{color:var(--text-secondary, #666);flex-shrink:0}.map-search-box input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-primary, #333);min-width:150px}.map-search-box input::-moz-placeholder{color:var(--text-secondary, #888)}.map-search-box input::placeholder{color:var(--text-secondary, #888)}.search-toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #666);font-size:13px;font-weight:500}.search-toggle-btn:hover{color:var(--text-primary, #333)}.search-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-secondary, #f0f0f0);border-radius:50%;cursor:pointer;color:var(--text-secondary, #666);flex-shrink:0;transition:all .15s}.search-close-btn:hover{background:var(--danger-color, #ef4444);color:#fff}.map-type-controls{position:absolute;top:16px;right:16px;display:flex;gap:4px;background:var(--bg-primary, #fff);padding:4px;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:100}[dir=rtl] .map-type-controls{right:auto;left:16px}.map-type-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #666);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.map-type-btn:hover{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333)}.map-type-btn.active{background:var(--primary-color, #4285F4);color:#fff}.map-type-btn svg{width:16px;height:16px}.property-marker{position:relative;cursor:pointer;transition:transform .2s ease}.property-marker:hover{transform:scale(1.1)}.property-marker.selected{transform:scale(1.2);z-index:100}.marker-price{background:#4285f4;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #0003;display:flex;align-items:center;gap:4px}.marker-price.rent{background:#34a853}.marker-price.sale{background:#4285f4}.marker-currency{font-size:10px;opacity:.9}.marker-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #4285F4}.marker-price.rent+.marker-arrow{border-top-color:#34a853}.map-legend{position:absolute;bottom:16px;left:16px;background:var(--bg-primary, #fff);padding:12px;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:100;max-width:200px}[dir=rtl] .map-legend{left:auto;right:16px}.legend-title{font-size:12px;font-weight:600;color:var(--text-primary, #333);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color, #e0e0e0)}.legend-items{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:4px;border:2px solid}.legend-label{font-size:11px;color:var(--text-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}@media(max-width:768px){.map-type-controls{top:12px;right:12px;padding:3px}[dir=rtl] .map-type-controls{right:auto;left:12px}.map-type-btn{padding:6px 10px;font-size:11px}.map-type-btn span{display:none}.map-legend{bottom:12px;left:12px;padding:10px;max-width:160px}[dir=rtl] .map-legend{left:auto;right:12px}.legend-title{font-size:11px}.legend-label{max-width:100px;font-size:10px}}@media(prefers-color-scheme:dark){.property-map-container,.property-map-loading{background:#1a1a1a}.property-map-loading span{color:#999}.map-type-controls{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.map-type-btn{color:#aaa}.map-type-btn:hover{background:#333;color:#fff}.map-legend{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.legend-title{color:#eee;border-bottom-color:#444}.legend-label{color:#999}}.property-map-label{background:#4285f4e6!important;color:#fff!important;padding:4px 8px!important;border-radius:4px!important;font-size:11px!important;font-weight:700!important;text-shadow:1px 1px 2px rgba(0,0,0,.5)!important;box-shadow:0 2px 4px #0000004d!important;white-space:nowrap!important}.gm-style .gm-style-iw-c{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.gm-style .gm-style-iw-d{overflow:visible!important}.gm-style .gm-style-iw-tc,.gm-style button.gm-ui-hover-effect{display:none!important}.pac-container{z-index:10001!important;border-radius:12px!important;box-shadow:0 4px 20px #00000026!important;border:none!important;margin-top:8px!important;font-family:inherit!important;background:var(--bg-primary, #fff)!important}.pac-item{padding:10px 14px!important;font-size:14px!important;cursor:pointer!important;border-top:1px solid rgba(0,0,0,.06)!important;transition:background .15s ease!important}.pac-item:first-child{border-top:none!important;border-radius:12px 12px 0 0!important}.pac-item:last-child{border-radius:0 0 12px 12px!important}.pac-item:hover{background:#0ea5e914!important}.pac-item-selected,.pac-item-selected:hover{background:#0ea5e91f!important}.pac-icon{margin-inline-end:10px!important}.pac-item-query{font-size:14px!important;font-weight:500!important;color:var(--text-primary, #1f2937)!important}.pac-matched{font-weight:600!important;color:#0ea5e9!important}.real-estate-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;direction:rtl}@media(max-width:768px){.real-estate-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.page-header{position:sticky;top:0;z-index:10;background:#0f0c29f2;backdrop-filter:blur(20px);border-bottom:1px solid rgba(102,126,234,.3);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000004d}.header-menu-btn,.header-location-btn,.header-view-btn{width:44px;height:44px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.header-view-btn{background:#667eea33;color:#667eea}.header-menu-btn{width:44px;height:44px;border-radius:12px;border:none;background:#667eea33;color:#667eea;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.search-bar{padding:12px 16px;display:flex;gap:10px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:12px;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea33}.search-input-wrapper svg{position:absolute;right:14px;color:#667eea;flex-shrink:0}.search-input-wrapper input{width:100%;padding:12px 14px 12px 45px;background:transparent;border:none;outline:none;color:#fff;font-size:14px;direction:rtl;font-family:inherit}.search-input-wrapper input::-moz-placeholder{color:#ffffff80}.search-input-wrapper input::placeholder{color:#ffffff80}.filter-btn{padding:12px 20px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:14px;font-weight:600;color:#667eea;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.filter-btn:hover{background:#667eea4d;transform:scale(1.05)}.filters-panel{position:fixed;top:0;right:-100%;width:320px;max-width:90vw;height:100vh;height:100dvh;background:linear-gradient(180deg,#1a1a2e,#16213e);box-shadow:-10px 0 40px #00000080;z-index:1000;transition:right .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-left:2px solid rgba(102,126,234,.3);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.filters-panel.open{right:0}.filters-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;min-height:80px}.filters-header h3{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:700;margin:0}.filters-header button{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.filters-header button:hover{background:#ffffff4d;transform:rotate(90deg)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}.filters-grid{padding:20px}.filter-group{margin-bottom:20px}.filter-group label{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-weight:600;font-size:14px;margin-bottom:10px}.filter-group label svg{color:#667eea}.filter-group input,.filter-group select{width:100%;padding:12px 14px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:10px;color:#fff;font-size:14px;direction:rtl;font-family:inherit;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea33}.filter-group input::-moz-placeholder{color:#ffffff80}.filter-group input::placeholder{color:#ffffff80}.filter-group select option{background:#1a1a2e;color:#fff}.filters-actions{display:flex;gap:10px;padding:20px;border-top:1px solid rgba(102,126,234,.2)}.btn-reset{flex:1;padding:14px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-reset:hover{background:#fff3}.map-property-card{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:360px;background:#1a1a2efa;backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;border:1px solid rgba(102,126,234,.3);box-shadow:0 10px 40px #00000080;z-index:100;animation:slideUp .3s ease}.map-property-card .close-card-btn{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.map-property-card img{width:100%;height:140px;-o-object-fit:cover;object-fit:cover}.map-property-card .card-content{padding:14px}.map-property-card .card-type-badge{display:inline-block;padding:4px 10px;background:#667eea33;color:#667eea;border-radius:6px;font-size:11px;font-weight:600;margin-bottom:8px}.map-property-card h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px;line-height:1.3}.map-property-card .card-location{display:flex;align-items:center;gap:4px;color:#fff9;font-size:12px;margin-bottom:10px}.map-property-card .card-location svg{color:#667eea}.map-property-card .card-details{margin-bottom:12px}.map-property-card .card-features{display:flex;gap:12px;margin-bottom:8px}.map-property-card .card-features span{display:flex;align-items:center;gap:4px;color:#ffffffb3;font-size:11px}.map-property-card .card-features svg{color:#667eea}.map-property-card .card-price{display:flex;align-items:baseline;gap:4px}.map-property-card .card-price .price{font-size:18px;font-weight:800;color:#10b981}.map-property-card .card-price .unit{font-size:12px;color:#ffffff80}.map-property-card .view-details-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.map-property-card .view-details-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.properties-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px 20px}.no-results{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#fff}.no-results svg{color:#667eea;margin-bottom:15px;opacity:.5}.no-results h3{font-size:20px;margin:0 0 10px}.no-results p{color:#fff9;font-size:14px;margin:0}.property-card{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;border:1px solid rgba(102,126,234,.2);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.property-card:active{transform:scale(.98)}.property-card:hover{border-color:#667eea80;box-shadow:0 8px 30px #667eea33;transform:translateY(-2px)}.property-cover{position:relative;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.property-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.property-card:hover .property-cover img{transform:scale(1.1)}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.type-badge{position:absolute;top:8px;right:8px;background:#0009;backdrop-filter:blur(8px);padding:4px 10px;border-radius:20px;color:#fff;font-size:10px;font-weight:600;text-transform:capitalize}.property-info{padding:12px}.property-name{font-size:14px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.property-location{display:flex;align-items:center;gap:4px;color:#fff9;font-size:11px;margin:0 0 8px}.property-location svg{color:#667eea;flex-shrink:0}.quick-features{display:flex;gap:12px;margin-bottom:10px}.property-footer{display:flex;align-items:center;justify-content:space-between}.property-type{padding:4px 8px;background:#667eea33;border-radius:6px;font-size:11px;font-weight:600;color:#667eea}.property-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:16px;font-weight:800;color:#10b981}.price-unit{font-size:11px;color:#ffffff80}.filters-panel::-webkit-scrollbar{width:6px}.filters-panel::-webkit-scrollbar-track{background:#667eea0d}.filters-panel::-webkit-scrollbar-thumb{background:#667eea66;border-radius:10px}.filters-panel::-webkit-scrollbar-thumb:hover{background:#667eea99}.hidden{display:none!important}@media(max-width:360px){.properties-grid{grid-template-columns:1fr;gap:10px}.property-image{height:100px}}@media(min-width:768px){.page-header{padding:16px 24px}.page-header>div h1{font-size:22px}.properties-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 16px 24px}.property-image{height:140px}.property-info h3{font-size:15px}.property-price{font-size:18px}.filters-panel{width:360px}}@media(min-width:1024px){.properties-grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:0 24px 32px}.property-image{height:160px}.property-card:hover{transform:translateY(-4px)}.results-count{padding:16px 24px;font-size:15px}}@media(min-width:1440px){.properties-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:480px){.location-search-card{flex-direction:column;gap:10px}.my-location-btn{width:100%;justify-content:center}.map-property-card{width:calc(100% - 20px)}.map-property-card img{height:120px}.map-property-card h4{font-size:14px}.map-property-card .card-price .price{font-size:16px}}.property-request-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom));animation:fadeIn .3s ease}.property-request-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:2px solid #f0f0f0}.modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:#1e293b;margin:0 0 .5rem}.property-title{color:#64748b;font-size:.95rem;margin:0}.close-btn{background:#f1f5f9;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.close-btn:hover{background:#e2e8f0;color:#1e293b}.request-form{padding:2rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#334155;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .2s;direction:rtl}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.price-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;padding:1.25rem;margin:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.price-label{font-weight:600;color:#0c4a6e;font-size:1rem}.price-value{font-size:1.5rem;font-weight:700;color:#0369a1}.commission-notice{background:#fef3c7;border:2px solid #fcd34d;border-radius:10px;padding:1rem;margin:1.5rem 0}.commission-notice p{margin:0;color:#92400e;font-size:.9rem;line-height:1.5}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancel,.btn-submit{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0;color:#334155}.btn-submit{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #06b6d466}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.success-message{padding:3rem 2rem;text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;animation:scaleIn .5s ease}.success-message h2{color:#1e293b;font-size:1.75rem;margin:0 0 1rem}.success-message p{color:#64748b;font-size:1.1rem;margin:.5rem 0}.commission-note{background:#fef3c7;color:#92400e;padding:.75rem 1rem;border-radius:8px;margin-top:1.5rem;font-size:.95rem}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:768px){.property-request-modal{max-height:95vh;border-radius:16px 16px 0 0;margin-top:auto}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.25rem}.request-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.price-info{flex-direction:column;gap:.5rem;text-align:center}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.property-details-page{min-height:100vh;background:#f8fafc;padding:6rem 2rem 2rem}@media(max-width:768px){.property-details-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;margin-bottom:2rem}.btn-back:hover{background:#f8fafc;border-color:#06b6d4;color:#06b6d4}.property-details-loading,.property-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#64748b}.property-details-loading svg,.property-details-error svg{margin-bottom:1rem;color:#06b6d4}.property-details-error h2{margin:0 0 1.5rem;color:#1e293b}.btn-back-error{padding:.875rem 2rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-back-error:hover{transform:translateY(-2px);box-shadow:0 8px 24px #06b6d44d}.property-details-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start}.property-gallery{position:sticky;top:6rem}.main-image-container{position:relative;width:100%;height:600px;border-radius:1.5rem;overflow:hidden;background:#fff;box-shadow:0 4px 20px #0000001a}.main-display-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.no-image-placeholder svg{margin-bottom:1rem}.image-actions{position:absolute;top:1.5rem;left:1.5rem;display:flex;gap:.75rem}.action-btn{padding:.875rem;background:#fffffff2;border:none;border-radius:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;backdrop-filter:blur(10px)}.action-btn:hover{background:#fff;transform:scale(1.1)}.property-badges{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:.75rem}.badge{padding:.625rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:700;backdrop-filter:blur(10px)}.badge-purpose{background:#10b981f2;color:#fff}.badge-type{background:#fffffff2;color:#06b6d4}.image-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:1rem}.thumbnail{height:80px;border-radius:.75rem;overflow:hidden;border:3px solid transparent;cursor:pointer;transition:all .2s;padding:0;background:#fff;box-shadow:0 2px 8px #00000014}.thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.thumbnail.active{border-color:#06b6d4;box-shadow:0 4px 16px #06b6d466}.property-info-section{background:#fff;border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 20px #00000014}.property-header-info h1{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#1e293b;line-height:1.3}.property-location-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#64748b;font-size:1rem;flex-wrap:wrap}.distance-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.location-actions{display:flex;align-items:center;gap:.75rem;margin-right:auto;flex-wrap:wrap}.view-map-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #06b6d44d}.view-map-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.my-location-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.my-location-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.my-location-btn:disabled{opacity:.6;cursor:not-allowed}.my-location-btn.loading{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.my-location-btn svg.active{color:#10b981;animation:spin 2s linear infinite}.map-modal-overlay{position:fixed;inset:0;z-index:2000;background:#00000080;backdrop-filter:blur(4px);animation:fadeIn .3s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.property-map-overlay{position:fixed;inset:0;z-index:2000;background:#000c;backdrop-filter:blur(8px);animation:fadeIn .3s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.map-container-full{position:relative;width:100%;height:100%}.map-close-btn{position:absolute;top:20px;left:20px;z-index:2001;width:50px;height:50px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;color:#475569}.map-close-btn:hover{background:#f8fafc;transform:scale(1.1) rotate(90deg);color:#06b6d4}.map-type-controls{position:absolute;top:20px;right:20px;z-index:2001;display:flex;gap:8px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 4px 20px #0000004d}.map-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#64748b;font-size:11px;font-weight:600;min-width:60px}.map-type-btn svg{transition:all .3s ease}.map-type-btn:hover{background:#f1f5f9;color:#06b6d4}.map-type-btn.active{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 2px 10px #06b6d44d}.map-type-btn.active svg{transform:scale(1.1)}.map-property-info-card{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:90%;max-width:500px;background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 40px #0000004d;z-index:2001;animation:slideUpMap .4s ease}@keyframes slideUpMap{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.property-info-header{margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.property-type-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.property-info-header h3{margin:0;font-size:20px;font-weight:700;color:#1e293b;line-height:1.4}.property-info-details{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:center;gap:10px;color:#64748b;font-size:14px}.info-row svg{color:#06b6d4;flex-shrink:0}.info-row.distance-info{background:linear-gradient(135deg,#10b9811a,#0596691a);padding:8px 12px;border-radius:10px;margin:4px 0}.info-row.distance-info svg{color:#10b981}.info-row.distance-info span{color:#059669;font-weight:600}.info-row.price-row{margin-top:8px;padding-top:12px;border-top:2px solid #e2e8f0}.price-large{font-size:24px;font-weight:800;color:#06b6d4}.show-my-location-btn{width:100%;margin-top:16px;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.show-my-location-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}.show-my-location-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.map-close-btn{top:15px;left:15px;width:44px;height:44px}.map-property-info-card{bottom:20px;width:calc(100% - 32px);padding:20px}.property-info-header h3{font-size:18px}.price-large{font-size:20px}}.property-price-large{display:flex;align-items:center;gap:.75rem;font-size:2.5rem;font-weight:700;color:#06b6d4;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e2e8f0}.property-quick-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:2px solid #e2e8f0}.spec-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:#f8fafc;border-radius:1rem;text-align:center}.spec-item svg{color:#06b6d4}.spec-info{display:flex;flex-direction:column;gap:.25rem}.spec-value{font-size:1.5rem;font-weight:700;color:#1e293b}.spec-label{font-size:.875rem;color:#64748b}.property-section{margin-bottom:2.5rem}.property-section:last-child{margin-bottom:0}.property-section h2{margin:0 0 1.25rem;font-size:1.5rem;font-weight:700;color:#1e293b}.property-description{margin:0;line-height:1.8;color:#475569;font-size:1.0625rem}.details-grid-full{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:.75rem}.detail-label{display:flex;align-items:center;gap:.625rem;font-weight:600;color:#64748b}.detail-value{font-weight:600;color:#1e293b}.features-grid-full{display:flex;flex-wrap:wrap;gap:.75rem}.feature-tag{padding:.75rem 1.5rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-radius:.75rem;font-size:.9375rem;font-weight:600;box-shadow:0 2px 8px #06b6d433}.provider-contact-card{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:1.25rem;color:#fff}.provider-contact-card h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#fff}.provider-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.provider-avatar{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.4)}.provider-details h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:#fff}.provider-details p{margin:0;font-size:.875rem;color:#fffc}.contact-actions{display:flex;flex-direction:column;gap:1rem}.btn-request{width:100%;padding:1.25rem;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s;color:#fff;box-shadow:0 4px 16px #06b6d44d}.btn-request:hover{transform:translateY(-3px);box-shadow:0 8px 24px #06b6d480}.platform-note{background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:10px;padding:1rem;text-align:center}.platform-note p{margin:0;font-size:.9rem;color:#fffffff2;line-height:1.5}.contact-btn{padding:.875rem;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;text-decoration:none;background:transparent;color:#fff}.contact-btn:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}@media(max-width:1024px){.property-details-container{grid-template-columns:1fr}.property-gallery{position:relative;top:0}.main-image-container{height:400px}}@media(max-width:768px){.property-details-page{padding:5rem 1rem 1rem}.property-info-section{padding:1.5rem}.property-header-info h1{font-size:1.5rem}.property-price-large{font-size:2rem}.property-quick-specs{grid-template-columns:repeat(2,1fr)}.main-image-container{height:300px}.image-thumbnails{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.thumbnail{height:60px}.contact-actions{grid-template-columns:1fr}.map-type-controls{top:15px;right:15px;gap:6px;padding:4px}.map-type-btn{padding:8px 10px;min-width:50px;font-size:10px}.map-type-btn svg{width:16px;height:16px}}.store-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;direction:rtl;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(max-width:768px){.store-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.store-page-header{position:sticky;top:0;z-index:10;background:#0f0c29f2;backdrop-filter:blur(20px);border-bottom:1px solid rgba(102,126,234,.3);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000004d}.header-menu-btn,.header-location-btn{width:44px;height:44px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.header-menu-btn{background:#667eea33;color:#667eea}.header-menu-btn:hover{background:#667eea4d;transform:scale(1.05)}.header-location-btn{background:#667eea33;color:#667eea}.header-location-btn:hover{background:#667eea4d;transform:scale(1.05)}.header-location-btn svg.active{color:#10b981;animation:pulse-location 2s infinite}@keyframes pulse-location{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.header-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:700}.header-title svg{color:#667eea}.header-right-actions{display:flex;align-items:center;gap:8px}.header-view-btn{width:44px;height:44px;border-radius:12px;border:none;background:#667eea33;color:#667eea;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.header-view-btn:hover{background:#667eea4d;transform:scale(1.05)}.header-view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.store-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .3s ease}.store-sidebar{position:fixed;top:0;right:0;width:300px;height:100%;height:100dvh;background:#fff;z-index:201;animation:slideIn .3s ease;box-shadow:-5px 0 25px #00000026;overflow-y:auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.store-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:40px 20px 20px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:80px}.store-sidebar-header h3{margin:0;font-size:18px;font-weight:700}.store-sidebar-header button{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.store-sidebar-content{padding:20px}.store-filter-group{margin-bottom:20px}.store-filter-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.store-filter-group input,.store-filter-group select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:all .3s ease}.store-filter-group input:focus,.store-filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.store-filter-check{margin-bottom:12px}.store-filter-check label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.store-filter-check input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.store-reset-btn{width:100%;padding:14px;background:#f3e8ff;border:none;border-radius:12px;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.store-reset-btn:hover{background:#e9d5ff}.results-count{padding:12px 16px;color:#fffc;font-size:14px;display:flex;align-items:center;gap:8px}.results-count span:first-child{color:#667eea;font-weight:700;font-size:18px}.sorted-badge{background:#10b98133;color:#10b981;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-right:auto}.location-search-card{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:10px 14px;background:#ffffff14;backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(102,126,234,.2)}.location-search-input{flex:1;display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:10px 14px;border-radius:10px}.location-search-input svg{color:#667eea;flex-shrink:0}.location-search-input input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px}.location-search-input input::-moz-placeholder{color:#ffffff80}.location-search-input input::placeholder{color:#ffffff80}.my-location-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.my-location-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.map-view-container{position:relative;height:calc(100vh - 200px);margin:0 16px 16px;border-radius:20px;overflow:hidden;background:#1a1a2e}.map-store-card{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:360px;background:#1a1a2efa;backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;border:1px solid rgba(102,126,234,.3);box-shadow:0 10px 40px #00000080;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.map-store-card .close-card-btn{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.map-store-card img{width:100%;height:140px;-o-object-fit:cover;object-fit:cover}.map-store-card .card-content{padding:14px}.map-store-card .card-badges{display:flex;align-items:center;gap:8px;margin-bottom:8px}.map-store-card .card-category-badge{display:inline-block;padding:4px 10px;background:#667eea33;color:#667eea;border-radius:6px;font-size:11px;font-weight:600}.map-store-card .card-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#10b98133;color:#10b981;border-radius:6px;font-size:11px;font-weight:600}.map-store-card h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px;line-height:1.3}.map-store-card .card-location{display:flex;align-items:center;gap:4px;color:#fff9;font-size:12px;margin-bottom:10px}.map-store-card .card-location svg{color:#667eea}.map-store-card .card-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.map-store-card .card-rating{display:flex;align-items:center;gap:4px;color:#fff;font-size:13px;font-weight:600}.map-store-card .card-rating .review-count{color:#ffffff80;font-size:11px;font-weight:400}.map-store-card .card-features{display:flex;align-items:center;gap:4px;color:#fff9;font-size:12px}.map-store-card .card-features svg{color:#667eea}.map-store-card .card-delivery{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#3b82f626;color:#60a5fa;border-radius:8px;font-size:11px;font-weight:600;margin-bottom:12px}.map-store-card .view-details-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.map-store-card .view-details-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #667eea66}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px 20px}.store-card{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;border:1px solid rgba(102,126,234,.2);cursor:pointer;transition:all .3s ease}.store-card:active{transform:scale(.98)}.store-card:hover{border-color:#667eea80;box-shadow:0 8px 30px #667eea33}.store-cover{position:relative;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.store-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.store-card:hover .store-cover img{transform:scale(1.1)}.category-badge{position:absolute;top:8px;right:8px;background:#0009;backdrop-filter:blur(8px);padding:4px 10px;border-radius:20px;color:#fff;font-size:10px;font-weight:600;text-transform:capitalize}.rating-badge{position:absolute;bottom:8px;left:8px;background:#0009;backdrop-filter:blur(8px);padding:4px 8px;border-radius:8px;display:flex;align-items:center;gap:4px;color:#fff;font-weight:700;font-size:12px}.verified-badge{position:absolute;top:8px;left:8px;background:#10b981e6;padding:4px 8px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center}.store-info{padding:12px}.store-name{font-size:14px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-location{display:flex;align-items:center;gap:4px;color:#fff9;font-size:11px;margin:0 0 8px}.store-location svg{color:#667eea;flex-shrink:0}.quick-features{display:flex;gap:12px;margin-bottom:8px}.quick-features span{display:flex;align-items:center;gap:4px;color:#ffffffb3;font-size:11px}.quick-features svg{color:#667eea}.store-owner{display:flex;align-items:center;gap:4px;color:#ffffff80;font-size:10px;padding-top:8px;border-top:1px solid rgba(102,126,234,.15)}.store-owner svg{color:#667eea}.no-stores{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#fff}.no-stores svg{color:#667eea;margin-bottom:15px;opacity:.5}.no-stores h3{font-size:20px;margin:0 0 10px}.no-stores p{color:#fff9;font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:15px}.loading-state p{color:#fff;font-size:16px;font-weight:600}@media(max-width:360px){.store-grid{grid-template-columns:1fr;gap:10px;padding:0 10px 20px}.store-cover{height:150px}}@media(min-width:768px){.store-page-header{padding:16px 24px}.header-title{font-size:22px}.store-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 24px 30px}.store-cover{height:160px}.store-name{font-size:16px}.filter-sidebar{width:380px}.location-search-card,.map-view-container{margin:0 24px 20px}}@media(min-width:1024px){.store-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:0 30px 40px;max-width:1400px;margin:0 auto}.store-cover{height:180px}.store-card:hover{transform:translateY(-5px)}.results-count{max-width:1400px;margin:0 auto;padding:16px 30px}.location-search-card{max-width:1400px;margin:0 auto 20px;padding:12px 30px}.map-view-container{max-width:1400px;margin:0 auto 20px;height:calc(100vh - 220px)}}@media(min-width:1440px){.store-grid{grid-template-columns:repeat(4,1fr)}}.filter-sidebar::-webkit-scrollbar{width:6px}.filter-sidebar::-webkit-scrollbar-track{background:#667eea0d}.filter-sidebar::-webkit-scrollbar-thumb{background:#667eea66;border-radius:10px}.filter-sidebar::-webkit-scrollbar-thumb:hover{background:#667eea99}@media(max-width:480px){.location-search-card{flex-direction:column}.location-search-input{width:100%}.my-location-btn{width:100%;justify-content:center}.map-view-container{height:calc(100vh - 240px);margin:0 10px 10px;border-radius:16px}.map-store-card{width:calc(100% - 20px);bottom:10px}}.store-categories-page{padding:2rem 0;min-height:100vh;background:transparent}@media(max-width:768px){.store-categories-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.categories-header{text-align:center;margin-bottom:3rem}.page-title{font-size:2.5rem;font-weight:800;color:#1f2937;margin-bottom:1rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.category-card{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb;cursor:pointer;position:relative}.category-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--category-color)}.category-image{position:relative;height:200px;overflow:hidden}.category-card:hover .category-image img{transform:scale(1.1)}.category-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0000004d,#0009);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.category-icon{width:80px;height:80px;background:var(--category-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transform:scale(.8);transition:transform .3s ease}.category-card:hover .category-icon{transform:scale(1)}.category-content{padding:1.5rem}.category-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.category-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.category-stats{display:flex;justify-content:space-between;align-items:center}.store-count{font-size:.875rem;font-weight:600;color:var(--category-color);background:#2563eb1a;padding:.25rem .75rem;border-radius:1rem}.category-arrow{color:var(--category-color);transition:transform .3s ease}.category-card:hover .category-arrow{transform:translate(5px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.store-categories-page{padding:1rem 0}.page-title{font-size:2rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.category-content{padding:1rem}}@media(max-width:480px){.categories-grid{grid-template-columns:1fr}.category-image{height:150px}.category-title{font-size:1.125rem}}.sp-page{min-height:100vh;background:linear-gradient(180deg,#f8f4ff,#ede7f6,#e8e0f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;direction:rtl;padding-bottom:100px}.sp-loading,.sp-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff}.sp-loading-icon{color:#9575cd;animation:pulse 2s infinite}.sp-loading p,.sp-error p{font-size:16px;color:#fffc}.sp-error svg{color:#9575cd;opacity:.5}.sp-error h2{font-size:24px;margin:0}.sp-error button{padding:14px 32px;background:linear-gradient(135deg,#9575cd,#7e57c2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.sp-error button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9575cd66}.sp-hero{position:relative;height:280px;overflow:hidden;border-radius:0 0 30px 30px}.sp-hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sp-back-btn{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff40;backdrop-filter:blur(10px);border:none;border-radius:25px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10}.sp-back-btn:hover{background:#ffffff59}.sp-img-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffff40;backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:5}.sp-img-nav:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.sp-img-prev{right:15px}.sp-img-next{left:15px}.sp-hero-actions{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;z-index:5}.sp-action-btn{width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.sp-action-btn:hover{transform:scale(1.1)}.sp-action-btn.active{color:#ef4444}.sp-img-indicators{position:absolute;bottom:20px;right:20px;display:flex;gap:6px;z-index:5}.sp-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.sp-indicator.active{background:#fff;transform:scale(1.3)}.sp-tabs{display:flex;padding:0 20px;margin-top:-25px;position:relative;z-index:10;gap:10px}.sp-tab{flex:1;padding:14px 16px;background:#fff;border:none;border-radius:25px;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000014}.sp-tab.active{background:linear-gradient(135deg,#9575cd,#7e57c2);color:#fff}.sp-tab:hover:not(.active){background:#f5f5f5}.sp-content{padding:20px}.sp-info-card{background:#fff;border-radius:24px;padding:24px;margin-bottom:20px;box-shadow:0 4px 20px #0000000f}.sp-info-main{display:flex;gap:20px}.sp-owner-section{flex:1}.sp-owner-avatar{position:relative;width:70px;height:70px;margin-bottom:12px}.sp-owner-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e8e0f0}.sp-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#9575cd,#7e57c2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700}.sp-verified-badge{position:absolute;bottom:2px;right:2px;width:22px;height:22px;background:#4fc3f7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.sp-owner-info h2{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:6px}.sp-owner-desc{font-size:12px;color:#999;margin:0 0 12px}.sp-owner-stats{display:flex;flex-direction:column;gap:8px}.sp-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.sp-stat svg{color:#9575cd}.sp-map-section{flex:1;min-width:200px}.sp-map-header{display:flex;gap:8px;margin-bottom:10px}.sp-map-tab{padding:8px 14px;background:#f5f0fa;border:none;border-radius:20px;color:#666;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.sp-map-tab.active{background:linear-gradient(135deg,#9575cd,#7e57c2);color:#fff}.sp-map-container{height:180px;border-radius:16px;overflow:hidden;background:#f5f0fa}.sp-map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#999}.sp-map-placeholder svg{color:#9575cd;opacity:.5}.sp-products-section{margin-bottom:20px}.sp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sp-section-header h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.sp-see-all{width:32px;height:32px;border-radius:50%;background:#f5f0fa;border:none;color:#9575cd;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sp-see-all:hover{background:#9575cd;color:#fff}.sp-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sp-products-grid.full{grid-template-columns:repeat(2,1fr)}.sp-product-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000000f;position:relative}.sp-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.sp-product-card.wide{grid-column:span 1}.sp-product-badge{position:absolute;top:8px;right:8px;padding:4px 10px;background:#9575cde6;color:#fff;font-size:9px;font-weight:600;border-radius:12px;z-index:2}.sp-product-letter{position:absolute;top:8px;left:8px;width:24px;height:24px;background:#4fc3f7;color:#fff;font-size:12px;font-weight:700;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:2}.sp-product-card img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover}.sp-product-info{padding:10px}.sp-product-info h4{font-size:12px;font-weight:600;color:#1a1a2e;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-product-location{display:flex;align-items:center;gap:4px;color:#999;font-size:10px;margin-bottom:6px}.sp-product-location svg{color:#9575cd}.sp-product-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.sp-price{font-size:16px;font-weight:800;color:#9575cd}.sp-currency{font-size:10px;color:#999}.sp-product-rating{display:flex;align-items:center;gap:4px;font-size:10px;color:#666}.sp-about-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:20px;box-shadow:0 4px 15px #0000000f}.sp-about-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sp-about-header h3{font-size:16px;font-weight:700;color:#1a1a2e;margin:0}.sp-about-header svg{color:#9575cd}.sp-about-text{font-size:13px;color:#666;line-height:1.6;margin:0}.sp-faq-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:20px;box-shadow:0 4px 15px #0000000f}.sp-faq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sp-faq-header h3{font-size:16px;font-weight:700;color:#1a1a2e;margin:0}.sp-faq-header svg{color:#9575cd}.sp-faq-desc{font-size:12px;color:#999;margin:0 0 15px;line-height:1.5}.sp-faq-item{margin-bottom:10px}.sp-faq-question{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f5f0fa;border:none;border-radius:12px;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.sp-faq-question:hover{background:#ede7f6}.sp-faq-question svg:first-child{color:#9575cd}.sp-faq-question span{flex:1;text-align:right}.sp-faq-question svg:last-child{color:#999;transition:transform .3s ease}.sp-faq-question svg.rotated{transform:rotate(180deg)}.sp-faq-answer{padding:12px 14px;margin-top:6px;background:#fafafa;border-radius:10px}.sp-faq-answer p{font-size:12px;color:#666;line-height:1.6;margin:0}.sp-all-products{padding-bottom:20px}.sp-all-products h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 15px}.sp-no-products{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.sp-no-products svg{color:#9575cd;opacity:.3;margin-bottom:15px}.sp-no-products h4{font-size:16px;color:#1a1a2e;margin:0 0 8px}.sp-no-products p{font-size:13px;color:#999;margin:0}.sp-reviews-section{padding-bottom:20px}.sp-reviews-section h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 15px}.sp-reviews-list{display:flex;flex-direction:column;gap:12px}.sp-review-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 15px #0000000f}.sp-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.sp-reviewer{display:flex;align-items:center;gap:12px}.sp-reviewer-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#9575cd,#7e57c2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;overflow:hidden}.sp-reviewer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sp-reviewer-info h4{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.sp-review-date{font-size:11px;color:#999}.sp-review-rating{display:flex;gap:2px}.sp-review-comment{font-size:13px;color:#666;line-height:1.6;margin:0}.sp-no-reviews{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.sp-no-reviews svg{color:#9575cd;opacity:.3;margin-bottom:15px}.sp-no-reviews h4{font-size:16px;color:#1a1a2e;margin:0 0 8px}.sp-no-reviews p{font-size:13px;color:#999;margin:0}.sp-bottom-bar{position:fixed;bottom:70px;left:0;right:0;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -4px 20px #0000001a;z-index:100}.sp-shop-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#9575cd,#7e57c2);border:none;border-radius:30px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.sp-shop-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9575cd66}.sp-store-badges{position:absolute;top:70px;right:20px;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 40px);z-index:10}.sp-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(10px);transition:all .3s ease}.sp-badge-wholesale{background:linear-gradient(135deg,#ff9800e6,#ffc107e6);color:#fff;box-shadow:0 4px 15px #ff98004d}.sp-badge-retail{background:linear-gradient(135deg,#2196f3e6,#03a9f4e6);color:#fff;box-shadow:0 4px 15px #2196f34d}.sp-badge-both{background:linear-gradient(135deg,#9c27b0e6,#673ab7e6);color:#fff;box-shadow:0 4px 15px #9c27b04d}.sp-badge-mobile{background:linear-gradient(135deg,#4caf50e6,#388e3ce6);color:#fff;box-shadow:0 4px 15px #4caf504d}.sp-badge-online{background:linear-gradient(135deg,#00bcd4e6,#009688e6);color:#fff;box-shadow:0 4px 15px #00bcd44d}.sp-badge-category{background:#ffffffd9;color:#333;box-shadow:0 4px 15px #0000001a}.sp-badge-verified{background:linear-gradient(135deg,#9575cde6,#7e57c2e6);color:#fff;box-shadow:0 4px 15px #9575cd4d}.sp-services-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(149,117,205,.15)}.sp-delivery-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.sp-service-item{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600}.sp-service-delivery{background:linear-gradient(135deg,#4caf5026,#388e3c1a);color:#2e7d32;border:1px solid rgba(76,175,80,.3)}.sp-service-pickup{background:linear-gradient(135deg,#2196f326,#03a9f41a);color:#1565c0;border:1px solid rgba(33,150,243,.3)}.sp-service-mobile{background:linear-gradient(135deg,#ff980026,#ffc1071a);color:#ef6c00;border:1px solid rgba(255,152,0,.3)}.sp-minimum-order{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ff98001a,#ffc1070d);border:1px solid rgba(255,152,0,.2);border-radius:10px;color:#ef6c00;font-size:13px;font-weight:600;margin-bottom:12px}.sp-service-area{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#9575cd14;border-radius:10px;color:#6a1b9a;font-size:12px}@media(max-width:480px){.sp-hero{height:240px}.sp-info-main{flex-direction:column}.sp-map-section{margin-top:20px}.sp-tabs{padding:0 12px;gap:8px}.sp-tab{padding:12px 10px;font-size:11px}.sp-content{padding:15px}.sp-store-badges{top:65px;right:15px;max-width:calc(100% - 30px)}.sp-badge{padding:5px 10px;font-size:11px}.sp-delivery-options{flex-direction:column;gap:8px}}@media(min-width:768px){.sp-page{max-width:600px;margin:0 auto}.sp-hero{border-radius:0 0 40px 40px}.sp-products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.sp-product-card img{height:140px}}@media(min-width:1024px){.sp-page{max-width:800px}.sp-products-grid.full{grid-template-columns:repeat(3,1fr)}}.ss-page{min-height:100vh;background:linear-gradient(180deg,#b8a9d4,#d4c6e8,#e8dff0 60%,#f5f0fa);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;direction:rtl;padding-bottom:80px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(max-width:768px){.ss-page{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}}.ss-loading,.ss-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:linear-gradient(180deg,#b8a9d4,#e8dff0);color:#4a3a6b}.ss-loading-icon{animation:pulse 2s infinite;color:#7e57c2}.ss-loading p,.ss-error p{font-size:14px;color:#666}.ss-error svg{color:#9575cd;opacity:.4}.ss-error h2{font-size:20px;margin:0;color:#4a3a6b}.ss-error button{padding:12px 28px;background:linear-gradient(135deg,#9575cd,#7e57c2);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.ss-error button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9575cd66}.ss-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:15px 16px;background:linear-gradient(135deg,#9575cd,#7e57c2)}.ss-menu-btn,.ss-profile-btn{width:40px;height:40px;border-radius:10px;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ss-menu-btn:hover,.ss-profile-btn:hover{background:#ffffff4d;transform:scale(1.05)}.ss-search-box{flex:1;position:relative;display:flex;align-items:center}.ss-search-icon{position:absolute;left:14px;color:#999}.ss-search-input{width:100%;padding:12px 14px 12px 42px;background:#fff;border:none;border-radius:25px;font-size:14px;color:#333;outline:none;direction:ltr;text-align:left}.ss-search-input::-moz-placeholder{color:#aaa}.ss-search-input::placeholder{color:#aaa}.ss-clear-search{position:absolute;right:12px;background:none;border:none;color:#999;cursor:pointer;padding:4px}.ss-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .3s ease}.ss-sidebar{position:fixed;top:0;right:0;width:280px;height:100%;height:100dvh;background:#fff;z-index:201;animation:slideIn .3s ease;box-shadow:-5px 0 25px #00000026;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.ss-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#9575cd,#7e57c2);color:#fff}.ss-sidebar-header h3{margin:0;font-size:18px;font-weight:700}.ss-sidebar-header button{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.ss-sidebar-content{padding:15px;display:flex;flex-direction:column;gap:8px}.ss-sidebar-item{width:100%;padding:14px 18px;background:#f5f0fa;border:none;border-radius:12px;font-size:14px;font-weight:500;color:#4a3a6b;cursor:pointer;text-align:right;transition:all .3s ease}.ss-sidebar-item:hover{background:#ede7f6}.ss-sidebar-item.active{background:linear-gradient(135deg,#9575cd,#7e57c2);color:#fff}.ss-main{padding:15px 12px}.ss-category-section{margin-bottom:25px}.ss-category-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px;margin-bottom:12px}.ss-category-title{font-size:16px;font-weight:700;color:#1a1a2e;margin:0}.ss-category-special{font-size:13px;color:#666}.ss-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ss-product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.ss-product-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.ss-product-image{position:relative;aspect-ratio:1;overflow:hidden;background:#f5f0fa}.ss-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.ss-product-card:hover .ss-product-image img{transform:scale(1.05)}.ss-quick-cart,.ss-quick-info{position:absolute;width:28px;height:28px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:5}.ss-quick-cart{top:6px;right:6px;background:#fff;color:#4a3a6b;box-shadow:0 2px 8px #00000026}.ss-quick-cart:hover:not(:disabled){background:#9575cd;color:#fff;transform:scale(1.1)}.ss-quick-cart:disabled{opacity:.5;cursor:not-allowed}.ss-quick-info{top:6px;left:6px;background:#9575cde6;color:#fff}.ss-quick-info:hover{background:#7e57c2;transform:scale(1.1)}.ss-product-info{padding:8px 10px 10px}.ss-product-name{font-size:11px;font-weight:600;color:#1a1a2e;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.ss-product-store{display:block;font-size:9px;color:#999;margin-bottom:4px}.ss-product-price{display:flex;align-items:baseline;gap:4px}.ss-price{font-size:14px;font-weight:800;color:#1a1a2e}.ss-currency{font-size:10px;color:#9575cd;font-weight:600}.ss-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666}.ss-empty svg{color:#9575cd;opacity:.3;margin-bottom:15px}.ss-empty h3{font-size:18px;color:#4a3a6b;margin:0 0 8px}.ss-empty p{font-size:13px;margin:0}.ss-add-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:600;border-radius:30px;box-shadow:0 8px 25px #10b98166;z-index:1000;animation:toastPop .4s ease}@keyframes toastPop{0%{transform:translate(-50%) scale(.8);opacity:0}50%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1);opacity:1}}.ss-toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 20px;background:#333;color:#fff;font-size:13px;border-radius:25px;display:flex;align-items:center;gap:8px;z-index:1001;opacity:0;transition:all .3s ease}.ss-toast-show{opacity:1;transform:translate(-50%) translateY(0)}.ss-toast-hide{opacity:0;transform:translate(-50%) translateY(20px)}.ss-toast-success{background:linear-gradient(135deg,#10b981,#059669)}.ss-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.ss-toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ss-store-info-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fffffff2;border-bottom:1px solid rgba(149,117,205,.15);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ss-store-info-bar::-webkit-scrollbar{display:none}.ss-business-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.ss-badge-wholesale{background:linear-gradient(135deg,#ff980026,#ffc1071a);color:#e65100;border:1px solid rgba(255,152,0,.3)}.ss-badge-both{background:linear-gradient(135deg,#9c27b026,#673ab71a);color:#7b1fa2;border:1px solid rgba(156,39,176,.3)}.ss-badge-mobile{background:linear-gradient(135deg,#4caf5026,#388e3c1a);color:#2e7d32;border:1px solid rgba(76,175,80,.3)}.ss-min-order-info{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#ff98001a,#ffc1070d);border:1px solid rgba(255,152,0,.2);border-radius:20px;font-size:12px;font-weight:600;color:#e65100;white-space:nowrap}.ss-delivery-info{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#9575cd1a;border-radius:20px;font-size:12px;color:#6a1b9a;white-space:nowrap}.ss-wholesale-badge{padding:4px 8px;background:linear-gradient(135deg,#ff980026,#ffc1071a);border:1px solid rgba(255,152,0,.2);border-radius:6px;font-size:10px;font-weight:600;color:#e65100;margin:4px 0}.ss-product-price .ss-bulk-price{color:#e65100;font-weight:700}.ss-product-price .ss-original-price{font-size:10px;color:#999;text-decoration:line-through;margin-right:6px}@media(max-width:360px){.ss-products-grid{grid-template-columns:repeat(3,1fr);gap:8px}.ss-product-name{font-size:10px}.ss-price{font-size:12px}.ss-quick-cart,.ss-quick-info{width:24px;height:24px}.ss-quick-cart svg,.ss-quick-info svg{width:12px;height:12px}}@media(min-width:361px)and (max-width:480px){.ss-products-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media(min-width:481px)and (max-width:768px){.ss-products-grid{grid-template-columns:repeat(4,1fr);gap:12px}.ss-product-info{padding:10px 12px 12px}.ss-product-name{font-size:12px}.ss-price{font-size:15px}}@media(min-width:769px){.ss-page{max-width:800px;margin:0 auto}.ss-products-grid{grid-template-columns:repeat(4,1fr);gap:15px}.ss-product-image{aspect-ratio:1}.ss-quick-cart,.ss-quick-info{width:32px;height:32px}.ss-product-info{padding:12px 14px 14px}.ss-product-name{font-size:13px}.ss-price{font-size:16px}}@media(min-width:1024px){.ss-page{max-width:1000px}.ss-products-grid{grid-template-columns:repeat(5,1fr);gap:18px}}@media(min-resolution:192dpi){.ss-product-card{border:.5px solid rgba(0,0,0,.05)}}@media(prefers-reduced-motion:reduce){.ss-product-card,.ss-quick-cart,.ss-quick-info,.ss-product-image img{transition:none}.ss-add-toast{animation:none}}@media(prefers-color-scheme:dark){.ss-page{background:linear-gradient(180deg,#1a1a2e,#2d2d44,#3d3d5c)}.ss-product-card{background:#2d2d44}.ss-product-name{color:#fff}.ss-product-store{color:#aaa}.ss-price,.ss-category-title{color:#fff}.ss-category-special{color:#aaa}.ss-sidebar{background:#2d2d44}.ss-sidebar-item{background:#3d3d5c;color:#ddd}.ss-sidebar-item:hover{background:#4d4d6c}.ss-search-input{background:#2d2d44;color:#fff}.ss-search-input::-moz-placeholder{color:#888}.ss-search-input::placeholder{color:#888}}.ss-weight-badge{display:inline-block;font-size:12px;margin-right:4px}.ss-weight-info-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:10px;font-weight:600;padding:3px 8px;border-radius:12px;margin-top:4px}.ss-price-unit{font-size:11px;font-weight:500;color:#6b7280;margin-right:2px}.ss-weight-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}.ss-weight-modal{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;z-index:1001;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease-out;box-shadow:0 -10px 40px #0003}.ss-weight-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;border-radius:24px 24px 0 0}.ss-weight-modal-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.ss-weight-modal-close{width:36px;height:36px;border-radius:50%;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ss-weight-modal-close:hover{background:#e5e7eb}.ss-weight-modal-content{padding:20px}.ss-weight-product-info{display:flex;align-items:center;gap:15px;padding:15px;background:#f9fafb;border-radius:16px;margin-bottom:20px}.ss-weight-product-image{width:70px;height:70px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.ss-weight-product-details h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 5px}.ss-weight-price-per-unit{font-size:14px;color:#7c3aed;font-weight:600;margin:0}.ss-weight-input-section{margin-bottom:20px}.ss-weight-input-section label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.ss-weight-input-wrapper{display:flex;align-items:center;gap:10px;justify-content:center}.ss-weight-btn{width:50px;height:50px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;font-size:24px;font-weight:600;color:#7c3aed;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ss-weight-btn:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.ss-weight-btn:active{transform:scale(.95)}.ss-weight-input{width:140px;height:60px;border:2px solid #e5e7eb;border-radius:16px;text-align:center;font-size:28px;font-weight:700;color:#1f2937;outline:none;transition:border-color .2s}.ss-weight-input:focus{border-color:#7c3aed}.ss-weight-input::-webkit-inner-spin-button,.ss-weight-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ss-weight-hint{font-size:12px;color:#9ca3af;text-align:center;margin-top:8px}.ss-weight-total{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:16px;margin-bottom:10px}.ss-weight-total span:first-child{font-size:14px;color:#6b7280}.ss-weight-total-amount{font-size:22px;font-weight:800;color:#7c3aed}.ss-weight-modal-footer{display:flex;gap:10px;padding:15px 20px 30px;background:#fff;border-top:1px solid #f0f0f0}.ss-weight-cancel-btn{flex:1;padding:14px;border:2px solid #e5e7eb;border-radius:14px;background:#fff;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.ss-weight-cancel-btn:hover{background:#f9fafb}.ss-weight-add-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #7c3aed4d}.ss-weight-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.ss-weight-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(prefers-color-scheme:dark){.ss-weight-modal{background:#1f1f2e}.ss-weight-modal-header{background:#1f1f2e;border-bottom-color:#333}.ss-weight-modal-header h3{color:#fff}.ss-weight-modal-close,.ss-weight-product-info{background:#2d2d44}.ss-weight-product-details h4{color:#fff}.ss-weight-input-section label{color:#ddd}.ss-weight-input{background:#2d2d44;border-color:#444;color:#fff}.ss-weight-btn{background:#2d2d44;border-color:#444}.ss-weight-total{background:linear-gradient(135deg,#3d2d5c,#4d3d6c)}.ss-weight-modal-footer{background:#1f1f2e;border-top-color:#333}.ss-weight-cancel-btn{background:#2d2d44;border-color:#444;color:#ddd}}.product-details-page{min-height:100vh;background:#f8fafc;padding-bottom:80px}@media(max-width:768px){.product-details-page{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.back-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem}.product-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.product-images-section{background:#fff;padding:1rem}.main-product-image{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 12px #0000001a}.main-product-image:hover{transform:scale(1.02)}.unavailable-badge,.new-badge,.featured-badge{position:absolute;top:12px;left:12px;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.unavailable-badge{background:#dc2626}.new-badge{background:#10b981}.featured-badge{background:#f59e0b}.thumbnail{flex-shrink:0;width:60px;height:60px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .2s ease}.thumbnail.active{border-color:#3b82f6}.product-info-section{background:#fff;padding:1.5rem;margin-top:.5rem}.product-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.product-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.3;flex:1}.product-brand{background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;flex-shrink:0}.reviews-link{color:#3b82f6;background:none;border:none;font-size:.875rem;text-decoration:underline;cursor:pointer}.current-price{font-size:1.5rem;font-weight:700;color:#059669}.original-price{font-size:1rem;color:#9ca3af;text-decoration:line-through}.discount-badge{background:#dcfce7;color:#16a34a;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.quick-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px}.info-item{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem}.info-item svg{color:#6b7280;flex-shrink:0}.description-section h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem}.description-section p{color:#4b5563;line-height:1.6;margin:0}.toggle-description{color:#3b82f6;background:none;border:none;font-size:.875rem;cursor:pointer;margin-top:.5rem;text-decoration:underline}.details-sections{display:flex;flex-direction:column;gap:1rem}.detail-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:none;cursor:pointer;font-size:.9rem;font-weight:600;color:#374151;transition:background-color .2s ease}.arrow{transition:transform .2s ease;font-size:.75rem}.arrow.up{transform:rotate(180deg)}.ingredients-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ingredients-list li{padding:.5rem;background:#f3f4f6;border-radius:6px;font-size:.875rem}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.nutrition-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f3f4f6;border-radius:6px;text-align:center}.nutrition-label{font-size:.75rem;color:#6b7280;font-weight:500}.nutrition-value{font-size:.875rem;font-weight:600;color:#111827}.specifications-list{display:flex;flex-direction:column;gap:.75rem}.spec-item{display:flex;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:6px}.spec-label{font-weight:600;color:#374151}.spec-value{color:#6b7280}.product-info-list{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.info-label{font-weight:600;color:#374151;min-width:120px}.info-value{color:#6b7280;text-align:right}.quality-scores{display:flex;flex-direction:column;gap:.75rem}.score-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.score-label{font-weight:600;color:#374151}.score-badge{padding:.25rem .75rem;border-radius:20px;font-weight:700;color:#fff;text-transform:uppercase;font-size:.875rem}.nutri-a{background-color:#00a651}.nutri-b{background-color:#85c441}.nutri-c{background-color:#f7931e}.nutri-d{background-color:#ee7f00}.nutri-e{background-color:#e4002b}.eco-a{background-color:#00a651}.eco-b{background-color:#85c441}.eco-c{background-color:#f7931e}.eco-d{background-color:#ee7f00}.eco-e{background-color:#e4002b}.nova-1{background-color:#00a651}.nova-2{background-color:#85c441}.nova-3{background-color:#f7931e}.nova-4{background-color:#e4002b}.nutrition-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.nutrition-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.nutrition-label{font-weight:500;color:#374151;font-size:.875rem}.nutrition-value{font-weight:600;color:#1f2937;font-size:.875rem}.allergens-section{border:2px solid #f59e0b;border-radius:8px;background:#fef3c7}.allergens-section h4{color:#d97706;margin:0 0 .5rem}.allergens-content{color:#92400e;font-weight:500}.allergens-content p{margin:0;line-height:1.5}.add-to-cart-section{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:0;right:0;background:#fff;padding:1rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;align-items:center;z-index:999;box-shadow:0 -4px 12px #0000001a}@media(min-width:769px){.add-to-cart-section{bottom:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.quantity-controls{display:flex;align-items:center;gap:.5rem;border:1px solid #e5e7eb;border-radius:8px;padding:.25rem}.quantity-controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.quantity-controls button:hover:not(:disabled){background:#e5e7eb}.quantity-controls button:disabled{opacity:.5;cursor:not-allowed}.quantity-display{font-weight:600;padding:0 .75rem;min-width:40px;text-align:center}.add-to-cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.add-to-cart-btn:hover:not(.disabled){background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px)}.add-to-cart-btn.disabled{background:#9ca3af;cursor:not-allowed;transform:none}.image-gallery-modal{position:fixed;inset:0;background:#000000f2;z-index:200;display:flex;flex-direction:column;backdrop-filter:blur(5px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0000004d;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.gallery-info{display:flex;flex-direction:column;gap:.25rem}.gallery-header h3{color:#fff;margin:0;font-size:1.125rem;font-weight:600}.image-counter{color:#fffc;font-size:.875rem}.close-gallery{color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:.75rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-gallery:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.gallery-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-gallery-image-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem}.main-gallery-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);width:50px;height:50px;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.gallery-nav:hover{background:#000000e6;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:1rem}.gallery-nav.next{right:1rem}.gallery-thumbnails{display:flex;gap:.5rem;padding:1rem;background:#0000004d;overflow-x:auto;justify-content:center;border-top:1px solid rgba(255,255,255,.1)}.gallery-thumbnail{flex-shrink:0;width:60px;height:60px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#ffffff1a}.gallery-thumbnail.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.gallery-thumbnail:hover{border-color:#ffffff80;transform:scale(1.05)}.gallery-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wholesale-section{background:linear-gradient(135deg,#ff980014,#ffc1070d);border:1px solid rgba(255,152,0,.2);border-radius:12px;padding:1rem}.wholesale-section h4{color:#e65100;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.wholesale-info-grid{display:flex;flex-direction:column;gap:.75rem}.wholesale-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px dashed rgba(255,152,0,.2)}.wholesale-item:last-child{border-bottom:none}.wholesale-label{font-size:.875rem;color:#666}.wholesale-value{font-weight:600;color:#333}.wholesale-value.bulk-price{color:#e65100;font-size:1.1rem}.price-breaks{margin-top:.5rem}.price-breaks-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.price-tier{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff80;border-radius:8px}.tier-price{font-weight:600;color:#e65100}.clothing-section{background:linear-gradient(135deg,#9c27b00d,#673ab708);border-radius:12px;padding:1rem}.clothing-section h4{color:#7b1fa2;margin-bottom:1rem}.clothing-specs-grid{display:flex;flex-direction:column;gap:1rem}.clothing-spec-item{display:flex;flex-direction:column;gap:.5rem}.size-options{display:flex;flex-wrap:wrap;gap:.5rem}.size-badge{padding:.4rem .8rem;background:#fff;border:1px solid #9c27b0;border-radius:6px;font-size:.875rem;font-weight:600;color:#9c27b0}.color-options{display:flex;flex-wrap:wrap;gap:.5rem}.color-badge{width:28px;height:28px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003;cursor:pointer;transition:transform .2s}.color-badge:hover{transform:scale(1.1)}.construction-section{background:linear-gradient(135deg,#79554814,#5d40370d);border-radius:12px;padding:1rem}.construction-section h4{color:#5d4037;margin-bottom:1rem}.electrical-section{background:linear-gradient(135deg,#ffc10714,#ff98000d);border-radius:12px;padding:1rem}.electrical-section h4{color:#f57c00;margin-bottom:1rem}.energy-class-a{background:#4caf50;color:#fff;padding:.25rem .5rem;border-radius:4px}.energy-class-b{background:#8bc34a;color:#fff;padding:.25rem .5rem;border-radius:4px}.energy-class-c{background:#ffeb3b;color:#333;padding:.25rem .5rem;border-radius:4px}.energy-class-d{background:#ff9800;color:#fff;padding:.25rem .5rem;border-radius:4px}.energy-class-e,.energy-class-f{background:#f44336;color:#fff;padding:.25rem .5rem;border-radius:4px}.plumbing-section{background:linear-gradient(135deg,#2196f314,#03a9f40d);border-radius:12px;padding:1rem}.plumbing-section h4{color:#0288d1;margin-bottom:1rem}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.specs-grid .spec-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#ffffff80;border-radius:8px}.specs-grid .spec-label{font-size:.75rem;color:#666;text-transform:uppercase}.specs-grid .spec-value{font-weight:600;color:#333}.specs-grid .spec-value.yes{color:#4caf50}.specs-grid .spec-value.no{color:#9e9e9e}@media(max-width:768px){.gallery-nav{width:40px;height:40px;font-size:1.25rem}.gallery-nav.prev{left:.5rem}.gallery-nav.next{right:.5rem}.gallery-thumbnails{padding:.75rem}.gallery-thumbnail{width:50px;height:50px}.main-gallery-image-container{padding:.5rem}.main-product-image{height:250px}.gallery-btn{padding:.4rem .6rem;font-size:.7rem}}.main-gallery-image-container{touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-gallery-image{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.main-gallery-image-container:after{content:"اسحب أو استخدم الأسهم للتنقل";position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;opacity:0;animation:showHint 3s ease-in-out;pointer-events:none}@keyframes showHint{0%,90%{opacity:0}10%,80%{opacity:1}}.product-toast{position:fixed;top:20px;right:20px;background:#111827;color:#fff;padding:1rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:300;transform:translate(100%);transition:transform .3s ease}.product-toast.show{transform:translate(0)}.product-toast.hide{transform:translate(100%)}.product-toast.toast-success{background:#059669}.product-toast.toast-error{background:#dc2626}.product-toast.toast-info{background:#3b82f6}@media(max-width:480px){.product-title{font-size:1.25rem}.main-product-image{height:250px}.price-section{flex-direction:column;align-items:flex-start;gap:.5rem}.current-price{font-size:1.25rem}.quick-info,.add-to-cart-section{padding:.75rem}.product-toast{right:10px;left:10px;transform:translateY(-100%)}.product-toast.show{transform:translateY(0)}.product-toast.hide{transform:translateY(-100%)}}@media(max-width:360px){.product-info-section{padding:1rem}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.spec-item{flex-direction:column;gap:.25rem}}@media(prefers-color-scheme:dark){.product-details-page{background:#111827;color:#f9fafb}.product-header,.product-images-section,.product-info-section,.add-to-cart-section{background:#1f2937;border-color:#374151}.back-button,.favorite-btn,.share-btn{background:#374151;color:#d1d5db}.back-button:hover,.favorite-btn:hover,.share-btn:hover{background:#4b5563}.product-title{color:#f9fafb}.product-brand{background:#374151;color:#9ca3af}.quick-info{background:#374151}.detail-section{border-color:#374151}.section-toggle{background:#374151;color:#d1d5db}.section-toggle:hover{background:#4b5563}.section-content{border-color:#374151}.ingredients-list li,.nutrition-item,.spec-item{background:#374151}.quantity-controls{border-color:#374151}.quantity-controls button{background:#374151;color:#d1d5db}.quantity-controls button:hover:not(:disabled){background:#4b5563}}.rest-page{min-height:100vh;background:linear-gradient(180deg,#fff5f0,#ffe8db,#ffdcc8);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;direction:rtl;padding-bottom:20px}@media(max-width:768px){.rest-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.rest-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.rest-loading-icon{color:#f97316;animation:pulse 2s infinite}.rest-loading p{color:#666;font-size:14px}.rest-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:linear-gradient(135deg,#f97316,#ea580c)}.rest-menu-btn{width:40px;height:40px;border-radius:12px;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.rest-menu-btn:hover{background:#ffffff4d}.rest-title{font-size:18px;font-weight:700;color:#fff;margin:0}.rest-view-toggle{display:flex;gap:8px}.rest-toggle-btn{width:36px;height:36px;border-radius:10px;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.rest-toggle-btn.active{background:#fff;color:#f97316}.rest-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .3s ease}.rest-sidebar{position:fixed;top:0;right:0;width:300px;height:100%;height:100dvh;background:#fff;z-index:201;animation:slideIn .3s ease;box-shadow:-5px 0 25px #00000026;overflow-y:auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.rest-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:40px 20px 20px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;min-height:80px}.rest-sidebar-header h3{margin:0;font-size:18px;font-weight:700}.rest-sidebar-header button{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.rest-sidebar-content{padding:20px}.rest-filter-group{margin-bottom:20px}.rest-filter-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.rest-filter-group input,.rest-filter-group select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:all .3s ease}.rest-filter-group input:focus,.rest-filter-group select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.rest-filter-check{margin-bottom:12px}.rest-filter-check label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.rest-filter-check input[type=checkbox]{width:18px;height:18px;accent-color:#f97316}.rest-reset-btn{width:100%;padding:14px;background:#fef3e8;border:none;border-radius:12px;color:#f97316;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.rest-reset-btn:hover{background:#fed7aa}.rest-location-card{margin:15px 20px;padding:12px;background:#fff;border-radius:16px;display:flex;gap:10px;box-shadow:0 4px 15px #00000014}.rest-location-input{flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f5f5f5;border-radius:12px}.rest-location-input svg{color:#999}.rest-location-input input{flex:1;border:none;background:none;padding:12px 0;font-size:14px;outline:none}.rest-my-location{display:flex;align-items:center;gap:6px;padding:12px 16px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.rest-my-location:hover{transform:scale(1.02)}.rest-results-info{display:flex;align-items:center;gap:10px;padding:0 20px;margin-bottom:15px;font-size:14px;color:#666}.rest-distance-badge{padding:4px 10px;background:#fef3e8;color:#f97316;border-radius:20px;font-size:12px;font-weight:500}.rest-map-view{position:relative;margin:0 15px;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.rest-map-card{position:absolute;bottom:20px;left:20px;right:20px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #00000026;display:flex;z-index:10;animation:slideUp .3s ease}.rest-map-card-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#fff;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 8px #0000001a}.rest-map-card img{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;cursor:pointer}.rest-map-card-info{flex:1;padding:12px}.rest-map-card-info h3{font-size:14px;font-weight:700;color:#1a1a2e;margin:0 0 4px;cursor:pointer}.rest-map-card-info p{font-size:12px;color:#999;margin:0 0 8px}.rest-map-card-meta{display:flex;gap:12px}.rest-map-card-meta span{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}.rest-list{padding:0 15px}.rest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rest-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000000f}.rest-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.rest-card-image{position:relative;height:110px}.rest-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rest-verified{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#4fc3f7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.rest-open{position:absolute;top:8px;left:8px;padding:4px 10px;background:#10b981;color:#fff;font-size:10px;font-weight:600;border-radius:12px}.rest-card-info{padding:12px}.rest-card-info h3{font-size:13px;font-weight:700;color:#1a1a2e;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rest-cuisine{font-size:11px;color:#999;margin:0 0 8px}.rest-card-meta{display:flex;gap:12px;margin-bottom:6px}.rest-rating,.rest-time{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}.rest-location{display:flex;align-items:center;gap:4px;font-size:10px;color:#999}.rest-location svg{color:#f97316}.rest-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.rest-empty svg{color:#f97316;opacity:.3;margin-bottom:15px}.rest-empty h3{font-size:18px;color:#1a1a2e;margin:0 0 8px}.rest-empty p{font-size:13px;color:#999;margin:0}@media(max-width:360px){.rest-grid{grid-template-columns:1fr}.rest-card-image{height:140px}}@media(min-width:768px){.rest-page{max-width:700px;margin:0 auto}.rest-grid{grid-template-columns:repeat(2,1fr);gap:16px}.rest-card-image{height:130px}}@media(min-width:1024px){.rest-page{max-width:900px}.rest-grid{grid-template-columns:repeat(3,1fr)}}.restaurant-categories-page{min-height:100vh;background:linear-gradient(to bottom,#fff5f5,#fff);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}@media(max-width:768px){.restaurant-categories-page{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}.categories-hero{text-align:center;padding:32px 16px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-radius:16px;margin-bottom:20px;box-shadow:0 6px 20px #ff6b6b4d;padding-top:calc(32px + env(safe-area-inset-top))}.categories-hero h1{margin:0 0 12px;font-size:24px;font-weight:800;line-height:1.3}.categories-hero p{margin:0 0 16px;font-size:14px;opacity:.95;line-height:1.5}.hero-controls{display:flex;flex-direction:column;gap:12px;margin-top:16px}.search-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff3;backdrop-filter:blur(10px);border-radius:12px;border:2px solid rgba(255,255,255,.3);min-height:48px}.search-box:focus-within{border-color:#ffffff80;box-shadow:0 2px 8px #fff3}.search-box input{flex:1;border:none;outline:none;background:transparent;color:#fff;font-size:16px;transform:translateZ(0)}.search-box input::-moz-placeholder{color:#fffc}.search-box input::placeholder{color:#fffc}.control-buttons{display:flex;gap:8px;justify-content:center}.control-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:#fff3;backdrop-filter:blur(10px);color:#fff;border-radius:12px;cursor:pointer;transition:all .3s}.control-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sort-select{padding:12px 16px;border:none;background:#fff3;backdrop-filter:blur(10px);color:#fff;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;min-height:44px;border:2px solid rgba(255,255,255,.3)}.sort-select:focus{outline:none;border-color:#ffffff80;box-shadow:0 2px 8px #fff3}.sort-select option{background:#374151;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.empty-state h3{margin:16px 0 8px;font-size:20px;color:#6b7280}.empty-state p{margin:0;font-size:14px;line-height:1.5}.categories-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:1400px;margin:0 auto}.category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s ease;position:relative;-webkit-tap-highlight-color:rgba(255,107,107,.1)}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.category-card:active{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.category-image{position:relative;width:100%;height:160px;overflow:hidden}.category-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.category-card:hover .category-image img{transform:scale(1.05)}.category-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(4px)}.category-card:hover .category-overlay{opacity:1}.category-content{padding:16px}.category-content h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1f2937;line-height:1.3}.category-description{margin:0 0 12px;font-size:13px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6;gap:8px}.restaurant-count{font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap}.view-button{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:40px;white-space:nowrap}.view-button:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}.view-button:active{transform:scale(.98)}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:16px;color:#6b7280;padding:20px}@media(min-width:480px){.restaurant-categories-page{padding:20px}.categories-hero{padding:40px 20px 32px;border-radius:20px;margin-bottom:24px}.categories-hero h1{font-size:28px;margin-bottom:16px}.categories-hero p{font-size:16px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.category-image{height:180px}.category-content{padding:20px}.category-content h3{font-size:20px;margin-bottom:10px}.category-description{font-size:14px;margin-bottom:16px;-webkit-line-clamp:3;line-clamp:3}.category-footer{padding-top:16px;border-top:2px solid #f3f4f6}.restaurant-count{font-size:13px}.view-button{padding:10px 20px;font-size:14px;gap:8px}}@media(min-width:768px){.categories-hero{padding:50px 20px 40px;border-radius:24px;margin-bottom:32px}.categories-hero h1{font-size:36px}.categories-hero p{font-size:18px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.category-card{border-radius:20px}.category-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026}.category-image{height:200px}.category-content{padding:24px}.category-content h3{font-size:22px;margin-bottom:12px}.category-description{font-size:15px;margin-bottom:20px;line-height:1.6;-webkit-line-clamp:unset;line-clamp:unset}.restaurant-count{font-size:14px}.view-button{border-radius:12px}}@media(min-width:1024px){.categories-hero{padding:60px 20px 40px}.categories-hero h1{font-size:42px}.categories-grid{gap:28px}.category-card:hover{transform:translateY(-8px)}}@media(min-width:1200px){.restaurant-categories-page{max-width:1200px;margin:0 auto}}.rp-page{min-height:100vh;background:linear-gradient(180deg,#f8f4ff,#ede7f6,#e8e0f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;direction:rtl;padding-bottom:150px}.rp-loading,.rp-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff}.rp-loading-icon{color:#f97316;animation:pulse 2s infinite}.rp-loading p,.rp-error p{font-size:16px;color:#fffc}.rp-error svg{color:#f97316;opacity:.5}.rp-error h2{font-size:24px;margin:0}.rp-error button{padding:14px 32px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.rp-error button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f9731666}.rp-hero{position:relative;height:280px;overflow:hidden;border-radius:0 0 30px 30px}.rp-hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rp-back-btn{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff40;backdrop-filter:blur(10px);border:none;border-radius:25px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10}.rp-back-btn:hover{background:#ffffff59}.rp-img-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffff40;backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:5}.rp-img-nav:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.rp-img-prev{right:15px}.rp-img-next{left:15px}.rp-hero-actions{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;z-index:5}.rp-action-btn{width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.rp-action-btn:hover{transform:scale(1.1)}.rp-action-btn.active{color:#ef4444}.rp-img-indicators{position:absolute;bottom:20px;right:20px;display:flex;gap:6px;z-index:5}.rp-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.rp-indicator.active{background:#fff;transform:scale(1.3)}.rp-tabs{display:flex;padding:0 20px;margin-top:-25px;position:relative;z-index:10;gap:10px}.rp-tab{flex:1;padding:14px 16px;background:#fff;border:none;border-radius:25px;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000014}.rp-tab.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.rp-tab:hover:not(.active){background:#f5f5f5}.rp-content{padding:20px}.rp-info-card{background:#fff;border-radius:24px;padding:24px;margin-bottom:20px;box-shadow:0 4px 20px #0000000f}.rp-info-main{display:flex;gap:20px}.rp-owner-section{flex:1}.rp-owner-avatar{position:relative;width:70px;height:70px;margin-bottom:12px}.rp-owner-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #fef3e8}.rp-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700}.rp-verified-badge{position:absolute;bottom:2px;right:2px;width:22px;height:22px;background:#4fc3f7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.rp-owner-info h2{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.rp-open-badge{font-size:10px;padding:3px 8px;background:#10b981;color:#fff;border-radius:10px;font-weight:600}.rp-owner-desc{font-size:12px;color:#999;margin:0 0 12px}.rp-owner-stats{display:flex;flex-direction:column;gap:8px}.rp-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.rp-stat svg{color:#f97316}.rp-map-section{flex:1;min-width:200px}.rp-map-header{display:flex;gap:8px;margin-bottom:10px}.rp-map-tab{padding:8px 14px;background:#fef3e8;border:none;border-radius:20px;color:#666;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.rp-map-tab.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.rp-map-container{height:180px;border-radius:16px;overflow:hidden;background:#fef3e8}.rp-map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#999}.rp-map-placeholder svg{color:#f97316;opacity:.5}.rp-menu-section{margin-bottom:20px}.rp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.rp-section-header h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.rp-see-all{width:32px;height:32px;border-radius:50%;background:#fef3e8;border:none;color:#f97316;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.rp-see-all:hover{background:#f97316;color:#fff}.rp-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rp-menu-grid.full{grid-template-columns:repeat(2,1fr)}.rp-menu-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000000f;position:relative}.rp-menu-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.rp-menu-badge{position:absolute;top:8px;right:8px;padding:4px 10px;background:#f97316e6;color:#fff;font-size:9px;font-weight:600;border-radius:12px;z-index:2}.rp-menu-letter{position:absolute;top:8px;left:8px;width:24px;height:24px;background:#4fc3f7;color:#fff;font-size:12px;font-weight:700;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:2}.rp-menu-card img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover}.rp-menu-info{padding:10px}.rp-menu-info h4{font-size:12px;font-weight:600;color:#1a1a2e;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-menu-location{display:flex;align-items:center;gap:4px;color:#999;font-size:10px;margin-bottom:6px}.rp-menu-location svg{color:#f97316}.rp-menu-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.rp-price{font-size:16px;font-weight:800;color:#f97316}.rp-currency{font-size:10px;color:#999}.rp-about-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:20px;box-shadow:0 4px 15px #0000000f}.rp-about-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rp-about-header h3{font-size:16px;font-weight:700;color:#1a1a2e;margin:0}.rp-about-header svg{color:#f97316}.rp-about-text{font-size:13px;color:#666;line-height:1.6;margin:0}.rp-faq-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:20px;box-shadow:0 4px 15px #0000000f}.rp-faq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rp-faq-header h3{font-size:16px;font-weight:700;color:#1a1a2e;margin:0}.rp-faq-header svg{color:#f97316}.rp-faq-desc{font-size:12px;color:#999;margin:0 0 15px;line-height:1.5}.rp-faq-item{margin-bottom:10px}.rp-faq-question{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fef3e8;border:none;border-radius:12px;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.rp-faq-question:hover{background:#fed7aa}.rp-faq-question svg:first-child{color:#f97316}.rp-faq-question span{flex:1;text-align:right}.rp-faq-question svg:last-child{color:#999;transition:transform .3s ease}.rp-faq-question svg.rotated{transform:rotate(180deg)}.rp-faq-answer{padding:12px 14px;margin-top:6px;background:#fafafa;border-radius:10px}.rp-faq-answer p{font-size:12px;color:#666;line-height:1.6;margin:0}.rp-all-menu{padding-bottom:20px}.rp-all-menu h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 15px}.rp-no-menu{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.rp-no-menu svg{color:#f97316;opacity:.3;margin-bottom:15px}.rp-no-menu h4{font-size:16px;color:#1a1a2e;margin:0 0 8px}.rp-no-menu p{font-size:13px;color:#999;margin:0}.rp-reviews-section{padding-bottom:20px}.rp-reviews-section h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 15px}.rp-reviews-list{display:flex;flex-direction:column;gap:12px}.rp-review-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 15px #0000000f}.rp-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.rp-reviewer{display:flex;align-items:center;gap:12px}.rp-reviewer-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;overflow:hidden}.rp-reviewer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rp-reviewer-info h4{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.rp-review-date{font-size:11px;color:#999}.rp-review-rating{display:flex;gap:2px}.rp-review-comment{font-size:13px;color:#666;line-height:1.6;margin:0}.rp-no-reviews{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.rp-no-reviews svg{color:#f97316;opacity:.3;margin-bottom:15px}.rp-no-reviews h4{font-size:16px;color:#1a1a2e;margin:0 0 8px}.rp-no-reviews p{font-size:13px;color:#999;margin:0}.rp-bottom-bar{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:0;right:0;padding:12px 20px;background:#fff;box-shadow:0 -4px 20px #0000001a;z-index:999}@media(min-width:769px){.rp-bottom-bar{bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}.rp-shop-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:30px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f973164d}.rp-shop-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f9731666}.rp-shop-btn:active{transform:translateY(0)}@media(max-width:480px){.rp-hero{height:240px}.rp-info-main{flex-direction:column}.rp-map-section{margin-top:20px}.rp-tabs{padding:0 12px;gap:8px}.rp-tab{padding:12px 10px;font-size:11px}.rp-content{padding:15px}}@media(min-width:768px){.rp-page{max-width:600px;margin:0 auto}.rp-hero{border-radius:0 0 40px 40px}.rp-menu-grid{grid-template-columns:repeat(2,1fr);gap:16px}.rp-menu-card img{height:140px}}@media(min-width:1024px){.rp-page{max-width:800px}.rp-menu-grid.full{grid-template-columns:repeat(3,1fr)}}.rm-page{min-height:100vh;background:linear-gradient(180deg,#fff8f5,#fff);direction:rtl;font-family:Cairo,Tajawal,sans-serif;padding-bottom:80px}@media(max-width:768px){.rm-page{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}}.rm-table-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:15px;box-shadow:0 2px 8px #10b9814d;position:sticky;top:60px;z-index:40}.rm-table-banner .table-icon{font-size:20px;animation:table-bounce 1s ease-in-out infinite}.rm-table-banner .table-text{display:flex;align-items:center;gap:8px}@keyframes table-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.rm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:#9ca3af}.rm-loading-icon{animation:rm-pulse 1.5s ease-in-out infinite;color:#f97316}@keyframes rm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.rm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:12px;text-align:center;color:#6b7280}.rm-error svg{color:#d1d5db}.rm-error h2{color:#374151;font-size:20px}.rm-error button{margin-top:16px;padding:12px 24px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600}.rm-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:15px 16px;background:linear-gradient(135deg,#f97316,#ea580c)}.rm-menu-btn,.rm-profile-btn{width:40px;height:40px;border-radius:10px;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.rm-menu-btn:hover,.rm-profile-btn:hover{background:#ffffff4d;transform:scale(1.05)}.rm-search-box{flex:1;position:relative;display:flex;align-items:center}.rm-search-icon{position:absolute;left:14px;color:#999}.rm-search-input{width:100%;padding:12px 14px 12px 42px;background:#fff;border:none;border-radius:25px;font-size:14px;color:#333;outline:none;direction:ltr;text-align:left}.rm-search-input::-moz-placeholder{color:#aaa}.rm-search-input::placeholder{color:#aaa}.rm-clear-search{position:absolute;right:12px;background:none;border:none;color:#999;cursor:pointer;padding:4px}.rm-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:200;backdrop-filter:blur(2px)}.rm-sidebar{width:280px;background:#fff;border-left:1px solid #e5e7eb;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px;height:100vh;height:100dvh;overflow-y:auto;position:fixed;right:-300px;top:0;z-index:250;transition:right .3s ease;box-shadow:-5px 0 20px #0000001a}.rm-sidebar.open{right:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.rm-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.rm-sidebar-header h3{margin:0;font-size:18px;font-weight:700}.rm-sidebar-header button{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.rm-sidebar-content{padding:15px;display:flex;flex-direction:column;gap:8px}.rm-sidebar-item{width:100%;padding:14px 18px;background:#fff7ed;border:none;border-radius:12px;font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;text-align:right;transition:all .3s ease}.rm-sidebar-item:hover{background:#fed7aa}.rm-sidebar-item.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.rm-main{padding:16px}.rm-category-section{margin-bottom:32px}.rm-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.rm-category-title{font-size:18px;font-weight:700;color:#1f2937}.rm-category-special{font-size:12px;color:#f97316;background:#fff7ed;padding:4px 12px;border-radius:20px;font-weight:600}.rm-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rm-item-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.rm-item-card:active{transform:scale(.98)}.rm-item-image{position:relative;aspect-ratio:1;overflow:hidden;background:#f9fafb}.rm-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.rm-item-card:hover .rm-item-image img{transform:scale(1.05)}.rm-quick-cart,.rm-quick-info{position:absolute;width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #00000026}.rm-quick-cart{bottom:8px;left:8px;background:#f97316;color:#fff}.rm-quick-cart:active{transform:scale(.9);background:#ea580c}.rm-quick-cart:disabled{background:#d1d5db;cursor:not-allowed}.rm-quick-info{bottom:8px;right:8px;background:#fff;color:#6b7280}.rm-quick-info:active{transform:scale(.9);background:#f3f4f6}.rm-item-info{padding:10px;text-align:center}.rm-item-name{font-size:12px;font-weight:600;color:#1f2937;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-item-restaurant{font-size:10px;color:#9ca3af;display:block;margin-bottom:4px}.rm-item-price{display:flex;align-items:center;justify-content:center;gap:4px}.rm-price{font-size:13px;font-weight:700;color:#f97316}.rm-currency{font-size:10px;color:#9ca3af}.rm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.rm-empty svg{margin-bottom:16px;color:#d1d5db}.rm-empty h3{font-size:18px;color:#6b7280;margin-bottom:8px}.rm-add-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:500;z-index:150;box-shadow:0 4px 12px #f973164d;animation:rm-toast-pop .3s ease}@keyframes rm-toast-pop{0%{transform:translate(-50%) scale(.8);opacity:0}50%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1);opacity:1}}.rm-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:#1f2937;color:#fff;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:8px;font-size:14px;z-index:300;opacity:0;transition:all .3s ease;box-shadow:0 4px 12px #0003}.rm-toast-show{opacity:1;transform:translate(-50%) translateY(0)}.rm-toast-hide{opacity:0;transform:translate(-50%) translateY(-20px)}.rm-toast-success{background:linear-gradient(135deg,#10b981,#059669)}.rm-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}@media(max-width:360px){.rm-items-grid{grid-template-columns:repeat(3,1fr);gap:8px}.rm-item-name{font-size:10px}.rm-price{font-size:12px}.rm-quick-cart,.rm-quick-info{width:24px;height:24px}.rm-quick-cart svg,.rm-quick-info svg{width:12px;height:12px}}@media(min-width:361px)and (max-width:480px){.rm-items-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media(min-width:481px)and (max-width:768px){.rm-items-grid{grid-template-columns:repeat(4,1fr);gap:12px}.rm-item-info{padding:10px 12px 12px}.rm-item-name{font-size:12px}.rm-price{font-size:15px}}@media(min-width:769px){.rm-page{max-width:800px;margin:0 auto}.rm-items-grid{grid-template-columns:repeat(4,1fr);gap:15px}.rm-item-image{aspect-ratio:1}.rm-quick-cart,.rm-quick-info{width:32px;height:32px}.rm-item-info{padding:12px 14px 14px}.rm-item-name{font-size:13px}.rm-price{font-size:16px}}@media(min-width:1024px){.rm-page{max-width:1000px}.rm-items-grid{grid-template-columns:repeat(5,1fr);gap:18px}}@media(min-resolution:192dpi){.rm-item-card{border:.5px solid rgba(0,0,0,.05)}}@media(prefers-reduced-motion:reduce){.rm-item-card,.rm-quick-cart,.rm-quick-info,.rm-item-image img{transition:none}.rm-add-toast{animation:none}}@media(prefers-color-scheme:dark){.rm-page{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)}.rm-header{background:#1f1f1f;box-shadow:0 2px 8px #0000004d}.rm-menu-btn,.rm-profile-btn,.rm-search-input{background:#2d2d2d;color:#e5e5e5}.rm-search-input:focus{background:#333;box-shadow:0 0 0 2px #7c2d12}.rm-sidebar{background:#1f1f1f}.rm-sidebar-header{border-color:#333}.rm-sidebar-header h3{color:#f3f4f6}.rm-sidebar-item{color:#d1d5db}.rm-sidebar-item:hover{background:#2d2d2d}.rm-category-title{color:#f3f4f6}.rm-category-special{background:#7c2d12;color:#fdba74}.rm-item-card{background:#1f1f1f;box-shadow:0 2px 8px #0000004d}.rm-item-image{background:#2d2d2d}.rm-item-name{color:#f3f4f6}.rm-quick-info{background:#333;color:#d1d5db}}.menu-item-details-page{min-height:100vh;background:#f8fafc;padding-bottom:100px}@media(max-width:768px){.menu-item-details-page{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-state h3{color:#dc2626;margin:1rem 0}.back-btn{background:#ff6b6b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;transition:all .3s ease}.back-btn:hover{background:#ee5a6f;transform:translateY(-2px)}.menu-item-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#374151}.back-button:hover{background:#e5e7eb;transform:scale(1.05)}.header-actions{display:flex;gap:.5rem}.favorite-btn,.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#6b7280}.favorite-btn.active{background:#fef2f2;color:#ef4444}.favorite-btn:hover,.share-btn:hover{background:#e5e7eb;transform:scale(1.05)}.menu-item-images-section{background:#fff;padding:1rem}.main-image-container{position:relative;margin-bottom:1rem}.image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.main-menu-item-image{width:100%;height:350px;-o-object-fit:cover;object-fit:cover;border-radius:16px;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 12px #0000001a}.main-menu-item-image:hover{transform:scale(1.02)}.gallery-btn{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;border:none;padding:.5rem .75rem;border-radius:8px;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gallery-btn:hover{background:#000000d9;transform:scale(1.05)}.unavailable-badge{position:absolute;top:12px;left:12px;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;color:#fff;background:#dc2626}.item-badges-overlay{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px}.badge{display:flex;align-items:center;gap:4px;padding:.4rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;backdrop-filter:blur(10px)}.spicy-badge{background:#ef4444e6}.veggie-badge{background:#22c55ee6}.image-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}.thumbnail{flex-shrink:0;width:70px;height:70px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .2s ease}.thumbnail.active{border-color:#ff6b6b}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-item-info-section{background:#fff;padding:1.5rem;margin-top:.5rem}.menu-item-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.menu-item-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0;line-height:1.3;flex:1}.menu-item-category{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;flex-shrink:0}.rating-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stars{display:flex;align-items:center;gap:.25rem}.rating-text{font-size:.875rem;color:#6b7280;margin-left:.5rem}.price-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.current-price{font-size:1.75rem;font-weight:700;color:#ff6b6b}.original-price{font-size:1.1rem;color:#9ca3af;text-decoration:line-through}.discount-badge{background:#dcfce7;color:#16a34a;padding:.3rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600}.quick-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#ff6b6b0d,#ee5a6f0d);border-radius:12px;border:1px solid rgba(255,107,107,.1)}.info-item{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.9rem}.info-item svg{color:#ff6b6b;flex-shrink:0}.description-section{margin-bottom:2rem}.description-section h3{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .75rem}.description-section p{color:#4b5563;line-height:1.7;margin:0;font-size:.95rem}.description-section p.collapsed{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.toggle-description{color:#ff6b6b;background:none;border:none;font-size:.875rem;cursor:pointer;margin-top:.5rem;text-decoration:underline;font-weight:600}.details-sections{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.detail-section{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:none;cursor:pointer;transition:background .2s ease}.section-toggle:hover{background:#f3f4f6}.section-toggle h3{font-size:1rem;font-weight:600;color:#111827;margin:0}.section-toggle svg{transition:transform .3s ease}.section-content{padding:1rem;border-top:1px solid #e5e7eb}.ingredients-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.ingredients-list li{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.9rem}.ingredients-list li svg{color:#10b981;flex-shrink:0}.allergens-warning{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#fef2f2;border-radius:8px;color:#dc2626;font-size:.875rem}.allergens-warning svg{flex-shrink:0}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.nutrition-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#ff6b6b0d,#ee5a6f0d);border-radius:8px;text-align:center}.nutrition-label{font-size:.8rem;color:#6b7280;font-weight:500}.nutrition-value{font-size:1.1rem;font-weight:700;color:#ff6b6b}.cart-footer{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:1rem;display:flex;gap:1rem;align-items:center;box-shadow:0 -4px 12px #0000001a;z-index:999}@media(min-width:769px){.cart-footer{bottom:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.quantity-controls-large{display:flex;align-items:center;gap:.75rem;background:#f3f4f6;border-radius:12px;padding:.5rem}.quantity-controls-large button{width:40px;height:40px;border-radius:8px;border:none;background:#fff;color:#ff6b6b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quantity-controls-large button:hover:not(:disabled){background:#ff6b6b;color:#fff;transform:scale(1.05)}.quantity-controls-large button:disabled{opacity:.4;cursor:not-allowed}.quantity-controls-large span{font-size:1.1rem;font-weight:700;color:#111827;min-width:30px;text-align:center}.add-to-cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66}.add-to-cart-btn:disabled{opacity:.6;cursor:not-allowed}.btn-price{margin-right:auto;font-size:.9rem}.image-gallery-modal{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center}.close-gallery-btn{position:absolute;top:1rem;right:1rem;width:44px;height:44px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px)}.close-gallery-btn:hover{background:#ffffff4d;transform:scale(1.1)}.gallery-content{position:relative;max-width:90vw;max-height:90vh}.gallery-image{max-width:100%;max-height:90vh;border-radius:8px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px)}.gallery-nav:hover:not(:disabled){background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.gallery-nav:disabled{opacity:.3;cursor:not-allowed}.gallery-nav.prev{right:-70px}.gallery-nav.next{left:-70px}.gallery-indicators{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:8px}.gallery-indicators button{width:10px;height:10px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .2s ease}.gallery-indicators button.active{background:#fff;transform:scale(1.3)}.menu-item-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#374151;color:#fff;padding:1rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #00000026;z-index:10000;opacity:0;transition:all .3s ease}.menu-item-toast.show{transform:translate(-50%) translateY(0);opacity:1}.menu-item-toast.hide{transform:translate(-50%) translateY(-100px);opacity:0}.menu-item-toast.toast-success{background:#10b981}.menu-item-toast.toast-error{background:#ef4444}.menu-item-toast.toast-info{background:#3b82f6}@media(max-width:768px){.menu-item-title{font-size:1.5rem}.main-menu-item-image{height:280px}.current-price{font-size:1.5rem}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.ingredients-list{grid-template-columns:1fr}.gallery-nav.prev{right:10px}.gallery-nav.next{left:10px}}@media(max-width:480px){.menu-item-title{font-size:1.3rem}.main-menu-item-image{height:240px;border-radius:12px}.current-price{font-size:1.3rem}.cart-footer{flex-direction:column}.quantity-controls-large{width:100%;justify-content:center}.add-to-cart-btn{width:100%}}.maint-page{min-height:100vh;background:linear-gradient(180deg,#f0fdf4,#fff);direction:rtl;font-family:Cairo,Tajawal,sans-serif;padding-bottom:20px}@media(max-width:768px){.maint-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.maint-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:#9ca3af}.maint-loading-icon{animation:maint-pulse 1.5s ease-in-out infinite;color:#10b981}@keyframes maint-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.maint-page-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.maint-header-menu-btn{width:42px;height:42px;border-radius:12px;border:none;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.maint-header-menu-btn:active{transform:scale(.95);background:#ffffff4d}.maint-header-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.maint-header-right-actions{display:flex;align-items:center;gap:8px}.maint-header-view-btn,.maint-header-location-btn{width:42px;height:42px;border-radius:12px;border:none;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.maint-header-view-btn:active,.maint-header-location-btn:active{transform:scale(.95)}.maint-header-view-btn.active{background:#fff;color:#10b981}.maint-header-location-btn svg.active{color:#fbbf24}.maint-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:maint-fade-in .2s ease}@keyframes maint-fade-in{0%{opacity:0}to{opacity:1}}.maint-filter-sidebar{position:fixed;top:0;right:0;width:300px;height:100%;height:100dvh;background:#fff;z-index:201;animation:maint-slide-in .3s ease;box-shadow:-5px 0 25px #00000026;overflow-y:auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes maint-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.maint-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:40px 20px 20px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#10b981,#059669);color:#fff;min-height:80px}.maint-sidebar-header h3{margin:0;font-size:18px;font-weight:700}.maint-sidebar-header button{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.maint-sidebar-content{padding:20px}.maint-filter-group{margin-bottom:20px}.maint-filter-group>label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.maint-filter-group input[type=text],.maint-filter-group input[type=number],.maint-filter-group select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:all .3s ease}.maint-filter-group input:focus,.maint-filter-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.maint-specialty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.maint-specialty-btn{display:flex;align-items:center;gap:6px;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s}.maint-specialty-btn:hover{border-color:var(--craft-color, #10b981)}.maint-specialty-btn.active{border-color:var(--craft-color, #10b981);background:var(--craft-color, #10b981);color:#fff}.maint-specialty-btn svg{color:var(--craft-color, #10b981)}.maint-specialty-btn.active svg{color:#fff}.maint-filter-check{margin-bottom:12px}.maint-filter-check label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.maint-filter-check input[type=checkbox]{width:18px;height:18px;accent-color:#10b981}.maint-reset-btn{width:100%;padding:14px;background:#d1fae5;border:none;border-radius:12px;color:#10b981;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.maint-reset-btn:hover{background:#a7f3d0}.maint-results-count{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:14px;color:#6b7280}.maint-results-count span:first-child{font-weight:700;color:#10b981;font-size:18px}.maint-sorted-badge{background:#d1fae5;color:#059669;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.maint-location-search-card{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:12px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f}.maint-location-search-input{flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f3f4f6;border-radius:12px}.maint-location-search-input svg{color:#9ca3af;flex-shrink:0}.maint-location-search-input input{flex:1;border:none;background:transparent;padding:12px 0;font-size:14px;outline:none}.maint-my-location-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.maint-my-location-btn:active{transform:scale(.95)}.maint-map-view-container{position:relative;height:calc(100vh - 200px);margin:0 16px;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.maint-map-worker-card{position:absolute;bottom:20px;left:20px;right:20px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000026;display:flex;z-index:10;animation:maint-slide-up .3s ease}@keyframes maint-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.maint-map-worker-card img{width:120px;height:100%;-o-object-fit:cover;object-fit:cover}.maint-card-placeholder{width:120px;min-height:140px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;color:#10b981}.maint-close-card-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}.maint-card-content{flex:1;padding:12px}.maint-card-badges{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.maint-card-specialty-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;color:#fff}.maint-card-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#d1fae5;color:#059669;border-radius:6px;font-size:10px;font-weight:600}.maint-card-content h4{font-size:14px;font-weight:700;color:#1f2937;margin-bottom:4px}.maint-card-location{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;margin-bottom:6px}.maint-card-details{display:flex;align-items:center;gap:12px;margin-bottom:6px}.maint-card-rating{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#1f2937}.maint-review-count{color:#9ca3af;font-weight:400}.maint-card-features{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280}.maint-card-price{font-size:13px;font-weight:700;color:#10b981;margin-bottom:6px}.maint-card-emergency{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#fef3c7;color:#d97706;border-radius:6px;font-size:10px;font-weight:600;margin-bottom:8px}.maint-view-details-btn{width:100%;padding:10px;border:none;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.maint-view-details-btn:active{transform:scale(.98)}.maint-workers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 80px}.maint-no-workers{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.maint-no-workers svg{color:#d1d5db;margin-bottom:16px}.maint-no-workers h3{font-size:18px;color:#6b7280;margin-bottom:8px}.maint-worker-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s ease}.maint-worker-card:active{transform:scale(.98)}.maint-worker-cover{position:relative;height:120px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);overflow:hidden}.maint-worker-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.maint-worker-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#10b981}.maint-worker-placeholder.hidden,.maint-card-placeholder.hidden{display:none}.maint-specialty-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:600;color:#fff}.maint-rating-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:3px;padding:4px 8px;background:#0009;backdrop-filter:blur(4px);border-radius:8px;font-size:11px;font-weight:600;color:#fff}.maint-verified-badge{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.maint-emergency-badge{position:absolute;bottom:8px;left:8px;width:24px;height:24px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.maint-worker-info{padding:12px}.maint-worker-name{font-size:14px;font-weight:700;color:#1f2937;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maint-worker-location{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;margin-bottom:8px}.maint-worker-location svg{color:#10b981;flex-shrink:0}.maint-quick-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.maint-quick-features span{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:6px}.maint-quick-features svg{width:12px;height:12px}.maint-licensed-tag{background:#d1fae5!important;color:#059669!important}.maint-worker-price{display:flex;align-items:baseline;gap:4px}.maint-price-value{font-size:18px;font-weight:800;color:#10b981}.maint-price-label{font-size:11px;color:#9ca3af}@media(min-width:768px){.maint-workers-grid{grid-template-columns:repeat(3,1fr);gap:16px}.maint-worker-cover{height:140px}}@media(min-width:1024px){.maint-workers-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:0 20px 80px}.maint-worker-cover{height:160px}.maint-location-search-card{max-width:600px;margin:0 auto 20px}.maint-results-count{max-width:1200px;margin:0 auto;padding:16px 20px}}@media(prefers-color-scheme:dark){.maint-page{background:linear-gradient(180deg,#0f1f17,#0a0a0a)}.maint-page-header{background:linear-gradient(135deg,#065f46,#047857)}.maint-filter-sidebar,.maint-sidebar-content{background:#1a1a1a}.maint-filter-group>label{color:#e5e7eb}.maint-filter-group input,.maint-filter-group select,.maint-specialty-btn{background:#2d2d2d;border-color:#404040;color:#e5e7eb}.maint-sidebar-actions{background:#1f1f1f;border-color:#333}.maint-reset-btn{background:#2d2d2d;border-color:#404040;color:#9ca3af}.maint-results-count{color:#9ca3af}.maint-sorted-badge{background:#065f46;color:#6ee7b7}.maint-location-search-card{background:#1f1f1f;box-shadow:0 2px 12px #0000004d}.maint-location-search-input{background:#2d2d2d}.maint-location-search-input input{color:#e5e7eb}.maint-worker-card{background:#1f1f1f;box-shadow:0 2px 12px #0000004d}.maint-worker-cover{background:linear-gradient(135deg,#065f46,#047857)}.maint-worker-name{color:#f3f4f6}.maint-quick-features span{background:#2d2d2d;color:#9ca3af}.maint-map-worker-card{background:#1f1f1f;box-shadow:0 4px 20px #0006}.maint-card-placeholder{background:linear-gradient(135deg,#065f46,#047857)}.maint-card-content h4,.maint-card-rating{color:#f3f4f6}}.worker-profile-page{min-height:100vh;background:linear-gradient(180deg,#f0fdf4,#fff);direction:rtl;font-family:Cairo,Tajawal,sans-serif;padding-bottom:140px}.worker-profile-loading,.worker-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;gap:16px}.worker-profile-loading .spinner{width:50px;height:50px;border:4px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.worker-profile-loading p,.worker-profile-error p{color:#6b7280;font-size:16px;font-weight:600}.worker-profile-error button{margin-top:1rem;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.worker-profile-error button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.worker-profile-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff3;border:none;border-radius:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.back-btn:active{transform:scale(.95);background:#ffffff4d}.icon-action-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.icon-action-btn:active{transform:scale(.95);background:#ffffff4d}.worker-profile-content{max-width:800px;margin:0 auto;padding:16px}.profile-gallery{margin-bottom:16px}.main-image.profile-main{width:100%;height:280px;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #10b98126;background:linear-gradient(135deg,#10b981,#059669)}.main-image.profile-main img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-image-placeholder{width:100%;height:280px;border-radius:20px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #10b98126}.profile-info-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 16px #0000000f}.profile-header-section{margin-bottom:20px}.profile-title-section{margin-bottom:12px}.profile-title-section h1{font-size:24px;font-weight:800;color:#111827;margin:0 0 10px;line-height:1.3}.craft-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#059669;font-size:13px;font-weight:600}.craft-badge svg{color:#10b981}.profile-badges-section{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.profile-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:600}.profile-badge.verified{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.profile-badge.licensed{background:#a855f71a;color:#7c3aed;border:1px solid rgba(168,85,247,.2)}.profile-badge.emergency{background:#eab3081a;color:#ca8a04;border:1px solid rgba(234,179,8,.2)}.profile-stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid rgba(16,185,129,.2);border-radius:16px;transition:all .3s ease}.stat-card:active{transform:scale(.98)}.stat-content{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:20px;font-weight:800;color:#059669;line-height:1}.stat-label{font-size:11px;color:#6b7280;font-weight:600}.profile-location-section{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#10b9810d,#0596690d);border:1px solid rgba(16,185,129,.15);border-radius:12px;color:#059669;font-weight:600;font-size:14px;margin-bottom:20px}.profile-location-section svg{color:#10b981;flex-shrink:0}.profile-tabs{display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.profile-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.profile-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.profile-tab:not(.active):hover{background:#f3f4f6;color:#374151}.profile-tab-content{min-height:200px}.about-section{display:flex;flex-direction:column;gap:20px}.about-item h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 12px;display:flex;align-items:center;gap:8px}.about-item h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:2px}.about-item p{color:#6b7280;line-height:1.7;font-size:14px}.specialties-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.specialty-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#10b9810d,#0596690d);border:1px solid rgba(16,185,129,.15);border-radius:10px;color:#059669;font-size:13px;font-weight:600}.specialty-item svg{color:#10b981;flex-shrink:0}.working-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;font-weight:500}.info-row svg{color:#10b981;flex-shrink:0}.qualifications{display:flex;flex-direction:column;gap:10px}.qualification-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#10b9810d,#0596690d);border:1px solid rgba(16,185,129,.15);border-radius:10px;color:#059669;font-size:13px;font-weight:600}.qualification-item svg{color:#10b981}.worker-map-container{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f}.reviews-section{display:flex;flex-direction:column;gap:16px}.review-card{padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reviewer-info{display:flex;align-items:center;gap:10px}.reviewer-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.reviewer-name{font-size:14px;font-weight:700;color:#111827}.review-date{font-size:12px;color:#9ca3af;margin-top:2px}.review-rating{display:flex;gap:2px}.review-comment{color:#6b7280;line-height:1.6;font-size:14px;margin:0 0 10px}.review-service-type{display:inline-flex;padding:4px 10px;background:#10b9811a;border-radius:6px;font-size:12px;color:#059669;font-weight:600}.no-reviews{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.no-reviews svg{margin-bottom:16px;opacity:.5}.no-reviews p{font-size:15px;font-weight:600}.gallery-section{margin-top:8px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gallery-item{position:relative;width:100%;height:180px;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #00000014}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.gallery-item:active img{transform:scale(1.05)}.no-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.no-gallery svg{margin-bottom:16px;opacity:.5}.no-gallery p{font-size:15px;font-weight:600}.profile-action-footer{position:fixed;bottom:70px;left:0;right:0;z-index:100;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border-top:1px solid rgba(16,185,129,.2);box-shadow:0 -2px 12px #10b9811a;height:60px}.price-section{display:flex;flex-direction:column;align-items:flex-start;min-width:100px}.price-info{display:flex;flex-direction:column;align-items:flex-start}.price-value{font-size:18px;font-weight:800;color:#10b981;line-height:1.2}.price-label{font-size:10px;color:#6b7280;margin-top:2px;font-weight:600}.request-service-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98140}.request-service-btn:active{transform:scale(.98)}@media(max-width:480px){.profile-stats-section{grid-template-columns:1fr}.stat-card{flex-direction:row;justify-content:flex-start;padding:12px 16px}.stat-content{flex-direction:row;gap:8px;align-items:center}.stat-value{font-size:18px}.stat-label{font-size:12px}.specialties-grid,.gallery-grid{grid-template-columns:1fr}.gallery-item{height:220px}.profile-tab{font-size:12px;padding:8px 10px}}*{box-sizing:border-box;margin:0;padding:0}.transport-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}@media(max-width:768px){.transport-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.transport-page-header{background:#ffffff0d;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:25px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;position:sticky;top:0;z-index:100;box-shadow:0 10px 40px #0000004d}.transport-page-header h1{display:flex;align-items:center;gap:15px;font-size:28px;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.transport-page-header h1 svg{color:#667eea;-webkit-text-fill-color:#667eea}.transport-page-header p{color:#fffc;font-size:15px;margin:5px 0 0}.location-btn,.filter-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #667eea66}.location-btn:hover,.filter-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea99}.location-btn:active,.filter-btn:active{transform:translateY(0)}.filter-sidebar{position:fixed;top:0;right:-420px;width:400px;height:100vh;height:100dvh;background:linear-gradient(180deg,#fff,#f8f9ff);box-shadow:-15px 0 60px #0000004d;z-index:1000;transition:right .5s cubic-bezier(.68,-.55,.265,1.55);overflow-y:auto;border-left:3px solid rgba(102,126,234,.4);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.filter-sidebar.open{right:0}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:45px 25px 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;box-shadow:0 4px 20px #667eea4d;min-height:90px}.sidebar-header h3{display:flex;align-items:center;gap:12px;color:#fff;font-size:22px;font-weight:800;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.close-sidebar{background:#ffffff40;border:2px solid rgba(255,255,255,.3);color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.close-sidebar:hover{background:#fff6;transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px #0000004d}.sidebar-content{padding:30px 25px}.filter-group{margin-bottom:28px;background:#667eea0d;padding:20px;border-radius:16px;border:2px solid rgba(102,126,234,.15);transition:all .3s ease}.filter-group:hover{background:#667eea14;border-color:#667eea40;box-shadow:0 4px 15px #667eea1a}.filter-group label{display:flex;align-items:center;gap:10px;color:#2c2c3e;font-weight:700;font-size:15px;margin-bottom:12px}.filter-group label svg{color:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.filter-group input[type=text],.filter-group input[type=number],.filter-group select{width:100%;padding:14px 18px;background:#fff;border:2px solid rgba(102,126,234,.2);border-radius:12px;color:#2c2c3e;font-size:15px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.filter-group input:focus,.filter-group select:focus{outline:none;background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea26,0 4px 12px #667eea33;transform:translateY(-2px)}.filter-group input::-moz-placeholder{color:#2c2c3e80;font-weight:400}.filter-group input::placeholder{color:#2c2c3e80;font-weight:400}.filter-group select{cursor:pointer}.filter-group select option{background:#fff;color:#2c2c3e;padding:10px}.price-inputs{display:flex;align-items:center;gap:12px}.price-inputs input{flex:1}.price-inputs span{color:#667eea;font-weight:700;font-size:18px}.sidebar-actions{display:flex;gap:12px;margin-top:35px;padding-top:25px;border-top:2px solid rgba(102,126,234,.15)}.reset-btn,.apply-btn{flex:1;padding:16px 24px;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.reset-btn{background:linear-gradient(135deg,#e0e0e0,#f5f5f5);color:#2c2c3e;border:2px solid rgba(102,126,234,.2);box-shadow:0 4px 12px #0000001a}.reset-btn:hover{background:linear-gradient(135deg,#d0d0d0,#e5e5e5);border-color:#667eea66;transform:translateY(-2px);box-shadow:0 6px 18px #00000026}.apply-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid transparent;box-shadow:0 4px 15px #667eea66}.apply-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 6px 25px #667eea99}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(5px);z-index:999;animation:fadeIn .3s ease}.results-info{max-width:1600px;padding:25px 35px;background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;box-shadow:0 8px 30px #00000026;border:2px solid rgba(102,126,234,.2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin:30px 30px 0}.results-text{font-size:17px;color:#2c2c3e;font-weight:600}.results-text strong{color:#667eea;font-size:22px;font-weight:800}.results-actions{display:flex;gap:12px}.results-info .location-btn,.results-info .filter-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.results-info .location-btn:hover,.results-info .filter-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #667eea80}.transport-companies-grid{display:grid;grid-template-columns:1fr;gap:30px;padding:30px;max-width:1600px;margin:0 auto}.transport-company-card{background:#ffffff0d;backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.transport-company-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.transport-company-card:hover:before{opacity:1}.transport-company-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #667eea66;border-color:#667eea80}.company-cover{position:relative;height:240px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.company-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.transport-company-card:hover .company-cover img{transform:scale(1.15)}.company-logo-overlay{position:absolute;bottom:-45px;left:30px;width:100px;height:100px;border-radius:50%;background:#fff;padding:8px;box-shadow:0 10px 40px #0006;z-index:2;transition:all .3s ease}.transport-company-card:hover .company-logo-overlay{transform:scale(1.1);box-shadow:0 15px 50px #667eea99}.company-logo-overlay img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.company-logo-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;font-weight:800}.company-rating-badge{position:absolute;top:20px;right:20px;background:#fffffffa;backdrop-filter:blur(10px);padding:10px 16px;border-radius:30px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;box-shadow:0 8px 25px #0000004d;z-index:1}.company-rating-badge svg{flex-shrink:0}.rating-count{color:#6c757d;font-size:13px;font-weight:600}.company-info{padding:60px 30px 30px}.company-header{margin-bottom:20px}.company-name{font-size:24px;font-weight:800;color:#fff;margin:0 0 10px;line-height:1.3;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-owner{font-size:14px;color:#ffffffb3;margin:0 0 8px;display:flex;align-items:center;gap:8px}.company-owner svg{color:#667eea}.company-location{font-size:14px;color:#fffc;display:flex;align-items:center;gap:8px;margin:0 0 15px}.company-location svg{color:#667eea;flex-shrink:0}.company-description{font-size:14px;color:#ffffffbf;line-height:1.7;margin:0 0 20px}.company-stats{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#667eea26;border-radius:10px;font-size:13px;color:#ffffffe6;font-weight:600;border:1px solid rgba(102,126,234,.3)}.stat-item svg{color:#667eea}.company-price-section{padding:20px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:15px;border:2px solid rgba(102,126,234,.4);margin-bottom:20px;text-align:center}.price-label{display:block;font-size:13px;color:#ffffffb3;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.price-amount{display:flex;align-items:baseline;justify-content:center;gap:8px}.price-value{font-size:36px;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(102,126,234,.5)}.price-period{font-size:16px;color:#fffc;font-weight:600}.vehicle-types-section{margin:25px 0}.vehicle-types-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#667eea1a;border:2px solid rgba(102,126,234,.3);border-radius:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.vehicle-types-header:hover{background:#667eea33;border-color:#667eea80;transform:translate(-5px)}.vehicle-types-title{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;color:#fff}.vehicle-types-title svg{color:#667eea}.vehicle-types-toggle{display:flex;align-items:center;gap:10px;color:#667eea;font-size:14px;font-weight:700}.vehicle-types-toggle svg{transition:transform .3s ease}.vehicle-types-header.expanded .vehicle-types-toggle svg{transform:rotate(180deg)}.vehicle-types-list{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.vehicle-types-list.expanded{max-height:600px;padding:15px 0}.vehicle-type-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:12px;background:linear-gradient(135deg,#ffffff0d,#ffffff14);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.vehicle-type-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translate(-8px);box-shadow:0 8px 25px #667eea66;border-color:transparent}.vehicle-type-info{display:flex;align-items:center;gap:12px}.vehicle-type-name{font-weight:700;color:#fff;font-size:15px}.vehicle-count{background:#667eea4d;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid rgba(102,126,234,.5)}.vehicle-type-item:hover .vehicle-count{background:#ffffff40;border-color:#fff6}.vehicle-type-price{font-weight:800;color:#667eea;font-size:17px}.vehicle-type-item:hover .vehicle-type-price{color:#fff}.details-btn{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 8px 25px #667eea80;margin-top:20px;text-transform:uppercase;letter-spacing:.5px}.details-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eeab3;background:linear-gradient(135deg,#764ba2,#667eea)}.details-btn:active{transform:translateY(0)}.no-companies{text-align:center;padding:80px 40px;background:#ffffff0d;border-radius:20px;border:2px dashed rgba(255,255,255,.2);grid-column:1 / -1}.no-companies svg{color:#ffffff4d;margin-bottom:20px}.no-companies h3{font-size:24px;color:#fff;margin:0 0 12px;font-weight:700}.no-companies p{font-size:16px;color:#fff9;margin:0}@media(min-width:768px){.transport-companies-grid{grid-template-columns:repeat(2,1fr);gap:35px;padding:40px}.transport-page-header{padding:30px 40px}.transport-page-header h1{font-size:32px}.company-cover{height:280px}.company-logo-overlay{width:110px;height:110px;bottom:-50px}}@media(min-width:1024px){.transport-companies-grid{grid-template-columns:repeat(3,1fr);gap:40px}.company-cover{height:260px}}@media(min-width:1440px){.transport-page-header{padding:35px 60px}.transport-companies-grid{gap:45px;padding:50px}}@media(max-width:767px){.transport-page-header{padding:20px;flex-direction:column;align-items:flex-start}.transport-page-header h1{font-size:22px;width:100%}.filter-sidebar{width:100%;right:-100%;left:auto}.filter-sidebar.open{right:0;left:auto}.sidebar-header{padding:25px 20px}.sidebar-header h3{font-size:20px}.close-sidebar{width:42px;height:42px}.sidebar-content{padding:25px 20px}.filter-group{padding:18px;margin-bottom:20px}.filter-group label{font-size:14px}.filter-group input[type=text],.filter-group input[type=number],.filter-group select{padding:12px 16px;font-size:14px}.sidebar-actions{flex-direction:column;gap:10px}.reset-btn,.apply-btn{width:100%;padding:14px 20px}.results-info{margin:20px;padding:20px;flex-direction:column;align-items:stretch;gap:15px}.results-text{text-align:center;font-size:16px}.results-text strong{font-size:20px}.results-actions{width:100%;display:flex;gap:10px}.results-info .location-btn,.results-info .filter-btn{flex:1;padding:12px 16px;font-size:13px;justify-content:center}.transport-companies-grid{padding:20px;gap:25px}.company-cover{height:200px}.company-logo-overlay{width:80px;height:80px;bottom:-35px;left:20px}.company-info{padding:50px 20px 20px}.company-name{font-size:20px}.price-value{font-size:28px}}.transport-company-card:focus-visible,.details-btn:focus-visible,.location-btn:focus-visible,.filter-btn:focus-visible{outline:3px solid #667eea;outline-offset:3px}.filter-sidebar::-webkit-scrollbar{width:8px}.filter-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.filter-sidebar::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.filter-sidebar::-webkit-scrollbar-thumb:hover{background:#667eeab3}.transport-details-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding-bottom:60px}@media(max-width:768px){.transport-details-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.back-btn{position:sticky;top:20px;left:30px;z-index:100;display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#ffffff1a;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:20px 0 0 30px}.back-btn:hover{background:#667eea4d;border-color:#667eea;transform:translate(-5px)}.company-header-section{position:relative;margin-bottom:50px}.cover-image{position:relative;height:400px;overflow:hidden}.cover-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(15,12,41,1) 0%,transparent 100%)}.header-action-buttons{position:absolute;top:20px;right:20px;display:flex;gap:12px;z-index:10}.action-icon-btn{width:44px;height:44px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-icon-btn:hover{background:#ffffff40;transform:scale(1.1)}.action-icon-btn.active{background:#ef444433;border-color:#ef4444}.action-icon-btn.active svg{color:#ef4444}.company-main-info{max-width:1400px;margin:-120px auto 0;padding:0 40px;display:flex;gap:40px;align-items:flex-start;position:relative}.company-logo-large{width:180px;height:180px;border-radius:50%;background:#fff;padding:12px;box-shadow:0 15px 60px #00000080;flex-shrink:0;border:5px solid rgba(102,126,234,.3)}.company-logo-large img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.company-title-section{flex:1;padding-top:60px}.company-title-section h1{font-size:42px;font-weight:800;color:#fff;margin:0 0 15px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-rating{display:flex;align-items:center;gap:12px;margin-bottom:20px}.rating-value{font-size:28px;font-weight:800;color:#fff}.rating-reviews{font-size:16px;color:#ffffffe6}.company-tagline{font-size:17px;line-height:1.8;color:#fffffff2;max-width:800px;margin:0}.company-details-grid{max-width:1400px;margin:0 auto 50px;padding:0 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.info-card{background:linear-gradient(135deg,#667eea1f,#764ba21f);backdrop-filter:blur(30px);border:2px solid rgba(102,126,234,.35);border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000004d}.info-card:hover{background:linear-gradient(135deg,#667eea2e,#764ba22e);border-color:#667eea99;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #667eea80}.info-card h3{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid rgba(102,126,234,.3)}.info-card h3 svg{color:#667eea}.info-item{display:flex;align-items:center;gap:14px;padding:14px 0;color:#fff;font-size:16px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.4)}.info-item strong{min-width:130px;color:#fffffff2;font-weight:700;font-size:15px}.info-item svg{color:#a8b6ff;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(102,126,234,.5))}.info-item a{color:#667eea;text-decoration:none;transition:all .3s ease}.info-item a:hover{color:#764ba2;text-decoration:underline}.services-section{max-width:1400px;margin:0 auto 50px;padding:0 40px}.services-section h2{display:flex;align-items:center;gap:15px;font-size:32px;font-weight:800;color:#fff;margin:0 0 30px}.services-section h2 svg{color:#667eea}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.service-item{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid rgba(102,126,234,.4);border-radius:14px;color:#fff;font-size:16px;font-weight:700;transition:all .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.5)}.service-item:hover{background:linear-gradient(135deg,#667eea59,#764ba259);border-color:#667eeab3;transform:translate(10px) scale(1.02);box-shadow:0 8px 25px #667eea66}.service-item svg{color:#a8b6ff;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(102,126,234,.6))}.vehicles-section{max-width:1400px;margin:0 auto;padding:0 40px}.vehicles-header{margin-bottom:30px}.vehicles-header h2{display:flex;align-items:center;gap:15px;font-size:32px;font-weight:800;color:#fff;margin:0 0 25px}.vehicles-header h2 svg{color:#667eea}.filter-tabs{display:flex;gap:12px;flex-wrap:wrap}.filter-tabs button{padding:12px 24px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fffffff2;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-tabs button:hover{background:#ffffff1a;border-color:#667eea80}.filter-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 5px 20px #667eea66}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;margin-top:30px}.vehicle-card{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;transition:all .4s ease}.vehicle-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #667eea66;border-color:#667eea80}.vehicle-card.unavailable{opacity:.7}.vehicle-images{position:relative;height:260px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2)}.vehicle-images img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.vehicle-card:hover .vehicle-images img{transform:scale(1.1)}.image-count{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#000c;backdrop-filter:blur(10px);border-radius:10px;color:#fff;font-size:13px;font-weight:600}.unavailable-badge{position:absolute;top:15px;left:15px;padding:10px 18px;background:#ff3b30f2;backdrop-filter:blur(10px);border-radius:10px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vehicle-info{padding:25px}.vehicle-info h3{font-size:22px;font-weight:800;color:#fff;margin:0 0 8px}.vehicle-subtitle{font-size:14px;color:#ffffffb3;margin:0 0 20px}.vehicle-specs{display:flex;gap:15px;margin-bottom:18px;flex-wrap:wrap}.spec-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:8px;font-size:13px;color:#fff;font-weight:600}.spec-item svg{color:#667eea}.fuel-badge{padding:8px 14px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vehicle-description{font-size:14px;line-height:1.7;color:#fffc;margin:0 0 20px}.vehicle-features{margin-bottom:20px}.vehicle-features strong{display:block;color:#fff;font-size:14px;margin-bottom:12px}.features-list{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:12px;color:#ffffffe6;font-weight:600}.feature-tag svg{color:#10b981;flex-shrink:0}.feature-tag.more{background:#667eea33;border-color:#667eea66;color:#667eea}.vehicle-pricing{display:flex;gap:15px;margin-bottom:20px;padding:18px;background:#667eea1a;border:2px solid rgba(102,126,234,.3);border-radius:14px}.price-option{flex:1;text-align:center}.price-label{display:block;font-size:12px;color:#ffffffb3;margin-bottom:6px;font-weight:600;text-transform:uppercase}.price-value{display:block;font-size:22px;font-weight:800;color:#fff}.vehicle-actions{display:flex;gap:12px}.view-images-btn,.request-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.view-images-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff}.view-images-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.request-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea80}.request-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #667eeab3}.request-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;box-shadow:none}.no-vehicles{text-align:center;padding:80px 40px;background:#ffffff0d;border-radius:20px;border:2px dashed rgba(255,255,255,.2);grid-column:1 / -1}.no-vehicles svg{color:#ffffff4d;margin-bottom:20px}.no-vehicles h3{font-size:24px;color:#fff;margin:0 0 12px;font-weight:700}.no-vehicles p{font-size:16px;color:#fff9;margin:0}.image-gallery-modal{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;padding:40px;padding-top:calc(40px + env(safe-area-inset-top));padding-bottom:calc(40px + env(safe-area-inset-bottom))}.close-gallery{position:absolute;top:30px;right:30px;width:60px;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.close-gallery:hover{background:#ff3b30e6;border-color:#ff3b30;transform:rotate(90deg)}.gallery-content{position:relative;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:20px}.gallery-main-image{position:relative;width:100%;height:70vh;background:#ffffff0d;border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.gallery-main-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);color:#fff;font-size:18px;font-weight:600}.image-counter{position:absolute;top:20px;right:20px;padding:12px 20px;background:#000c;backdrop-filter:blur(10px);border-radius:10px;color:#fff;font-size:16px;font-weight:700}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#ffffff26;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.gallery-nav:hover{background:#667eeae6;border-color:#667eea;transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:-80px}.gallery-nav.next{right:-80px}.gallery-thumbnails{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;padding:20px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.gallery-thumbnails img{width:100px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:10px;cursor:pointer;border:3px solid transparent;transition:all .3s ease;opacity:.6}.gallery-thumbnails img:hover{opacity:1;transform:scale(1.05)}.gallery-thumbnails img.active{border-color:#667eea;opacity:1;box-shadow:0 5px 20px #667eea80}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.loading-icon{color:#667eea;animation:pulse 2s infinite}.loading-state p{color:#fff;font-size:18px;font-weight:600}.error-state{text-align:center;padding:100px 40px;color:#fff}.error-state h2{font-size:32px;margin-bottom:20px}.error-state button{padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.error-state button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea99}@media(max-width:1024px){.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}}@media(max-width:768px){.back-btn{margin:15px 0 0 20px;padding:10px 18px;font-size:14px}.cover-image{height:280px}.company-main-info{flex-direction:column;align-items:center;text-align:center;padding:0 20px;margin-top:-80px}.company-logo-large{width:140px;height:140px}.company-title-section{padding-top:20px}.company-title-section h1{font-size:28px}.company-details-grid{padding:0 20px;grid-template-columns:1fr}.services-section,.vehicles-section{padding:0 20px}.services-grid,.vehicles-grid{grid-template-columns:1fr}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}.filter-tabs button{white-space:nowrap}.vehicle-pricing{flex-direction:column;gap:12px}.vehicle-actions{flex-direction:column}.image-gallery-modal{padding:20px}.close-gallery{top:15px;right:15px;width:50px;height:50px}.gallery-main-image{height:50vh}.gallery-nav{width:50px;height:50px}.gallery-nav.prev,.gallery-nav.next{position:relative;left:auto;right:auto}.gallery-content{gap:15px}.gallery-thumbnails{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.gallery-thumbnails img{min-width:80px}.modal-content{max-width:95%;margin:10px}.modal-header,.modal-body{padding:25px 20px}.modal-header h2{font-size:24px}.modal-close{width:40px;height:40px;top:15px;right:15px}.owner-info-section{flex-direction:column;align-items:center;text-align:center;padding:25px 20px;gap:20px}.owner-avatar{width:80px;height:80px}.owner-details h3{font-size:22px}.owner-bio{font-size:14px}.company-stats{grid-template-columns:1fr 1fr;gap:15px}.stat-item{padding:15px;flex-direction:column;text-align:center;gap:10px}.stat-item strong{font-size:20px}.advantages-grid{grid-template-columns:1fr;gap:15px}.advantage-card,.review-card{padding:20px}.reviewer-info{gap:12px}.reviewer-avatar{width:45px;height:45px}.reviewer-info h4{font-size:15px}.review-comment{font-size:14px}.company-actions-grid{grid-template-columns:1fr;padding:0 20px;gap:20px}.action-card{padding:30px 25px}.location-stats{gap:10px}.stat-badge{padding:10px 15px;font-size:14px}}.back-btn:focus-visible,.request-btn:focus-visible,.view-images-btn:focus-visible,.close-gallery:focus-visible{outline:3px solid #667eea;outline-offset:3px}.company-actions-grid{max-width:1400px;margin:0 auto 50px;padding:0 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}.action-card{position:relative;padding:35px 30px;background:linear-gradient(135deg,#667eea26,#764ba226);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,.3);border-radius:20px;color:#fff;text-align:left;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea33,#764ba233);opacity:0;transition:opacity .4s ease;z-index:0}.action-card:hover:before{opacity:1}.action-card:hover{transform:translateY(-8px) scale(1.02);border-color:#667eea99;box-shadow:0 20px 60px #667eea66}.action-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:18px;margin-bottom:20px;position:relative;z-index:1}.action-icon svg{color:#667eea}.action-card h3{font-size:22px;font-weight:800;color:#fff;margin:0 0 12px;position:relative;z-index:1}.action-card p{font-size:15px;color:#ffffffd9;margin:0 0 18px;line-height:1.6;position:relative;z-index:1}.action-arrow{position:absolute;bottom:25px;right:30px;font-size:32px;font-weight:700;color:#667eea99;transition:all .4s ease;z-index:1}.action-card:hover .action-arrow{color:#667eea;transform:translate(8px)}.rating-preview{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffc10726;border-radius:10px;font-size:18px;font-weight:700;color:#ffc107;position:relative;z-index:1}.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.modal-content{position:relative;background:linear-gradient(135deg,#0f0c29fa,#302b63fa);backdrop-filter:blur(30px);border:2px solid rgba(102,126,234,.4);border-radius:24px;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 90px #000000b3;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.modal-content.large-modal{max-width:900px}.modal-close{position:absolute;top:20px;right:20px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close:hover{background:#ef44444d;border-color:#ef4444;transform:rotate(90deg)}.modal-header{padding:40px 40px 30px;border-bottom:2px solid rgba(102,126,234,.2)}.modal-header svg{color:#667eea;margin-bottom:15px}.modal-header h2{font-size:32px;font-weight:800;color:#fff;margin:0 0 10px}.reviews-summary{display:flex;align-items:center;gap:12px;margin-top:15px}.overall-rating{font-size:28px;font-weight:800;color:#ffc107}.total-reviews{font-size:16px;color:#ffffffb3}.modal-body{padding:30px 40px 40px}.owner-info-section{display:flex;gap:30px;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:16px;border:2px solid rgba(102,126,234,.3);box-shadow:0 4px 20px #0000001a}.owner-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.owner-avatar svg{color:#fff}.owner-details h3{font-size:26px;font-weight:800;color:#1a1a2e;margin:0 0 8px}.owner-title{font-size:16px;color:#667eea;font-weight:600;margin:0 0 15px}.owner-bio{font-size:15px;color:#2c2c3e;line-height:1.7;margin:0}.company-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}.stat-item{display:flex;align-items:center;gap:15px;padding:20px;background:#667eea14;border-radius:14px;border:1px solid rgba(102,126,234,.15)}.stat-item svg{color:#667eea;flex-shrink:0}.stat-item strong{display:block;font-size:24px;font-weight:800;color:#fff}.stat-item span{display:block;font-size:13px;color:#ffffffb3}.advantages-section h3{font-size:24px;font-weight:800;color:#fff;margin:0 0 25px}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.advantage-card{padding:25px;background:#667eea1a;border:1px solid rgba(102,126,234,.25);border-radius:16px;transition:all .3s ease}.advantage-card:hover{background:#667eea26;border-color:#667eea66;transform:translateY(-4px)}.advantage-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:12px;margin-bottom:15px}.advantage-icon svg{color:#667eea}.advantage-card h4{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px}.advantage-card p{font-size:14px;color:#fffc;line-height:1.6;margin:0}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-card{padding:25px;background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid rgba(102,126,234,.3);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a}.review-card:hover{background:linear-gradient(135deg,#f0f2ff,#e8ebff);border-color:#667eea99;transform:translateY(-4px) scale(1.01);box-shadow:0 12px 35px #667eea66}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.reviewer-info{display:flex;gap:15px;align-items:center}.reviewer-avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(102,126,234,.4);transition:all .3s ease}.review-card:hover .reviewer-avatar{border-color:#667eeab3;box-shadow:0 4px 12px #667eea66}.reviewer-info h4{font-size:17px;font-weight:700;color:#1a1a2e;margin:0 0 5px}.review-date{font-size:13px;color:#1a1a2e99;margin:0}.review-rating{display:flex;gap:4px;transition:all .3s ease}.review-comment{font-size:15px;color:#2c2c3e;line-height:1.7;margin:0 0 12px}.reviewed-vehicle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#667eea26;border-radius:8px;font-size:13px;color:#667eea;font-weight:600;transition:all .3s ease}.review-card:hover .reviewed-vehicle{background:#667eea40;color:#56d}.reviewed-vehicle svg{flex-shrink:0}.location-card{cursor:default!important}.location-card:hover{transform:translateY(-5px) scale(1.01)!important}.location-card .action-arrow{display:none}.location-stats{display:flex;flex-direction:column;gap:12px;margin-top:20px;position:relative;z-index:1}.stat-badge{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#667eea40;border:1px solid rgba(102,126,234,.4);border-radius:12px;font-size:15px;font-weight:600;color:#fff;transition:all .3s ease}.stat-badge:hover{background:#667eea59;border-color:#667eea99;transform:translate(5px)}.stat-badge svg{color:#a8b6ff;flex-shrink:0}.google-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:#222;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;box-shadow:0 2px 8px #4285f414;cursor:pointer;transition:background .2s,box-shadow .2s}.google-btn:hover{background:#f1f3f4;box-shadow:0 4px 16px #4285f41f}.google-icon{width:24px;height:24px;margin-left:.5rem}.join-tamayno-box{margin:1.5rem 0 1rem;text-align:center}.join-title{display:block;font-size:1.1rem;font-weight:700;color:#2563eb;margin-bottom:.5rem}.auth-page{min-height:100vh;min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:#f8fafc;display:flex;align-items:flex-start;justify-content:center;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.auth-container{width:100%;max-width:500px}.auth-card{background:#fff;border-radius:1.5rem;padding:3rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid rgba(229,231,235,.8)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:#6b7280;font-size:1rem}.demo-buttons{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:1rem;border:1px solid #e2e8f0}.demo-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;text-align:center}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.demo-btn{padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.demo-btn.customer{background:#dbeafe;color:#1e40af}.demo-btn.customer:hover{background:#bfdbfe;transform:translateY(-1px)}.demo-btn.provider{background:#d1fae5;color:#065f46}.demo-btn.provider:hover{background:#a7f3d0;transform:translateY(-1px)}.demo-btn.admin{background:#fef3c7;color:#92400e}.demo-btn.admin:hover{background:#fde68a;transform:translateY(-1px)}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.error-message,.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;font-size:.875rem;font-weight:500}.error-message{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.form-label{font-weight:600;color:#374151;font-size:.875rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.form-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input.verification-code{font-size:1.5rem;letter-spacing:.5rem;text-align:center;padding:1rem}.form-select{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s ease}.form-select:focus{outline:none;border-color:#2563eb}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;transition:color .3s ease}.password-toggle:hover{color:#6b7280}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:1rem;height:1rem;accent-color:#2563eb}.checkbox-text{font-size:.875rem;color:#374151}.terms-link{color:#2563eb;text-decoration:none;font-weight:600}.terms-link:hover{text-decoration:underline}.forgot-link{color:#2563eb;text-decoration:none;font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer}.forgot-link:hover{text-decoration:underline}.forgot-link:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.auth-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-btn.loading{position:relative}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.auth-footer p{color:#6b7280;font-size:.875rem}.auth-link{color:#2563eb;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb;color:#6b7280;font-size:1.25rem;font-weight:600}@media(max-width:768px){.auth-card{padding:2rem;margin:1rem}.auth-title{font-size:1.75rem}.form-row{grid-template-columns:1fr}.form-options{flex-direction:column;align-items:flex-start}.demo-grid{grid-template-columns:1fr}}@media(max-width:480px){.auth-page{padding:1rem .5rem}.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.form-input{padding:.875rem .875rem .875rem 2.5rem}.input-icon{left:.75rem}.password-toggle{right:.75rem}.demo-buttons{padding:1rem}}.form-hint{font-size:.875rem;color:#6b7280;margin-top:.25rem;margin-bottom:1rem;line-height:1.4}.google-btn{display:flex;align-items:center;gap:.5rem;background:#fff;color:#222;border:1px solid #e0e0e0;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:box-shadow .2s,border .2s}.google-btn:hover{box-shadow:0 4px 16px #4285f41a;border:1.5px solid #4285f4}.google-icon{width:22px;height:22px}.google-phone-form{background:#fff;border-radius:10px;box-shadow:0 2px 16px #00000012;padding:2rem 1.5rem;max-width:350px;margin:2rem auto;display:flex;flex-direction:column;gap:1.2rem}.google-phone-form label{font-size:1.1rem;color:#333;margin-bottom:.5rem}.google-phone-form input[type=tel]{padding:.7rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;outline:none;transition:border .2s}.google-phone-form input[type=tel]:focus{border:1.5px solid #4285f4}.error-message{color:#d32f2f;background:#fff0f0;border:1px solid #ffcdd2;border-radius:6px;padding:.5rem 1rem;margin-bottom:.5rem;font-size:.97rem;display:flex;align-items:center;gap:.5rem}.landing{display:flex;flex-direction:column;gap:3rem;padding:2.5rem 1.5rem 3.5rem;max-width:1200px;margin:0 auto;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 45%),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 40%),linear-gradient(180deg,#f8fafcf2,#f1f5f9f2);border-radius:28px;box-shadow:0 24px 60px #0f172a1f}@media(max-width:768px){.landing{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}}.landing-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:center}.landing-hero__content{display:flex;flex-direction:column;gap:1rem}.landing-hero__badge{align-self:flex-start;padding:.35rem .75rem;border-radius:999px;background:#2563eb1a;color:#2563eb;font-weight:600;font-size:.85rem}.landing-hero__title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#0f172a;margin:0}.landing-hero__subtitle{color:#475569;font-size:1rem;line-height:1.7;margin:0}.landing-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.landing-btn{border:none;border-radius:999px;padding:.85rem 1.5rem;font-weight:600;display:inline-flex;gap:.5rem;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.landing-btn.primary{background:#2563eb;color:#fff;box-shadow:0 12px 22px #2563eb33}.landing-btn.secondary{background:#0f172a;color:#fff}.landing-btn.ghost{background:#0f172a14;color:#0f172a}.landing-btn.link{background:transparent;color:#2563eb;padding:.5rem .75rem}.landing-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a1f}.landing-hero__card{background:#0f172aeb;color:#e2e8f0;border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 40px #0f172a47;backdrop-filter:blur(8px)}.landing-hero__card-header{display:flex;align-items:center;gap:.5rem;font-weight:600}.landing-hero__card-list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem;font-size:.95rem}.landing-hero__card-list li{display:flex;gap:.5rem;align-items:center}.landing-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.landing-section{background:#ffffffe6;border-radius:1.25rem;padding:1.5rem;box-shadow:0 12px 24px #0f172a14;display:flex;flex-direction:column;gap:.9rem;backdrop-filter:blur(6px)}.landing-section__icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#0f172a14;color:#0f172a}.landing-section__icon.customer{background:#2563eb1f;color:#2563eb}.landing-section__icon.provider{background:#10b9811f;color:#10b981}.landing-section h2{margin:0;font-size:1.4rem;font-weight:700;color:#0f172a}.landing-section p{margin:0;color:#475569;line-height:1.6}.landing-section ul{margin:0;padding-inline-start:1.2rem;color:#334155;display:grid;gap:.5rem}@media(max-width:768px){.landing{padding:2rem 1rem 3rem}.landing-hero__actions{flex-direction:column;align-items:stretch}.landing-btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}body.smart-chat-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100vh!important;height:100dvh!important}body.smart-chat-open .bottom-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}.smart-chat-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.chat-info{display:flex;align-items:center;gap:12px}.provider-avatar{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.provider-details h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.provider-details p{font-size:14px;color:#64748b;margin:0}.chat-controls{display:flex;align-items:center;gap:12px}.security-indicator{display:flex;align-items:center;gap:6px;background:#10b981;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.close-chat{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-chat:hover{background:#f1f5f9;color:#475569}.security-warning{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fef3c7;border-bottom:1px solid #f59e0b;color:#92400e;font-size:14px;font-weight:500}.blocked-status{display:flex;align-items:center;gap:4px;background:#fee2e2;color:#991b1b;padding:4px 8px;border-radius:12px;font-size:12px;margin-left:auto}.common-questions{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.common-questions h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.questions-grid{display:flex;flex-wrap:wrap;gap:8px}.question-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 12px;font-size:12px;color:#475569;cursor:pointer;transition:all .2s ease}.question-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:400px}.message{display:flex;gap:12px;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.message.user .message-avatar{background:#3b82f6}.message.bot .message-avatar{background:#10b981}.message-content{flex:1;max-width:70%}.message.user .message-content{text-align:right}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message.user .message-header{justify-content:flex-end}.sender-name{font-weight:600;color:#1e293b;font-size:12px}.auto-reply-badge{display:flex;align-items:center;gap:4px;background:#10b981;color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:500}.message-time{color:#64748b;font-size:11px;margin-left:auto}.message.user .message-time{margin-left:0;margin-right:auto}.message-text{background:#f1f5f9;padding:12px 16px;border-radius:16px;color:#1e293b;line-height:1.4;font-size:14px;position:relative}.message.user .message-text{background:#3b82f6;color:#fff}.message.bot .message-text{background:#f0fdf4;border:1px solid #bbf7d0}.violation-notice{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:12px;color:#991b1b}.original-text{margin-top:8px}.original-text summary{cursor:pointer;font-weight:500;color:#dc2626;font-size:11px}.original-text p{margin:4px 0 0;padding:8px;background:#fee2e2;border-radius:6px;font-size:12px;color:#7f1d1d}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#f0fdf4;border-radius:16px;align-items:center}.typing-indicator span{width:8px;height:8px;background:#10b981;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.chat-input{padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.blocked-input{display:flex;align-items:center;gap:12px;padding:16px;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-weight:500;text-align:center}.input-wrapper{display:flex;gap:12px;align-items:flex-end}.message-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;resize:none;font-size:14px;line-height:1.4;max-height:100px;transition:border-color .3s ease}.message-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.send-btn{background:#3b82f6;color:#fff;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.security-notice{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.char-count{font-size:12px;color:#64748b}@media(max-width:768px){.smart-chat-modal{max-width:95vw;max-height:90vh;margin:20px}.chat-header{padding:16px 20px}.provider-details h3{font-size:14px}.provider-details p{font-size:12px}.security-indicator{display:none}.common-questions{padding:12px 20px}.questions-grid{flex-direction:column}.question-btn{text-align:center;padding:8px 12px}.chat-messages{padding:16px;max-height:300px}.message-content{max-width:85%}.chat-input{padding:16px 20px}.input-wrapper{flex-direction:column;gap:8px}.send-btn{width:100%;justify-content:center}.input-footer{flex-direction:column;gap:4px;align-items:flex-start}}@media(max-width:480px){.smart-chat-modal{margin:10px;max-height:95vh}.chat-header{padding:12px 16px}.provider-avatar{width:32px;height:32px}.common-questions{padding:8px 16px}.chat-messages{padding:12px;max-height:250px}.message-text{padding:10px 12px;font-size:13px}.chat-input{padding:12px 16px}.message-input{padding:10px 12px;font-size:13px}}@media(max-width:768px){.modal-overlay:has(.smart-chat-modal){padding:0!important;align-items:stretch!important;justify-content:stretch!important}.smart-chat-modal{max-width:100vw!important;width:100vw!important;max-height:100vh!important;max-height:100dvh!important;height:100vh!important;height:100dvh!important;border-radius:0!important;margin:0!important}.chat-messages{flex:1!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.chat-input{flex-shrink:0!important;position:sticky!important;bottom:0!important;background:#fff!important;z-index:100!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}.common-questions{flex-shrink:0!important}.questions-grid{flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding-bottom:8px!important}.question-btn{flex-shrink:0!important;white-space:nowrap!important}}.order-message-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.order-message-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.header-info{display:flex;align-items:center;gap:.75rem}.header-info h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.header-info p{margin:0;font-size:.875rem;color:#6b7280}.close-btn{background:none;border:none;padding:.5rem;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.recipient-info .recipient-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.recipient-card h4{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#64748b}.recipient-card p{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.order-context h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#374151}.order-summary{background:#f9fafb;padding:1rem;border-radius:6px;border:1px solid #e5e7eb}.order-summary p{margin:0 0 .5rem;font-size:.875rem;color:#4b5563}.order-summary p:last-child{margin-bottom:0}.order-summary strong{color:#1f2937}.order-summary.invoice-style{background:linear-gradient(to bottom,#f8f9fa,#fff);border:1px dashed #8b5cf6}.order-summary.invoice-style .invoice-header{margin-bottom:.5rem}.invoice-items{margin-top:.5rem}.invoice-items h5{margin:.5rem 0;font-size:.85rem;color:#6b7280}.invoice-divider{border-top:1px dashed #d1d5db;margin:.5rem 0}.invoice-items-list{display:flex;flex-direction:column;gap:.4rem}.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.85rem}.invoice-item .item-info{flex:1;color:#374151}.invoice-item .item-total{font-weight:600;color:#8b5cf6}.invoice-total{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:1rem}.invoice-total .total-amount{color:#8b5cf6;font-weight:700;font-size:1.1rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:.875rem}.message-compose{display:flex;flex-direction:column;gap:.5rem}.message-compose label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.message-compose textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.message-compose textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-compose textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.message-info{text-align:right}.message-info small{color:#6b7280;font-size:.75rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.cancel-btn{padding:.5rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background:#2563eb}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.order-message-modal-overlay{padding:.5rem}.order-message-modal{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column}.modal-footer button{width:100%;justify-content:center}}.delivery-order-details-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.delivery-order-details-container{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.dod-header{padding:24px;border-bottom:3px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff)}.dod-header-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.dod-order-type{display:flex;align-items:center;gap:12px}.dod-type-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #0000001a}.dod-order-type h2{margin:0;font-size:20px;font-weight:700;color:#1f2937}.dod-order-number{margin:4px 0 0;font-size:13px;color:#6b7280;font-weight:500}.dod-close-btn{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.dod-close-btn:hover{background:#e5e7eb;color:#1f2937;transform:scale(1.1)}.dod-status-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px}.dod-content{flex:1;overflow-y:auto;padding:24px}.dod-section{margin-bottom:24px}.dod-section-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;color:#1f2937}.dod-route{background:#f9fafb;border-radius:16px;padding:20px;margin-bottom:16px}.dod-location{display:flex;gap:12px}.dod-location+.dod-location{margin-top:16px}.dod-location-marker{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dod-location-marker.pickup{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.dod-location-marker.dropoff{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.marker-dot{width:12px;height:12px;background:#fff;border-radius:50%}.dod-route-line{width:2px;height:20px;background:linear-gradient(to bottom,#3b82f6,#10b981);margin:-8px 0 -8px 19px;border-radius:2px}.dod-location-details{flex:1}.dod-location-label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.dod-location-address{margin:0;font-size:14px;font-weight:600;color:#1f2937;line-height:1.5}.dod-trip-info{display:flex;gap:16px;flex-wrap:wrap}.dod-info-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border-radius:8px;font-size:13px;font-weight:600;color:#4b5563}.dod-info-item svg{color:#3b82f6}.dod-driver-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:16px;border:2px solid #e5e7eb}.dod-driver-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dod-driver-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dod-driver-info{flex:1}.dod-driver-info h4{margin:0 0 6px;font-size:16px;font-weight:700;color:#1f2937}.dod-driver-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#6b7280}.dod-driver-rating{display:flex;align-items:center;gap:4px;font-weight:600;color:#1f2937}.dod-driver-trips{color:#6b7280}.dod-contact-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.dod-contact-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #10b98166}.dod-payment-details{background:#f9fafb;border-radius:16px;padding:20px}.dod-payment-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb;font-size:14px}.dod-payment-row:last-of-type{border-bottom:none}.dod-payment-row.total{font-size:16px;font-weight:700;padding-top:16px;margin-top:8px;border-top:2px solid #d1d5db;border-bottom:none}.dod-payment-value{font-weight:700;color:#1f2937}.dod-payment-value.secondary{color:#6b7280;font-size:13px}.dod-payment-method{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280}.dod-payment-status{padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px}.dod-payment-status.paid{background:#d1fae5;color:#065f46}.dod-payment-status.pending{background:#fef3c7;color:#92400e}.dod-timeline{position:relative;padding-right:24px}.dod-timeline:before{content:"";position:absolute;right:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,#3b82f6,#10b981);border-radius:2px}.dod-timeline-item{position:relative;padding-bottom:24px}.dod-timeline-item:last-child{padding-bottom:0}.dod-timeline-marker{position:absolute;right:0;width:16px;height:16px;background:#fff;border:3px solid #3b82f6;border-radius:50%;z-index:1}.dod-timeline-content{padding-left:12px}.dod-timeline-status{margin:0 0 4px;font-weight:700;color:#1f2937;font-size:14px}.dod-timeline-time{margin:0 0 4px;font-size:12px;color:#6b7280}.dod-timeline-note{margin:0;font-size:13px;color:#4b5563;font-style:italic}.dod-notes{padding:16px;background:#fef3c7;border-radius:12px;border-right:4px solid #fbbf24;margin:0;font-size:14px;line-height:1.6;color:#78350f}.dod-existing-rating{text-align:center;padding:20px;background:#f9fafb;border-radius:16px}.dod-rating-stars{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.dod-review-text{margin:0;font-size:14px;color:#4b5563;line-height:1.6;font-style:italic}.dod-rate-btn{width:100%;padding:14px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #fbbf244d}.dod-rate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2466}.dod-actions{padding:20px 24px;border-top:2px solid #e5e7eb;background:#f9fafb;display:flex;gap:12px}.dod-action-btn{flex:1;padding:14px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;border:none}.dod-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.dod-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.dod-rating-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.dod-rating-modal{background:#fff;border-radius:20px;padding:32px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease}.dod-rating-modal h3{margin:0 0 24px;font-size:22px;font-weight:700;color:#1f2937;text-align:center}.dod-rating-input{margin-bottom:24px}.dod-rating-input p{margin:0 0 16px;font-size:15px;color:#4b5563;text-align:center}.dod-rating-stars-input{display:flex;justify-content:center;gap:12px}.dod-star-btn{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s}.dod-star-btn:hover{transform:scale(1.2)}.dod-review-input{margin-bottom:24px}.dod-review-input label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.dod-review-input textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.dod-review-input textarea:focus{outline:none;border-color:#3b82f6}.dod-rating-actions{display:flex;gap:12px}.dod-cancel-btn,.dod-submit-btn{flex:1;padding:14px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;border:none}.dod-cancel-btn{background:#f3f4f6;color:#4b5563}.dod-cancel-btn:hover{background:#e5e7eb}.dod-submit-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 12px #fbbf244d}.dod-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2466}@media(max-width:768px){.delivery-order-details-container{max-height:95vh;border-radius:20px 20px 0 0}.dod-header,.dod-content{padding:20px}.dod-actions{padding:16px 20px}.dod-type-icon{width:48px;height:48px;font-size:24px}.dod-order-type h2{font-size:18px}.dod-rating-modal{padding:24px}}.review-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.review-modal{background:#fff;padding:20px;width:90%;max-width:600px;border-radius:8px;box-shadow:0 8px 24px #0003}.review-modal{max-height:95vh;overflow-y:auto}.review-modal button,.review-modal .btn,.review-modal .submit-btn{min-width:44px;min-height:44px}.review-modal button:focus,.review-modal .btn:focus,.review-modal .submit-btn:focus{outline:none;box-shadow:0 0 0 3px #2563eb1f}.review-modal h3{margin-top:0}.review-modal .error{color:#b91c1c;margin-bottom:8px}.review-modal label{display:block;margin-bottom:6px;font-weight:600}.review-modal textarea{width:100%;min-height:100px;padding:8px;border:1px solid #e5e7eb;border-radius:6px}.review-modal select{padding:8px;border-radius:6px;border:1px solid #e5e7eb}.review-modal button{padding:8px 12px;border-radius:6px;border:none;cursor:pointer}.review-modal button[disabled]{opacity:.6;cursor:not-allowed}:root{--sidebar-width: 280px;--main-header-height: 70px;--main-bottom-nav-height: 80px;--primary-color: #10b981;--primary-dark: #059669;--secondary-color: #3b82f6;--bg-light: #f8fafc;--bg-white: #ffffff;--text-dark: #1f2937;--text-gray: #6b7280;--border-color: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}.customer-dashboard-new{min-height:100vh;background:var(--bg-light);direction:rtl;font-family:Tajawal,Cairo,Arial,sans-serif}.cd-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-white);border-radius:var(--radius-lg);margin-bottom:16px;box-shadow:var(--shadow-sm)}.cd-toolbar-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.cd-toolbar-btn.menu-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.cd-toolbar-btn.menu-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.cd-toolbar-btn.refresh-btn{background:var(--bg-light);color:var(--text-dark)}.cd-toolbar-btn.refresh-btn:hover{background:var(--border-color)}.cd-toolbar-btn.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cd-toolbar-btn.refresh-btn .refresh-text{font-size:12px;margin-right:4px;color:var(--primary-color)}.cd-toolbar-search{flex:1;position:relative;max-width:400px}.cd-toolbar-search .cd-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-gray);pointer-events:none}.cd-toolbar-input{width:100%;height:40px;background:var(--bg-light);border:2px solid transparent;border-radius:20px;padding:0 40px 0 16px;font-size:14px;color:var(--text-dark);transition:all .3s;direction:rtl}.cd-toolbar-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-white)}.cd-toolbar-input::-moz-placeholder{color:var(--text-gray)}.cd-toolbar-input::placeholder{color:var(--text-gray)}.animate-spin{animation:spin .8s linear infinite}.cd-header{display:none}.cd-header-right{display:flex;align-items:center;gap:12px}.cd-menu-btn{background:transparent;border:none;width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dark);transition:all .3s}.cd-menu-btn:hover{background:var(--bg-light)}.cd-search-bar{flex:1;max-width:500px;margin:0 16px}.cd-search-input{width:100%;height:44px;background:var(--bg-light);border:2px solid transparent;border-radius:22px;padding:0 16px 0 44px;font-size:14px;color:var(--text-dark);transition:all .3s;direction:rtl}.cd-search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-white);box-shadow:0 0 0 3px #10b9811a}.cd-search-input::-moz-placeholder{color:var(--text-gray)}.cd-search-input::placeholder{color:var(--text-gray)}.cd-search-wrapper{position:relative}.cd-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-gray);pointer-events:none}.cd-header-left{display:flex;align-items:center;gap:8px}.cd-header-btn{background:transparent;border:none;width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-gray);transition:all .3s;position:relative}.cd-header-btn:hover{background:var(--bg-light);color:var(--text-dark)}.cd-header-btn.active{background:#10b9811a;color:var(--primary-color)}.cd-notification-badge{position:absolute;top:6px;right:6px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.cd-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s}.cd-user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.cd-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:199;opacity:0;visibility:hidden;transition:all .3s}.cd-sidebar-overlay.open{opacity:1;visibility:visible}.cd-sidebar{position:fixed;top:var(--main-header-height);right:-100%;width:var(--sidebar-width);height:calc(100vh - var(--main-header-height) - var(--main-bottom-nav-height));max-height:calc(100vh - var(--main-header-height));background:var(--bg-white);z-index:200;transition:right .3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a;overflow-y:auto}.cd-sidebar.open{right:0}.cd-sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.cd-sidebar-logo{display:flex;align-items:center;gap:12px}.cd-sidebar-logo img{height:36px}.cd-sidebar-logo h2{font-size:20px;font-weight:700;color:var(--primary-color);margin:0}.cd-sidebar-close{background:var(--bg-light);border:none;width:40px;height:40px;min-width:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dark);transition:all .3s;z-index:10;pointer-events:auto}.cd-sidebar-close:hover{background:#fee2e2;color:#ef4444}.cd-sidebar-close:active{transform:scale(.95)}.cd-sidebar-content{flex:1;overflow-y:auto;padding:16px}.cd-sidebar-section{margin-bottom:24px}.cd-sidebar-section-title{font-size:12px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:0 12px}.cd-service-list{display:flex;flex-direction:column;gap:4px}.cd-service-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s;width:100%;text-align:right}.cd-service-item:hover{background:var(--bg-light)}.cd-service-item.active{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-right:3px solid var(--primary-color)}.cd-service-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.cd-service-info{flex:1}.cd-service-name{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:2px}.cd-service-desc{font-size:12px;color:var(--text-gray)}.cd-service-item.active .cd-service-name{color:var(--primary-color)}.cd-service-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.cd-sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.cd-sidebar-extra-list{display:flex;flex-direction:column;gap:4px}.cd-sidebar-extra-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s;width:100%;text-align:right;font-size:14px;color:var(--text-gray)}.cd-sidebar-extra-item:hover{background:var(--bg-light);color:var(--text-dark)}.cd-main{padding-top:16px;padding-bottom:16px;min-height:calc(100vh - var(--main-header-height) - var(--main-bottom-nav-height))}.cd-content{padding:16px;max-width:1200px;margin:0 auto}.cd-service-header{background:var(--bg-white);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.cd-service-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cd-service-title-section{display:flex;align-items:center;gap:16px}.cd-service-title-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px}.cd-service-title{font-size:24px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.cd-service-subtitle{font-size:14px;color:var(--text-gray);margin:0}.cd-service-stats{display:flex;gap:16px}.cd-stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:var(--bg-light);border-radius:var(--radius-md);min-width:60px}.cd-stat-value{font-size:20px;font-weight:700;color:var(--primary-color)}.cd-stat-label{font-size:11px;color:var(--text-gray);margin-top:2px}.cd-quick-categories{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.cd-quick-categories::-webkit-scrollbar{display:none}.cd-category-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-light);border:2px solid transparent;border-radius:20px;font-size:13px;font-weight:600;color:var(--text-gray);cursor:pointer;transition:all .3s;white-space:nowrap}.cd-category-chip:hover{background:#10b9811a;color:var(--primary-color)}.cd-category-chip.active{background:#10b9811a;border-color:var(--primary-color);color:var(--primary-color)}.cd-section{margin-bottom:24px}.cd-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cd-section-title{font-size:18px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:8px}.cd-section-count{background:var(--primary-color);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.cd-see-all-btn{background:transparent;border:none;color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.cd-see-all-btn:hover{text-decoration:underline}.cd-order-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);border:2px solid transparent;transition:all .3s}.cd-order-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.cd-order-card.active{border-color:var(--primary-color);background:linear-gradient(135deg,#10b98105,#10b9810d)}.cd-order-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.cd-order-image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-light)}.cd-order-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cd-order-info{flex:1}.cd-order-title{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 4px;display:flex;align-items:center;gap:8px}.cd-order-provider{font-size:13px;color:var(--text-gray);margin:0 0 8px}.cd-order-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.cd-order-status.pending{background:#fef3c7;color:#92400e}.cd-order-status.in-progress{background:#dbeafe;color:#1e40af}.cd-order-status.delivering,.cd-order-status.completed{background:#d1fae5;color:#065f46}.cd-order-status.cancelled{background:#fee2e2;color:#991b1b}.cd-order-details{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:12px}.cd-order-detail{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-gray)}.cd-order-detail svg{color:var(--primary-color)}.cd-order-actions{display:flex;gap:8px}.cd-order-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.cd-order-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.cd-order-btn.secondary{background:var(--bg-light);color:var(--text-dark)}.cd-order-btn.outline{background:transparent;border:2px solid var(--border-color);color:var(--text-gray)}.cd-order-btn:hover{transform:translateY(-1px)}.cd-history-list{background:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.cd-history-item{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .3s}.cd-history-item:last-child{border-bottom:none}.cd-history-item:hover{background:var(--bg-light)}.cd-history-image{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-light)}.cd-history-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cd-history-info{flex:1}.cd-history-title{font-size:15px;font-weight:600;color:var(--text-dark);margin:0 0 4px}.cd-history-meta{font-size:12px;color:var(--text-gray);display:flex;align-items:center;gap:8px}.cd-history-price{font-size:15px;font-weight:700;color:var(--primary-color)}.cd-history-actions{display:flex;gap:8px}.cd-history-btn{padding:8px 12px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s}.cd-history-btn.reorder{background:var(--primary-color);color:#fff}.cd-history-btn.rate{background:#fef3c7;color:#92400e}.cd-empty-state{text-align:center;padding:48px 24px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.cd-empty-icon{width:80px;height:80px;background:var(--bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:36px}.cd-empty-title{font-size:18px;font-weight:700;color:var(--text-dark);margin:0 0 8px}.cd-empty-desc{font-size:14px;color:var(--text-gray);margin:0 0 20px}.cd-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cd-empty-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.cd-bottom-nav{display:none!important}.cd-bottom-nav-items{display:flex;justify-content:space-around;height:100%}.cd-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;background:transparent;border:none;color:var(--text-gray);font-size:11px;font-weight:500;cursor:pointer;transition:all .3s;position:relative}.cd-bottom-nav-item.active{color:var(--primary-color)}.cd-bottom-nav-item .nav-icon{font-size:20px}.cd-bottom-nav-item.center{position:relative;top:-20px}.cd-bottom-nav-item.center .nav-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #10b98166}.cd-user-dropdown{position:absolute;top:calc(100% + 8px);left:16px;width:280px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s}.cd-user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.cd-user-dropdown-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:14px}.cd-user-dropdown-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.cd-user-dropdown-info h4{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.cd-user-dropdown-info p{font-size:13px;color:var(--text-gray);margin:0}.cd-user-dropdown-items{padding:8px}.cd-user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:none;background:transparent;border-radius:var(--radius-md);width:100%;text-align:right;font-size:14px;color:var(--text-dark);cursor:pointer;transition:all .3s}.cd-user-dropdown-item:hover{background:var(--bg-light)}.cd-user-dropdown-item.logout{color:#ef4444}.cd-user-dropdown-item svg{color:var(--text-gray)}.cd-user-dropdown-item.logout svg{color:#ef4444}@media(max-width:768px){:root{--main-header-height: 60px;--main-bottom-nav-height: 70px}.cd-header{display:none}.cd-search-bar{margin:0 8px}.cd-search-input{height:40px;font-size:13px;padding:0 12px 0 36px}.cd-menu-btn,.cd-header-btn{width:40px;height:40px}.cd-user-avatar{width:36px;height:36px}.cd-main{padding-bottom:80px}.cd-content{padding:12px}.cd-service-header{padding:16px;border-radius:var(--radius-md)}.cd-service-header-top{flex-direction:column;align-items:flex-start;gap:12px}.cd-service-actions{width:100%}.cd-action-btn{flex:1;justify-content:center;padding:12px}.cd-service-title-icon{width:48px;height:48px;font-size:24px}.cd-service-title{font-size:20px}.cd-order-card{padding:14px}.cd-order-header{gap:12px}.cd-order-image{width:70px;height:70px}.cd-order-title{font-size:15px}.cd-order-details{gap:12px}.cd-order-actions{flex-wrap:wrap}.cd-order-btn{padding:10px 12px;font-size:12px}.cd-bottom-nav{display:none!important}.cd-sidebar{width:85%;max-width:320px;right:-100%}.cd-user-dropdown{position:fixed;inset:auto 0 0;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%)}.cd-user-dropdown.open{transform:translateY(0)}.cd-quick-categories{margin:0 -16px;padding:0 16px 4px}.cd-history-item{padding:12px}.cd-history-image{width:50px;height:50px}.cd-history-actions{flex-direction:column;gap:6px}.cd-history-btn{width:100%;text-align:center}}.service-restaurants{--service-color: #f59e0b}.service-stores{--service-color: #3b82f6}.service-cars{--service-color: #8b5cf6}.service-stays{--service-color: #ec4899}.service-realestate{--service-color: #10b981}.service-maintenance{--service-color: #ef4444}.service-delivery{--service-color: #06b6d4}.service-restaurants .cd-service-title-icon{background:#f59e0b1a;color:#f59e0b}.service-stores .cd-service-title-icon{background:#3b82f61a;color:#3b82f6}.service-cars .cd-service-title-icon{background:#8b5cf61a;color:#8b5cf6}.service-stays .cd-service-title-icon{background:#ec48991a;color:#ec4899}.service-realestate .cd-service-title-icon{background:#10b9811a;color:#10b981}.service-maintenance .cd-service-title-icon{background:#ef44441a;color:#ef4444}.service-delivery .cd-service-title-icon{background:#06b6d41a;color:#06b6d4}.cd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.cd-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.cd-loading-text{margin-top:16px;font-size:14px;color:var(--text-gray)}.accommodation-overview{padding:1rem}.overview-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.overview-title-section{flex:1}.type-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:2rem;border:1px solid;margin-bottom:.75rem;font-size:.875rem;font-weight:500}.type-icon{font-size:1.125rem}.accommodation-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.accommodation-location{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.overview-status{display:flex;align-items:center;gap:.75rem}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500}.status-pill.active{background:#dcfce7;color:#166534}.status-pill.inactive{background:#fee2e2;color:#991b1b}.toggle-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.toggle-btn.deactivate{background:#fef3c7;color:#92400e}.toggle-btn.deactivate:hover{background:#fde68a}.toggle-btn.activate{background:#d1fae5;color:#065f46}.toggle-btn.activate:hover{background:#a7f3d0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #f3f4f6;display:flex;align-items:center;gap:.75rem}.stat-card.primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none}.stat-card.primary .stat-info{color:#fff}.stat-card.primary .stat-icon-wrap{background:#fff3!important}.stat-card.primary .stat-icon-wrap svg{color:#fff!important}.stat-icon-wrap{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1.2}.stat-card.primary .stat-value{color:#fff}.stat-label{display:block;font-size:.75rem;color:#6b7280;margin-top:.125rem}.stat-card.primary .stat-label{color:#fffc}.rating-display{display:flex;align-items:center;gap:.5rem}.stars{display:flex;gap:.125rem}.overview-content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.overview-content{grid-template-columns:2fr 1fr}}.main-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px #00000014}.card-image-container{position:relative;height:280px;overflow:hidden}.main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.favorite-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}[dir=rtl] .favorite-btn{right:auto;left:1rem}.favorite-btn:hover{background:#fce7f3;transform:scale(1.1)}.favorite-btn svg{color:#ec4899}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.price-tag{display:inline-flex;align-items:baseline;gap:.25rem;font-size:1.5rem;font-weight:700;color:#fff}.price-tag small{font-size:.875rem;font-weight:400;opacity:.8}.card-details{padding:1.25rem}.card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.card-description{color:#6b7280;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.quick-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.info-item{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.info-item svg{color:#9ca3af}.amenities-preview h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem}.amenities-tags{display:flex;flex-wrap:wrap;gap:.5rem}.amenity-tag{padding:.25rem .75rem;background:#f3f4f6;border-radius:1rem;font-size:.75rem;color:#4b5563}.amenity-more{padding:.25rem .75rem;background:#8b5cf6;color:#fff;border-radius:1rem;font-size:.75rem;font-weight:500}.side-card{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 2px 8px #00000014;height:-moz-fit-content;height:fit-content}.side-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.side-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.side-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px dashed #f3f4f6}.side-stat-item:last-child{border-bottom:none}.side-stat-label{color:#6b7280;font-size:.875rem}.side-stat-value{font-weight:600;color:#1f2937;font-size:.875rem}.side-stat-value.text-green{color:#059669}.side-stat-value.text-red{color:#dc2626}.view-calendar-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.view-calendar-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media(max-width:640px){.overview-header{flex-direction:column;align-items:stretch}.overview-status{flex-wrap:wrap;justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center;padding:.75rem}.stat-icon-wrap{width:40px;height:40px}.stat-value{font-size:1.125rem}.card-image-container{height:200px}.quick-info{flex-direction:column;gap:.5rem}}[dir=rtl] .accommodation-overview{text-align:right}[dir=rtl] .side-stat-item{flex-direction:row-reverse}.accommodation-calendar-view{padding:1rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-title-section{display:flex;align-items:center;gap:.75rem}.calendar-title-section svg{color:#8b5cf6}.calendar-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.rooms-count{font-size:.875rem;color:#6b7280;font-weight:500}.add-period-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.add-period-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.room-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:.75rem}.room-selector label{font-size:.875rem;font-weight:600;color:#6b7280}.room-selector select{flex:1;padding:.625rem 1rem;border:2px solid #E9D5FF;border-radius:.5rem;font-size:.875rem;background:#fff;color:#1f2937;cursor:pointer;transition:border-color .2s}.room-selector select:focus{outline:none;border-color:#8b5cf6}.calendar-info-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#eff6ff;border-radius:.5rem;margin-bottom:1rem;color:#3b82f6;font-size:.875rem}.calendar-container{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.month-selector{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.month-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;color:#6b7280}.month-nav-btn:hover{background:#8b5cf6;color:#fff}.current-month{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1.5rem}.day-name{text-align:center;font-size:.875rem;font-weight:600;color:#6b7280;padding:.75rem 0}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative;min-height:80px;padding:.5rem}.calendar-day.empty{cursor:default;background:transparent}.calendar-day.available{background:#f3f4f6;border:2px solid #e5e7eb}.calendar-day.available:hover{border-color:#8b5cf6;transform:scale(1.05)}.calendar-day.booked{background:#fee2e2;border:2px solid #FCA5A5}.calendar-day.partial{background:#fef3c7;border:2px solid #FCD34D}.calendar-day.partial:hover{border-color:#f59e0b}.calendar-day.closed{background:#e9d5ff;border:2px solid #C084FC}.calendar-day.special-price{background:#fed7aa;border:2px solid #FB923C}.calendar-day.selected{box-shadow:0 0 0 3px #8b5cf680}.day-number{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.day-status-icon{position:absolute;bottom:.25rem;right:.25rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffc}.calendar-day.booked .day-status-icon{color:#dc2626}.calendar-day.closed .day-status-icon{color:#7c3aed}.calendar-day.partial .day-status-icon{color:#f59e0b}.rooms-indicator{margin-top:.25rem}.rooms-badge{font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:.25rem}.rooms-badge.available{background:#d1fae5;color:#059669}.rooms-badge.partial{background:#fef3c7;color:#d97706}.rooms-badge.booked{background:#fee2e2;color:#dc2626}.day-status{font-size:.75rem;font-weight:600;text-align:center;line-height:1.2}.calendar-day.booked .day-status{color:#dc2626}.calendar-day.closed .day-status{color:#7c3aed}.calendar-day.special-price .day-status{color:#ea580c}.price-badge{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;gap:.125rem;font-size:.625rem;font-weight:700;color:#ea580c;background:#ffffffe6;padding:.125rem .25rem;border-radius:.25rem}.calendar-legend{display:flex;justify-content:center;gap:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.legend-color.available{background:#f3f4f6;border-color:#e5e7eb}.legend-color.booked{background:#fee2e2;border-color:#fca5a5}.legend-color.closed{background:#e9d5ff;border-color:#c084fc}.legend-color.partial{background:#fef3c7;border-color:#fcd34d}.legend-color.special-price{background:#fed7aa;border-color:#fb923c}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.stat-card.available .stat-icon-wrap{background:#d1fae5;color:#059669}.stat-card.partial .stat-icon-wrap{background:#fef3c7;color:#d97706}.stat-card.booked .stat-icon-wrap{background:#fee2e2;color:#dc2626}.stat-card.closed .stat-icon-wrap{background:#e9d5ff;color:#7c3aed}.stat-icon-wrap{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.stat-icon{color:#8b5cf6}.stat-info{display:flex;flex-direction:column;gap:.125rem}.stat-number{font-size:1rem;font-weight:700;color:#1f2937}.stat-label{font-size:.75rem;color:#6b7280}@media(max-width:768px){.accommodation-calendar-view{padding:.5rem}.calendar-header{flex-direction:column;gap:1rem;align-items:flex-start}.add-period-btn{width:100%;justify-content:center}.calendar-container{padding:1rem}.calendar-grid{gap:.25rem}.calendar-day{min-height:60px;font-size:.75rem}.day-number{font-size:.875rem}.day-status{font-size:.625rem}.calendar-legend{gap:.75rem}.quick-stats{grid-template-columns:1fr}}@media(max-width:480px){.calendar-day{min-height:50px;padding:.25rem}.day-name{font-size:.75rem;padding:.5rem 0}.price-badge{display:none}.rooms-badge{font-size:.5rem;padding:.0625rem .25rem}}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #E9D5FF;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.day-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(4px)}.day-modal{background:#fff;border-radius:1rem;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003;animation:modalSlide .3s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.day-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.day-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.close-btn:hover{background:#ffffff4d}.day-modal-content{padding:1.5rem;overflow-y:auto}.day-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.summary-badge{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600}.summary-badge.available{background:#d1fae5;color:#059669}.summary-badge.partial{background:#fef3c7;color:#d97706}.summary-badge.booked{background:#fee2e2;color:#dc2626}.summary-badge.closed{background:#e9d5ff;color:#7c3aed}.rooms-summary{color:#6b7280;font-size:.875rem}.rooms-list{margin-bottom:1.5rem}.rooms-list h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#6b7280}.room-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s}.room-item.booked{background:#fef2f2;border:1px solid #FECACA}.room-item.closed{background:#faf5ff;border:1px solid #E9D5FF}.room-info{display:flex;align-items:center;gap:.5rem;flex:1}.room-info svg{color:#8b5cf6}.room-name{font-weight:600;color:#1f2937}.room-capacity{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;background:#fff;padding:.25rem .5rem;border-radius:9999px}.room-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.status-available{color:#059669}.status-booked{color:#dc2626}.status-closed{color:#7c3aed}.toggle-room-btn{padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;background:#e5e7eb;color:#4b5563}.toggle-room-btn:hover{background:#8b5cf6;color:#fff}.block-all-btn{width:100%;padding:.875rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.block-all-btn:hover{background:#7c3aed}[dir=rtl] .month-nav-btn svg{transform:scaleX(-1)}[dir=rtl] .room-selector{flex-direction:row-reverse}[dir=rtl] .day-status-icon{right:auto;left:.25rem}.accommodation-bookings{padding:1rem}.bookings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.bookings-title-section{display:flex;align-items:center;gap:.75rem}.bookings-title-icon{color:#8b5cf6}.bookings-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.booking-type-badge{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.booking-type-badge.room-type{background:linear-gradient(135deg,#ede9fe,#f3e8ff);color:#7c3aed}.booking-type-badge.unit-type{background:linear-gradient(135deg,#dcfce7,#d1fae5);color:#059669}.add-booking-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.add-booking-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.booking-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:1.5rem;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.filter-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:#8b5cf633;border-radius:10px;font-size:.75rem;font-weight:700}.filter-btn.active .filter-count{background:#ffffff4d;color:#fff}.filter-count.pending{background:#fb923c33;color:#ea580c}.filter-count.confirmed{background:#10b98133;color:#059669}.filter-count.cancelled{background:#ef444433;color:#dc2626}.bookings-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.booking-card{display:flex;flex-direction:column;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;transition:all .2s;overflow:hidden}.booking-card:hover{box-shadow:0 4px 16px #0000001f}.booking-card.expanded{box-shadow:0 8px 24px #8b5cf626;border:2px solid #E9D5FF}.booking-main-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto auto auto;gap:1rem;align-items:center;padding:1.25rem}.booking-guest{display:flex;align-items:center;gap:1rem}.guest-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border-radius:50%;font-size:1rem;font-weight:700;flex-shrink:0}.guest-name{font-size:1rem;font-weight:700;color:#1f2937;margin:0}.booking-dates{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6b7280}.booking-dates svg{color:#8b5cf6}.booking-nights{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6b7280}.booking-nights svg{color:#f59e0b}.booking-room-info{display:flex;flex-direction:column;gap:.375rem}.room-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#ede9fe,#f3e8ff);border-radius:.5rem;width:-moz-fit-content;width:fit-content}.room-badge svg{color:#7c3aed}.room-name{font-size:.875rem;font-weight:600;color:#5b21b6}.room-details{display:flex;align-items:center;gap:.5rem}.room-type-label{font-size:.75rem;color:#6b7280}.room-capacity{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem}.booking-unit-info{display:flex;flex-direction:column;gap:.375rem}.unit-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#dcfce7,#d1fae5);border-radius:.5rem;width:-moz-fit-content;width:fit-content}.unit-badge svg{color:#059669}.unit-badge span{font-size:.875rem;font-weight:600;color:#047857}.guests-info{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.booking-price-section{display:flex;flex-direction:column;align-items:center;gap:.25rem}.booking-price-section .price-value{font-size:1.25rem;font-weight:700;color:#059669}.booking-price-section .price-currency{font-size:.75rem;font-weight:600;color:#6b7280}.payment-method-mini{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f3f4f6;border-radius:50%;color:#6b7280}.guest-info{display:flex;flex-direction:column;gap:.25rem}.guest-name{font-size:1rem;font-weight:700;color:#1f2937}.booking-dates{font-size:.875rem;color:#6b7280;direction:rtl}.booking-nights{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280}.booking-actions-section{display:flex;flex-direction:column;gap:.5rem;align-items:center}.status-badge{padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.confirmed{background:#10b98126;color:#059669}.status-badge.pending{background:#fb923c26;color:#ea580c}.status-badge.cancelled{background:#ef444426;color:#dc2626}.status-badge.completed{background:#3b82f626;color:#2563eb}.action-buttons{display:flex;gap:.5rem}.accept-btn,.reject-btn{padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.accept-btn{background:#10b981;color:#fff}.accept-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.booking-controls{display:flex;gap:.5rem}.expand-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.expand-btn:hover{background:#8b5cf6;color:#fff}.delete-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0}.delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.booking-expanded-details{padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #E5E7EB}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.detail-section{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 1px 3px #0000000d}.detail-section h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.contact-items,.booking-items,.payment-items{display:flex;flex-direction:column;gap:.5rem}.contact-item,.booking-item,.payment-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.contact-item svg{color:#8b5cf6;flex-shrink:0}.item-label{color:#6b7280;font-weight:500}.item-value{color:#1f2937;font-weight:600}.item-value.price{color:#059669;font-size:1rem}.special-requests-text{margin:0;font-size:.875rem;color:#4b5563;line-height:1.5}.expanded-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.message-btn{background:#ede9fe;color:#7c3aed}.action-btn.message-btn:hover{background:#8b5cf6;color:#fff}.action-btn.view-btn{background:#e0f2fe;color:#0284c7}.action-btn.view-btn:hover{background:#0ea5e9;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:#9ca3af;text-align:center}.empty-state p{font-size:1rem;font-weight:500}.bookings-legend{display:flex;justify-content:center;gap:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#6b7280}.legend-color{width:20px;height:20px;border-radius:.25rem;border:2px solid transparent}.legend-color.available{background:#10b981}.legend-color.booked{background:#ef4444}.legend-color.closed{background:#c084fc}.legend-color.special-price{background:#fb923c}@media(max-width:1024px){.booking-main-row{grid-template-columns:1fr 1fr auto auto}.booking-room-info,.booking-unit-info{grid-column:span 2}}@media(max-width:768px){.accommodation-bookings{padding:.5rem}.bookings-header{flex-direction:column;gap:1rem;align-items:flex-start}.bookings-title-section{flex-wrap:wrap}.add-booking-btn{width:100%;justify-content:center}.booking-filters{gap:.5rem}.filter-btn{font-size:.75rem;padding:.5rem .75rem}.booking-main-row{grid-template-columns:1fr;gap:1rem}.booking-room-info,.booking-unit-info,.booking-price-section{flex-direction:row;justify-content:flex-start;gap:1rem}.booking-actions-section{flex-direction:row;justify-content:space-between;width:100%}.booking-controls{justify-content:flex-end}.details-grid{grid-template-columns:1fr}.bookings-legend{gap:.75rem}}@media(max-width:480px){.guest-avatar{width:40px;height:40px;font-size:.875rem}.guest-name{font-size:.875rem}.booking-dates,.booking-nights{font-size:.75rem}.action-buttons{flex-direction:column;width:100%}.accept-btn,.reject-btn{width:100%}.expanded-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}[dir=rtl] .booking-main-row{direction:rtl}[dir=rtl] .contact-item span[dir=ltr]{direction:ltr;unicode-bidi:embed}.booking-payment-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:.375rem;font-size:.75rem;color:#0369a1}.booking-payment-info svg{flex-shrink:0}.payment-status{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:1rem;font-size:.625rem;font-weight:600;margin-right:auto}.payment-status.paid{background:#dcfce7;color:#166534}.payment-status.awaiting{background:#fef3c7;color:#92400e}.payment-status.pending{background:#e0e7ff;color:#3730a3}.payment-status.failed{background:#fee2e2;color:#991b1b}.payment-status.refunded{background:#fce7f3;color:#9d174d}.accommodation-rooms{padding:1rem}.rooms-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#6b7280}.rooms-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(155,89,182,.2);border-top-color:#9b59b6;border-radius:50%;animation:spin 1s linear infinite}.rooms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.rooms-title{display:flex;align-items:center;gap:.75rem}.rooms-title svg{color:#9b59b6}.rooms-title h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.rooms-count{padding:.25rem .75rem;background:#9b59b61a;color:#9b59b6;border-radius:20px;font-size:.875rem;font-weight:600}.rooms-actions{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.view-toggle button{padding:.5rem;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.view-toggle button.active{background:#fff;color:#9b59b6;box-shadow:0 2px 4px #0000001a}.btn-add-room{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-add-room:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666}.rooms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.rooms-empty svg{color:#d1d5db;margin-bottom:1rem}.rooms-empty h3{font-size:1.25rem;color:#374151;margin-bottom:.5rem}.rooms-empty p{color:#6b7280;margin-bottom:1.5rem}.rooms-grid{display:grid;gap:1.5rem}.rooms-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.rooms-grid.list{grid-template-columns:1fr}.room-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s;border:2px solid transparent}.room-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #9b59b626}.room-card.unavailable{opacity:.7;border-color:#fecaca}.room-image{position:relative;height:180px;background:#f3f4f6}.room-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.room-image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#d1d5db}.room-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px}.availability-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.availability-badge.available{background:#27ae60e6;color:#fff}.availability-badge.unavailable{background:#e74c3ce6;color:#fff}.count-badge{padding:4px 10px;background:#f39c12e6;color:#fff;border-radius:20px;font-size:.75rem;font-weight:600}.room-quick-actions{position:absolute;bottom:12px;left:12px;display:flex;gap:8px;opacity:0;transition:opacity .3s}.room-card:hover .room-quick-actions{opacity:1}.room-quick-actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:8px;cursor:pointer;color:#4b5563;transition:all .2s}.room-quick-actions button:hover{background:#9b59b6;color:#fff}.room-quick-actions button.delete:hover{background:#e74c3c}.room-content{padding:1.25rem}.room-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.room-header h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.room-type{padding:4px 10px;background:#9b59b61a;color:#9b59b6;border-radius:6px;font-size:.75rem;font-weight:600}.room-specs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:#6b7280}.room-specs span{display:flex;align-items:center;gap:4px}.room-specs svg{color:#9b59b6}.room-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.room-feature{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border-radius:6px;font-size:.75rem;color:#4b5563}.more-features{padding:4px 8px;background:#9b59b61a;color:#9b59b6;border-radius:6px;font-size:.75rem;font-weight:600}.room-pricing{display:flex;align-items:baseline;gap:6px;padding-top:.75rem;border-top:1px solid #f3f4f6}.original-price{font-size:.875rem;color:#9ca3af;text-decoration:line-through}.current-price{font-size:1.25rem;font-weight:800;color:#9b59b6}.per-night{font-size:.875rem;color:#6b7280}.room-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{position:relative;width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.feature-btn{display:flex;align-items:center;gap:6px;padding:.625rem .875rem;background:#f3f4f6;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:.8125rem;color:#4b5563;transition:all .2s}.feature-btn:hover{border-color:#9b59b6}.feature-btn.selected{background:#9b59b61a;border-color:#9b59b6;color:#9b59b6}@media(max-width:640px){.rooms-header{flex-direction:column;align-items:stretch}.rooms-actions{justify-content:space-between}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.features-grid{grid-template-columns:repeat(2,1fr)}}.accommodation-packages{padding:1rem}.packages-loading,.packages-not-supported{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#6b7280;text-align:center;padding:2rem}.packages-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(155,89,182,.2);border-top-color:#9b59b6;border-radius:50%;animation:spin 1s linear infinite}.packages-not-supported svg{color:#d1d5db}.packages-not-supported h3{font-size:1.25rem;color:#374151;margin:0}.packages-not-supported p{max-width:400px}.packages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.packages-title{display:flex;align-items:center;gap:.75rem}.packages-title svg{color:#9b59b6}.packages-title h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.packages-count{padding:.25rem .75rem;background:#9b59b61a;color:#9b59b6;border-radius:20px;font-size:.875rem;font-weight:600}.btn-add-package{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-add-package:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666}.packages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.packages-empty svg{color:#d1d5db;margin-bottom:1rem}.packages-empty h3{font-size:1.25rem;color:#374151;margin-bottom:.5rem}.packages-empty p{color:#6b7280;margin-bottom:1.5rem}.packages-list{display:flex;flex-direction:column;gap:1.5rem}.package-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s;border:2px solid transparent}.package-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #9b59b626}.package-card.unavailable{opacity:.7;border-color:#fecaca}.package-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.package-info{display:flex;align-items:center;gap:1rem}.package-info h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.room-type-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.room-type-badge.shared{background:#3498db1a;color:#3498db}.room-type-badge.semi-private{background:#f39c121a;color:#f39c12}.room-type-badge.private{background:#9b59b61a;color:#9b59b6}.package-actions{display:flex;gap:8px}.package-actions button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;color:#4b5563;transition:all .2s}.package-actions button:hover{background:#9b59b6;color:#fff}.package-actions button.delete:hover{background:#e74c3c}.package-description{color:#6b7280;font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.package-room-info{display:flex;align-items:center;gap:8px;padding:.75rem 1rem;background:#9b59b60d;border-radius:10px;margin-bottom:1rem;font-size:.875rem;color:#4b5563}.package-room-info svg{color:#9b59b6}.package-includes{margin-bottom:1rem}.package-includes h4{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.includes-grid{display:flex;flex-wrap:wrap;gap:8px}.include-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:8px;font-size:.8125rem;color:#4b5563}.include-item svg{color:#27ae60}.include-item.highlight{background:#9b59b61a;color:#9b59b6}.include-item.highlight svg{color:#9b59b6}.package-extras{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem;padding-top:1rem;border-top:1px dashed #e5e7eb}.extra-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#9b59b614;border-radius:20px;font-size:.75rem;color:#8e44ad}.package-footer{display:flex;align-items:flex-end;justify-content:space-between;padding-top:1rem;border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:1rem}.package-pricing{display:flex;flex-direction:column;gap:4px}.price-main{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:1.75rem;font-weight:800;color:#9b59b6}.price-currency{font-size:1rem;font-weight:600;color:#9b59b6}.price-period{font-size:.875rem;color:#6b7280}.price-secondary{font-size:.8125rem;color:#9ca3af}.package-meta{display:flex;gap:1.5rem;font-size:.8125rem;color:#6b7280}.package-meta span{display:flex;align-items:center;gap:4px}.package-meta svg{color:#9b59b6}.package-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{position:relative;width:100%;max-width:700px;max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.form-section{margin-bottom:2rem}.form-section h4{font-size:1rem;font-weight:700;color:#374151;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.form-section h4:before{content:"";width:4px;height:20px;background:#9b59b6;border-radius:2px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#9b59b6}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;right:12px;color:#9ca3af}.input-with-icon input{padding-right:40px;padding-left:50px;width:100%}.input-suffix{position:absolute;left:12px;font-size:.875rem;color:#6b7280}.includes-form{display:flex;flex-direction:column;gap:1rem}.include-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:10px}.include-row label:not(.checkbox-label){font-size:.875rem;color:#4b5563}.include-row input[type=number]{width:80px;padding:.5rem .75rem;border:2px solid #e5e7eb;border-radius:8px;text-align:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#9b59b6}.meals-row{flex-direction:column;align-items:flex-start;gap:.75rem}.meals-options{display:flex;gap:8px}.meal-btn{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.8125rem;color:#4b5563;transition:all .2s}.meal-btn:hover{border-color:#9b59b6}.meal-btn.selected{background:#9b59b61a;border-color:#9b59b6;color:#9b59b6}.extras-input{display:flex;gap:8px;margin-bottom:1rem}.extras-input input{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem}.extras-input input:focus{outline:none;border-color:#9b59b6}.extras-input button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#9b59b6;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s}.extras-input button:hover{background:#8e44ad}.extras-list{display:flex;flex-wrap:wrap;gap:8px}.extras-list .extra-tag{display:flex;align-items:center;gap:6px}.extras-list .extra-tag button{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;color:#9b59b6;opacity:.7;transition:opacity .2s}.extras-list .extra-tag button:hover{opacity:1}.btn-cancel{padding:.75rem 1.5rem;background:#f3f4f6;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:10px;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666}@media(max-width:640px){.packages-header{flex-direction:column;align-items:stretch}.package-footer{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.meals-options{flex-wrap:wrap}}.accommodation-gallery{padding:1rem}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#6b7280}.gallery-loading .loading-spinner{animation:spin 1s linear infinite;color:#ec4899}.gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.gallery-title{display:flex;align-items:center;gap:.75rem}.gallery-title svg{color:#ec4899}.gallery-title h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.images-count{padding:.25rem .75rem;background:#ec48991a;color:#ec4899;border-radius:20px;font-size:.875rem;font-weight:600}.gallery-actions{display:flex;align-items:center;gap:.75rem}.btn-delete-selected{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete-selected:hover{background:#fecaca}.view-toggle{display:flex;background:#f3f4f6;border-radius:8px;overflow:hidden}.view-toggle button{padding:.5rem .75rem;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.view-toggle button.active{background:#fff;color:#ec4899;box-shadow:0 1px 3px #0000001a}.btn-upload{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-upload:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ec489966}.gallery-filters{display:flex;gap:.5rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid #f3f4f6;overflow-x:auto}.filter-btn{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:25px;font-size:.8125rem;color:#4b5563;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-btn:hover{border-color:#ec4899;color:#ec4899}.filter-btn.active{background:#ec48991a;border-color:#ec4899;color:#ec4899}.filter-btn .count{padding:2px 6px;background:#f3f4f6;border-radius:10px;font-size:.75rem;font-weight:600}.filter-btn.active .count{background:#ec489933}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.gallery-empty svg{color:#d1d5db;margin-bottom:1rem}.gallery-empty h3{font-size:1.25rem;color:#374151;margin-bottom:.5rem}.gallery-empty p{color:#6b7280;margin-bottom:1.5rem}.btn-upload-empty{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s}.gallery-grid{display:grid;gap:1rem}.gallery-grid.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-grid.list{grid-template-columns:1fr}.gallery-item{position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000d;transition:all .3s}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.gallery-item.selected{outline:3px solid #ec4899;box-shadow:0 0 0 3px #ec48994d}.gallery-item.featured{outline:3px solid #f59e0b}.image-wrapper{position:relative;aspect-ratio:4/3;cursor:pointer}.gallery-grid.list .image-wrapper{aspect-ratio:16/9;max-height:200px}.image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f59e0be6;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600}.image-overlay{position:absolute;inset:0;background:#0006;opacity:0;transition:opacity .2s;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem}.gallery-item:hover .image-overlay,.gallery-item.selected .image-overlay{opacity:1}.checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.gallery-item.selected .checkbox{background:#ec4899;border-color:#ec4899;color:#fff}.image-actions{display:flex;justify-content:center;gap:.5rem}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:8px;cursor:pointer;color:#4b5563;transition:all .2s}.action-btn:hover{background:#ec4899;color:#fff}.action-btn.delete:hover{background:#dc2626}.image-info{padding:1rem}.category-tag{display:inline-block;padding:4px 10px;background:#ec48991a;color:#ec4899;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.caption{color:#4b5563;font-size:.875rem;margin:0}.upload-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-header button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;color:#4b5563;transition:all .2s}.modal-header button:hover{background:#e5e7eb}.modal-body{padding:1.5rem}.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:border-color .2s}.form-group select:focus{outline:none;border-color:#ec4899}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;transition:all .2s;text-align:center}.upload-zone:hover{border-color:#ec4899;background:#ec489905}.upload-zone svg{color:#d1d5db;margin-bottom:1rem}.upload-zone p{color:#374151;font-weight:600;margin-bottom:.5rem}.upload-zone span{color:#9ca3af;font-size:.875rem}.image-preview-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#000000e6;cursor:pointer}.close-preview{position:absolute;top:1rem;right:1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s}.close-preview:hover{background:#fff3}.image-preview-modal img{max-width:90%;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.preview-caption{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#000000b3;color:#fff;border-radius:10px;font-size:.9375rem}@media(max-width:640px){.gallery-header{flex-direction:column;align-items:stretch}.gallery-actions{justify-content:space-between}.gallery-grid.grid{grid-template-columns:repeat(2,1fr)}}.accommodation-pricing{padding:1rem}.pricing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#6b7280}.pricing-loading .loading-spinner{animation:spin 1s linear infinite;color:#10b981}.pricing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.pricing-title{display:flex;align-items:center;gap:.75rem}.pricing-title svg{color:#10b981}.pricing-title h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.pricing-currency{display:flex;align-items:center;gap:.5rem}.pricing-currency label{font-size:.875rem;color:#6b7280}.pricing-currency select{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;cursor:pointer}.pricing-currency select:focus{outline:none;border-color:#10b981}.pricing-tabs{display:flex;gap:.5rem;padding:.25rem;background:#f3f4f6;border-radius:12px;margin-bottom:1.5rem}.pricing-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.pricing-tabs button:hover{color:#374151}.pricing-tabs button.active{background:#fff;color:#10b981;box-shadow:0 2px 8px #0000000d}.pricing-empty,.rules-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.pricing-empty svg,.rules-empty svg{color:#d1d5db;margin-bottom:1rem}.pricing-empty p,.rules-empty p{color:#6b7280}.room-pricing-list{display:flex;flex-direction:column;gap:1rem}.room-pricing-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.room-pricing-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.room-pricing-header h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.price-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.price-input-group{display:flex;flex-direction:column;gap:.5rem}.price-input-group label{font-size:.8125rem;font-weight:600;color:#6b7280}.input-with-currency{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:border-color .2s}.input-with-currency:focus-within{border-color:#10b981}.input-with-currency input{flex:1;padding:.75rem 1rem;border:none;font-size:1rem;font-weight:600}.input-with-currency input:focus{outline:none}.input-with-currency span{padding:0 1rem;background:#f3f4f6;color:#6b7280;font-size:.875rem;font-weight:600}.rules-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.rules-description{color:#6b7280;font-size:.9375rem}.btn-add-rule{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-add-rule:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.rules-list{display:flex;flex-direction:column;gap:1rem}.rule-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .2s}.rule-card:hover{box-shadow:0 4px 12px #0000001a}.rule-card.inactive{opacity:.6}.rule-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#10b9811a;border-radius:10px;color:#10b981}.rule-info{flex:1}.rule-info h4{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.rule-type{font-size:.8125rem;color:#6b7280}.rule-adjustment{padding:.5rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:700}.rule-adjustment .increase{display:flex;align-items:center;gap:4px;color:#dc2626}.rule-adjustment .decrease{display:flex;align-items:center;gap:4px;color:#10b981}.rule-actions{display:flex;align-items:center;gap:.5rem}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.slider{background-color:#10b981}.toggle input:checked+.slider:before{transform:translate(20px)}.rule-actions .action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;color:#4b5563;transition:all .2s}.rule-actions .action-btn:hover{background:#10b981;color:#fff}.rule-actions .action-btn.delete:hover{background:#dc2626}.seasons-pricing{padding:2rem;text-align:center}.seasons-info{margin-bottom:2rem}.seasons-info svg{color:#d1d5db;margin-bottom:1rem}.seasons-info h3{font-size:1.25rem;color:#374151;margin-bottom:.5rem}.seasons-info p{color:#6b7280}.season-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.season-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;text-align:left}.season-card h4{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;margin-bottom:1.5rem}.season-card.high h4{color:#dc2626}.season-card.low h4{color:#10b981}.season-dates{display:flex;gap:1rem;margin-bottom:1.5rem}.date-range{flex:1;display:flex;flex-direction:column;gap:.5rem}.date-range label{font-size:.8125rem;color:#6b7280}.date-range input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem}.date-range input:focus{outline:none;border-color:#10b981}.season-adjustment label{display:block;font-size:.8125rem;color:#6b7280;margin-bottom:.5rem}.adjustment-input{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden}.adjustment-input input{flex:1;padding:.75rem;border:none;font-size:1rem;font-weight:600}.adjustment-input input:focus{outline:none}.adjustment-input span{padding:0 1rem;background:#f3f4f6;color:#6b7280;font-weight:600}.rule-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.modal-content{position:relative;width:100%;max-width:500px;background:#fff;border-radius:20px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.modal-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.modal-header button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;color:#4b5563}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#10b981}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid #f3f4f6}.btn-cancel{padding:.75rem 1.5rem;background:#f3f4f6;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;color:#4b5563;cursor:pointer}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save .loading-spinner{animation:spin 1s linear infinite}@media(max-width:640px){.pricing-header{flex-direction:column;align-items:stretch}.pricing-tabs{flex-wrap:wrap}.pricing-tabs button{flex:1 0 calc(50% - .25rem)}.rule-card{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}.accommodation-reviews{padding:1rem}.reviews-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#6b7280}.reviews-loading .loading-spinner{animation:spin 1s linear infinite;color:#f59e0b}.reviews-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.stats-overview{display:flex;gap:2rem}.average-rating{display:flex;flex-direction:column;align-items:center;padding-left:2rem;border-left:1px solid #f3f4f6}.rating-number{font-size:3.5rem;font-weight:800;color:#1f2937;line-height:1}.rating-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem}.stars-display .filled{fill:#f59e0b;color:#f59e0b}.stars-display .empty{fill:#e5e7eb;color:#e5e7eb}.total-reviews{font-size:.875rem;color:#6b7280}.rating-distribution{flex:1;display:flex;flex-direction:column;gap:.5rem}.distribution-row{display:flex;align-items:center;gap:.5rem}.star-label{width:12px;font-size:.875rem;font-weight:600;color:#4b5563}.distribution-row .filled{fill:#f59e0b;color:#f59e0b}.progress-bar{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .3s}.distribution-row .count{width:24px;font-size:.8125rem;color:#6b7280;text-align:left}.category-ratings{display:flex;flex-direction:column;gap:.75rem}.category-item{display:flex;align-items:center;gap:.75rem}.category-name{width:80px;font-size:.875rem;color:#4b5563}.category-bar{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.category-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px}.category-rating{width:28px;font-size:.875rem;font-weight:600;color:#374151}.reviews-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;transition:border-color .2s}.search-box:focus-within{border-color:#f59e0b}.search-box svg{color:#9ca3af}.search-box input{flex:1;border:none;font-size:.9375rem;background:transparent}.search-box input:focus{outline:none}.filter-buttons{display:flex;gap:.5rem}.filter-buttons button{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.8125rem;color:#4b5563;cursor:pointer;transition:all .2s}.filter-buttons button:hover{border-color:#f59e0b;color:#f59e0b}.filter-buttons button.active{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.sort-select{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.8125rem;cursor:pointer}.sort-select:focus{outline:none;border-color:#f59e0b}.reviews-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.reviews-empty svg{color:#d1d5db;margin-bottom:1rem}.reviews-empty h3{font-size:1.25rem;color:#374151;margin-bottom:.5rem}.reviews-empty p{color:#6b7280}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.guest-info{display:flex;gap:.75rem}.guest-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.guest-avatar-placeholder{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;color:#9ca3af}.guest-name{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1f2937}.verified-badge{font-size:.75rem;font-weight:600;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:20px}.review-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#6b7280;margin-top:.25rem}.review-meta span,.review-rating{display:flex;align-items:center;gap:4px}.review-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.review-comment{color:#4b5563;line-height:1.6;margin-bottom:1rem}.owner-response{background:#f9fafb;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;border-right:4px solid #f59e0b}.response-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#374151}.response-header svg{color:#f59e0b}.response-date{color:#9ca3af;font-weight:400;margin-right:auto}.owner-response p{color:#4b5563;font-size:.9375rem;line-height:1.5;margin:0}.reply-form{background:#f9fafb;border-radius:12px;padding:1rem;margin-bottom:1rem}.reply-form textarea{width:100%;min-height:100px;padding:.75rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;resize:vertical;margin-bottom:.75rem}.reply-form textarea:focus{outline:none;border-color:#f59e0b}.reply-actions{display:flex;justify-content:flex-end;gap:.75rem}.reply-actions .btn-cancel{padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#4b5563;cursor:pointer}.reply-actions .btn-submit{padding:.5rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer}.review-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.helpful-section{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:#6b7280}.helpful-btn{display:flex;align-items:center;gap:4px;padding:.375rem .75rem;background:#f3f4f6;border:none;border-radius:6px;font-size:.8125rem;color:#4b5563;cursor:pointer;transition:all .2s}.helpful-btn:hover{background:#e5e7eb}.review-actions{display:flex;gap:.5rem}.review-actions .action-btn{display:flex;align-items:center;gap:4px;padding:.375rem .75rem;background:transparent;border:none;font-size:.8125rem;color:#6b7280;cursor:pointer;transition:all .2s}.review-actions .action-btn:hover{color:#f59e0b}@media(max-width:768px){.reviews-stats{grid-template-columns:1fr}.stats-overview{flex-direction:column}.average-rating{padding-right:0;padding-bottom:1rem;border-right:none;border-bottom:1px solid #f3f4f6}}@media(max-width:640px){.reviews-filters{flex-direction:column;align-items:stretch}.filter-buttons{flex-wrap:wrap}.review-header{flex-direction:column;gap:.75rem}.review-footer{flex-direction:column;gap:.75rem;align-items:flex-start}}.accommodation-analytics{padding:1rem}.analytics-loading,.analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#6b7280;text-align:center}.analytics-loading .loading-spinner{animation:spin 1s linear infinite;color:#3b82f6}.analytics-empty svg{color:#d1d5db}.analytics-empty h3{color:#374151;margin:0}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.analytics-title{display:flex;align-items:center;gap:.75rem}.analytics-title svg{color:#3b82f6}.analytics-title h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.period-selector{display:flex;background:#f3f4f6;border-radius:10px;padding:4px}.period-selector button{padding:.5rem 1rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.period-selector button:hover{color:#374151}.period-selector button.active{background:#fff;color:#3b82f6;box-shadow:0 2px 4px #0000001a}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.stat-icon.occupancy{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.revenue{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.bookings{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.views{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8125rem;color:#6b7280}.stat-value{font-size:1.5rem;font-weight:800;color:#1f2937}.trend-indicator{display:inline-flex;align-items:center;gap:2px;font-size:.8125rem;font-weight:600}.trend-indicator.positive{color:#10b981}.trend-indicator.negative{color:#ef4444}.secondary-stats{display:flex;gap:2rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;flex-wrap:wrap}.secondary-stat{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#6b7280}.secondary-stat svg{color:#3b82f6}.secondary-stat strong{color:#1f2937;font-weight:700}.chart-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem}.chart-section h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.chart-container{position:relative}.chart-bars{display:flex;justify-content:space-around;align-items:flex-end;height:200px;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.chart-bar-group .chart-bar{width:20px;border-radius:4px 4px 0 0;transition:height .3s}.chart-bar.bookings-bar{background:linear-gradient(180deg,#3b82f6,#60a5fa);margin-left:4px}.chart-bar.occupancy-bar{background:linear-gradient(180deg,#8b5cf6,#a78bfa);margin-right:4px}.chart-label{font-size:.75rem;color:#6b7280;white-space:nowrap}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#6b7280}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.bookings{background:#3b82f6}.legend-color.occupancy{background:#8b5cf6}.tables-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.analytics-table{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.analytics-table h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.analytics-table table{width:100%;border-collapse:collapse}.analytics-table th{padding:.75rem;text-align:right;font-size:.8125rem;font-weight:600;color:#6b7280;border-bottom:2px solid #f3f4f6}.analytics-table td{padding:.75rem;font-size:.9375rem;color:#374151;border-bottom:1px solid #f3f4f6}.analytics-table .room-name{display:flex;align-items:center;gap:.5rem}.analytics-table .rank{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f3f4f6;border-radius:6px;font-size:.75rem;font-weight:700;color:#6b7280}.sources-list{display:flex;flex-direction:column;gap:1rem}.source-item{display:flex;flex-direction:column;gap:.5rem}.source-info{display:flex;justify-content:space-between;align-items:center}.source-name{font-size:.9375rem;color:#374151}.source-percentage{font-size:.9375rem;font-weight:700;color:#1f2937}.source-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.source-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .3s}@media(max-width:640px){.analytics-header{flex-direction:column;align-items:stretch}.secondary-stats{flex-direction:column;gap:1rem}.chart-bars{height:150px}}.accommodation-details{padding:1rem;max-width:1200px;margin:0 auto}.accommodation-details.rtl{direction:rtl}.accommodation-details.ltr{direction:ltr}.accommodation-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6b7280}.details-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;margin-bottom:1rem;animation:slideIn .3s ease}.details-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.details-alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.details-alert button{margin-right:auto;background:none;border:none;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.rtl .details-alert button{margin-right:0;margin-left:auto}.details-alert button:hover{opacity:1}.details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.details-header-info{display:flex;align-items:center;gap:.75rem}.details-header-info h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.details-header-info svg{color:#8b5cf6}.details-header-actions{display:flex;gap:.75rem}.details-media-section{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.details-logo-wrapper{position:relative}.details-logo{width:120px;height:120px;border-radius:1rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #e5e7eb}.details-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.details-logo svg{color:#9ca3af}.upload-logo-btn{position:absolute;bottom:-8px;right:-8px;width:32px;height:32px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px #8b5cf666}.rtl .upload-logo-btn{right:auto;left:-8px}.upload-logo-btn:hover{background:#7c3aed}.details-main-image{flex:1;min-width:280px;height:200px;border-radius:1rem;overflow:hidden;position:relative;background:#f3f4f6}.details-main-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.details-main-image .no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:.5rem}.upload-image-btn{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf6e6;color:#fff;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:background .2s}.rtl .upload-image-btn{right:auto;left:1rem}.upload-image-btn:hover{background:#8b5cf6}.details-section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.section-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.form-group label{font-size:.875rem;font-weight:500;color:#4b5563;display:flex;align-items:center;gap:.5rem}.form-group label svg{color:#8b5cf6}.field-value{font-size:.95rem;color:#1f2937;padding:.5rem 0;min-height:2.5rem;display:flex;align-items:center}.field-value-text{white-space:pre-wrap;line-height:1.6;display:block}.field-value a{color:#8b5cf6;text-decoration:none}.field-value a:hover{text-decoration:underline}.stars-input{display:flex;gap:.25rem}.star-btn{background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .2s}.stars-display{display:flex;gap:.25rem}.languages-grid{display:flex;flex-wrap:wrap;gap:.75rem}.language-chip svg{color:#10b981}@media(max-width:768px){.accommodation-details{padding:.75rem}.details-header{flex-direction:column;align-items:flex-start}.details-header-actions{width:100%;justify-content:flex-end}.details-media-section{flex-direction:column}.details-logo-wrapper{align-self:center}.details-main-image{min-width:100%}.details-grid{grid-template-columns:1fr}.details-section{padding:1rem}}.accommodation-amenities{padding:1rem;max-width:1200px;margin:0 auto}.accommodation-amenities.rtl{direction:rtl}.accommodation-amenities.ltr{direction:ltr}.accommodation-amenities-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6b7280}.amenities-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;margin-bottom:1rem;animation:slideIn .3s ease}.amenities-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.amenities-alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.amenities-alert button{margin-right:auto;background:none;border:none;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.rtl .amenities-alert button{margin-right:0;margin-left:auto}.amenities-alert button:hover{opacity:1}.amenities-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.amenities-header-info{display:flex;align-items:center;gap:.75rem}.amenities-header-info svg{color:#8b5cf6}.amenities-header-info h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.amenities-count{margin:0;font-size:.875rem;color:#6b7280}.amenities-header-actions{display:flex;gap:.75rem}.amenities-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem}.amenities-search svg{color:#9ca3af}.amenities-search input{flex:1;border:none;outline:none;font-size:.95rem;background:transparent}.amenities-search button{background:none;border:none;cursor:pointer;padding:.25rem;color:#9ca3af;transition:color .2s}.amenities-search button:hover{color:#6b7280}.selected-amenities-preview{background:#fff;border-radius:1rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.selected-amenities-preview h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.amenities-chips{display:flex;flex-wrap:wrap;gap:.5rem}.amenity-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#ede9fe;color:#7c3aed;border-radius:2rem;font-size:.85rem}.amenity-chip.custom{background:#dbeafe;color:#2563eb}.amenity-chip svg{flex-shrink:0}.amenities-categories{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.amenity-category{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 4px #0000000d;border:1px solid #f0f0f0}.category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;transition:background .2s}.category-header:hover{background:#f9fafb}.category-info{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:#1f2937}.category-info svg{color:#8b5cf6}.count-badge{background:#8b5cf6;color:#fff;padding:.125rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600}.category-amenities{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;padding:.5rem 1rem 1rem;border-top:1px solid #f0f0f0;background:#fafafa}.amenity-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem;color:#4b5563;background:#fff;border:1px solid #e5e7eb}.amenity-item:not(.readonly):hover{background:#f3f4f6;border-color:#d1d5db}.amenity-item.selected{background:#ede9fe;border-color:#c4b5fd;color:#7c3aed}.amenity-item.readonly{cursor:default}.amenity-item input[type=checkbox]{width:16px;height:16px;accent-color:#8b5cf6}.amenity-item svg{flex-shrink:0}.amenity-item .check-icon{margin-right:auto;color:#10b981}.rtl .amenity-item .check-icon{margin-right:0;margin-left:auto}.custom-amenities-section{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.custom-amenities-section h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.add-custom-amenity{display:flex;gap:.5rem;margin-bottom:1rem}.add-custom-amenity input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;transition:all .2s}.add-custom-amenity input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.add-custom-amenity button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.add-custom-amenity button:hover:not(:disabled){background:#7c3aed}.add-custom-amenity button:disabled{background:#d1d5db;cursor:not-allowed}.custom-amenities-list{display:flex;flex-wrap:wrap;gap:.5rem}.custom-amenity-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#f3f4f6;border-radius:2rem;font-size:.875rem;color:#4b5563}.custom-amenity-item svg{color:#10b981}.custom-amenity-item .remove-btn{background:none;border:none;cursor:pointer;padding:.125rem;color:#9ca3af;transition:color .2s;display:flex;align-items:center;justify-content:center}.custom-amenity-item .remove-btn:hover{color:#ef4444}.no-custom{color:#9ca3af;font-size:.875rem;margin:0}@media(max-width:768px){.accommodation-amenities{padding:.75rem}.amenities-header{flex-direction:column;align-items:flex-start}.amenities-header-actions{width:100%;justify-content:flex-end}.category-amenities{grid-template-columns:1fr}.amenity-chip{font-size:.8rem;padding:.375rem .75rem}}.accommodation-location{padding:1rem;max-width:1200px;margin:0 auto}.accommodation-location.rtl{direction:rtl}.accommodation-location.ltr{direction:ltr}.accommodation-location-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6b7280}.location-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;margin-bottom:1rem;animation:slideIn .3s ease}.location-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.location-alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.location-alert button{margin-right:auto;background:none;border:none;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.rtl .location-alert button{margin-right:0;margin-left:auto}.location-alert button:hover{opacity:1}.location-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.location-header-info{display:flex;align-items:center;gap:.75rem}.location-header-info svg{color:#8b5cf6}.location-header-info h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.location-header-actions{display:flex;gap:.75rem}.location-map-section{background:#fff;border-radius:1rem;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.map-container{height:300px;background:#f3f4f6}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:.75rem}.map-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;border-top:1px solid #f0f0f0}.map-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.map-action-btn:hover:not(:disabled){background:#e5e7eb}.map-action-btn:disabled{opacity:.6;cursor:not-allowed}.map-action-btn.open-maps{background:#3b82f6;color:#fff;border-color:#3b82f6}.map-action-btn.open-maps:hover{background:#2563eb}.address-search{flex:1;min-width:250px;display:flex;gap:.5rem}.address-search input{flex:1;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s}.address-search input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.address-search button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.address-search button:hover:not(:disabled){background:#7c3aed}.address-search button:disabled{background:#d1d5db;cursor:not-allowed}.location-section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;transition:all .2s;background:#fff}.field-value{font-size:.95rem;color:#1f2937;padding:.5rem 0;min-height:2.5rem}.field-value-text{white-space:pre-wrap;line-height:1.6}.add-nearby-place{margin-bottom:1.25rem}.place-inputs{display:flex;flex-wrap:wrap;gap:.5rem}.place-inputs input,.place-inputs select{flex:1;min-width:150px;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s}.place-inputs input:focus,.place-inputs select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.add-place-btn{padding:.625rem 1.25rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.add-place-btn:hover:not(:disabled){background:#7c3aed}.add-place-btn:disabled{background:#d1d5db;cursor:not-allowed}.nearby-places-list{display:flex;flex-direction:column;gap:.5rem}.nearby-place-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #f0f0f0}.place-icon{width:32px;height:32px;border-radius:50%;background:#ede9fe;color:#8b5cf6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.place-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.place-name{font-size:.9rem;font-weight:500;color:#1f2937}.place-type{font-size:.75rem;color:#6b7280}.place-distance{font-size:.875rem;color:#10b981;font-weight:500;padding:.25rem .75rem;background:#d1fae5;border-radius:1rem}.remove-place-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:50%;transition:all .2s}.remove-place-btn:hover{background:#fef2f2;color:#ef4444}.no-places{text-align:center;color:#9ca3af;font-size:.875rem;padding:1.5rem}@media(max-width:768px){.accommodation-location{padding:.75rem}.location-header{flex-direction:column;align-items:flex-start}.location-header-actions{width:100%;justify-content:flex-end}.map-container{height:200px}.map-actions{flex-direction:column}.address-search{width:100%}.location-grid{grid-template-columns:1fr}.place-inputs{flex-direction:column}.place-inputs input,.place-inputs select{width:100%}.location-section{padding:1rem}}.accommodation-policies{padding:1rem;max-width:1200px;margin:0 auto}.accommodation-policies.rtl{direction:rtl}.accommodation-policies.ltr{direction:ltr}.accommodation-policies-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6b7280}.policies-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;margin-bottom:1rem;animation:slideIn .3s ease}.policies-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.policies-alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.policies-alert button{margin-right:auto;background:none;border:none;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.rtl .policies-alert button{margin-right:0;margin-left:auto}.policies-alert button:hover{opacity:1}.policies-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.policies-header-info{display:flex;align-items:center;gap:.75rem}.policies-header-info svg{color:#8b5cf6}.policies-header-info h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.policies-header-actions{display:flex;gap:.75rem}.policies-sections{display:flex;flex-direction:column;gap:.75rem}.policy-section{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 4px #0000000d;border:1px solid #f0f0f0}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;transition:background .2s}.section-header:hover{background:#f9fafb}.section-title-wrapper{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:#1f2937}.section-title-wrapper svg{color:#8b5cf6}.section-content{padding:0 1.25rem 1.25rem;border-top:1px solid #f0f0f0;background:#fafafa}.policy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding-top:1rem}.form-group-full{grid-column:1 / -1}.form-group input[type=text],.form-group input[type=number],.form-group input[type=time],.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:#8b5cf6}.status-indicator{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.status-indicator.yes{background:#d1fae5;color:#10b981}.status-indicator.no{background:#fee2e2;color:#ef4444}.payment-methods{display:flex;flex-wrap:wrap;gap:.5rem}.method-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;background:#f3f4f6;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.method-chip:not(.readonly):hover{background:#e5e7eb}.method-chip.active{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd}.method-chip.readonly{cursor:default}.house-rules-section{padding-top:1rem}.add-rule{display:flex;gap:.5rem;margin-bottom:1rem}.add-rule input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem}.add-rule input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.add-rule button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.add-rule button:hover:not(:disabled){background:#7c3aed}.add-rule button:disabled{background:#d1d5db;cursor:not-allowed}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.rules-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #f0f0f0;border-radius:.5rem}.rules-list li svg:first-child{color:#f59e0b;flex-shrink:0}.rules-list li span{flex:1;font-size:.9rem;color:#374151}.rules-list li button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;transition:color .2s}.rules-list li button:hover{color:#ef4444}.no-rules{text-align:center;color:#9ca3af;font-size:.875rem;padding:1.5rem}.additional-policies-section{padding-top:1rem}.add-policy-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px dashed #d1d5db}.policy-inputs{display:flex;gap:.5rem}.policy-inputs input{flex:1;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem}.policy-inputs input:focus{outline:none;border-color:#8b5cf6}.add-policy-form textarea{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;resize:vertical;min-height:60px}.add-policy-form textarea:focus{outline:none;border-color:#8b5cf6}.add-policy-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s;align-self:flex-start}.add-policy-btn:hover:not(:disabled){background:#7c3aed}.add-policy-btn:disabled{background:#d1d5db;cursor:not-allowed}.policies-list{display:flex;flex-direction:column;gap:.75rem}.policy-card{background:#fff;border:1px solid #f0f0f0;border-radius:.5rem;padding:1rem}.policy-card .policy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.policy-card h4{margin:0;font-size:.95rem;font-weight:600;color:#1f2937}.policy-card .policy-header button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;transition:color .2s}.policy-card .policy-header button:hover{color:#ef4444}.policy-card p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.no-policies{text-align:center;color:#9ca3af;font-size:.875rem;padding:1.5rem}@media(max-width:768px){.accommodation-policies{padding:.75rem}.policies-header{flex-direction:column;align-items:flex-start}.policies-header-actions{width:100%;justify-content:flex-end}.policy-grid{grid-template-columns:1fr}.policy-inputs{flex-direction:column}.section-content{padding:0 1rem 1rem}}.accommodation-settings{padding:1rem;max-width:900px;margin:0 auto}.accommodation-settings.rtl{direction:rtl}.accommodation-settings.ltr{direction:ltr}.accommodation-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.settings-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;margin-bottom:1rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.settings-alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.settings-alert button{margin-right:auto;background:none;border:none;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.rtl .settings-alert button{margin-right:0;margin-left:auto}.settings-alert button:hover{opacity:1}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.settings-header-info{display:flex;align-items:center;gap:.75rem}.settings-header-info svg{color:#8b5cf6}.settings-header-info h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.settings-header-actions{display:flex;gap:.75rem}.btn-edit,.btn-save,.btn-cancel{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-edit{background:#8b5cf6;color:#fff}.btn-edit:hover{background:#7c3aed}.btn-save{background:#10b981;color:#fff}.btn-save:hover:not(:disabled){background:#059669}.btn-save:disabled{opacity:.7;cursor:not-allowed}.btn-cancel:hover{background:#e5e7eb}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.settings-section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.section-title h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.section-header-inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header-inline .section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.status-section{border:2px solid #e5e7eb}.status-badge{padding:.375rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600}.status-badge.status-active{background:#d1fae5;color:#059669}.status-badge.status-inactive{background:#fee2e2;color:#dc2626}.status-badge.status-maintenance{background:#fef3c7;color:#d97706}.status-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.status-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb;background:#fff;color:#6b7280}.status-btn:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6}.status-btn.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.status-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-switch{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.toggle-switch.disabled{opacity:.5}.toggle-label{font-size:.9rem;color:#374151}.toggle-btn{background:none;border:none;cursor:pointer;padding:0;color:#d1d5db;transition:color .2s}.toggle-btn.active{color:#8b5cf6}.toggle-btn:disabled{cursor:not-allowed}.toggle-status{font-size:.8rem;padding:.25rem .75rem;border-radius:1rem}.toggle-status.on{background:#d1fae5;color:#059669}.toggle-status.off{background:#f3f4f6;color:#6b7280}.toggles-grid{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.form-group label{font-size:.875rem;font-weight:500;color:#4b5563}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.field-value{font-size:.95rem;color:#1f2937;padding:.5rem 0}.inline-group{flex-direction:row;align-items:center;justify-content:space-between}.inline-group select{width:auto;min-width:150px}.languages-list{display:flex;flex-wrap:wrap;gap:.5rem}.language-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;background:#f3f4f6;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.language-chip:not(.readonly):hover{background:#e5e7eb}.language-chip.active{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd}.language-chip.readonly{cursor:default}.danger-zone{border-color:#fecaca;background:#fff5f5}.danger-zone .section-title svg{color:#ef4444}.danger-content{display:flex;flex-direction:column;gap:1rem}.danger-content p{margin:0;color:#6b7280;font-size:.9rem}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;width:-moz-fit-content;width:fit-content}.btn-danger:hover{background:#dc2626}.delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-confirm-modal{background:#fff;border-radius:1rem;padding:2rem;max-width:400px;width:100%;text-align:center;animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delete-confirm-modal h3{margin:1rem 0 .5rem;font-size:1.25rem;color:#1f2937}.delete-confirm-modal p{margin:0 0 1.5rem;color:#6b7280;font-size:.9rem}.confirm-buttons{display:flex;gap:.75rem;justify-content:center}.confirm-buttons .btn-cancel{flex:1}.confirm-buttons .btn-danger{flex:1;justify-content:center}@media(max-width:768px){.accommodation-settings{padding:.75rem}.settings-header{flex-direction:column;align-items:flex-start}.settings-header-actions{width:100%;justify-content:flex-end}.settings-grid{grid-template-columns:1fr}.section-header-inline{flex-direction:column;align-items:flex-start;gap:.75rem}.status-buttons{width:100%}.status-btn{flex:1;justify-content:center}.settings-section{padding:1rem}.inline-group{flex-direction:column;align-items:flex-start}.inline-group select{width:100%}}.accommodation-dashboard{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff;border-radius:1rem;overflow:hidden;position:relative}.accommodation-error-banner{background:#fff4e5;color:#9a5800;padding:.75rem 1rem;border-radius:.5rem;margin:1rem;text-align:center}.dashboard-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}@media(min-width:640px){.dashboard-content{padding:1.5rem}}@media(min-width:768px){.dashboard-content{padding:2rem}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;z-index:1000;animation:fadeIn .3s ease;box-shadow:0 4px 12px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.messages-section,.notifications-section,.reviews-section{padding:1rem}.messages-section h3,.notifications-section h3,.reviews-section h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-primary:active{transform:translateY(0)}@media(max-width:768px){.accommodation-dashboard{border-radius:0;height:100%;min-height:0}.dashboard-content{padding:.75rem;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));flex:1;min-height:0;overflow-y:auto!important;touch-action:pan-y;-webkit-overflow-scrolling:touch}.toast{bottom:5rem;max-width:90%}}.rm-wrapper{min-height:100%;background:#f8f9fa;direction:rtl;font-family:Tajawal,sans-serif;display:flex;flex-direction:column;position:relative}.rm-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#ea580c,#f97316,#fb923c);color:#fff;box-shadow:0 4px 20px #ea580c4d;flex-shrink:0}.rm-top-bar-right{display:flex;align-items:center;gap:12px}.rm-icon-btn{width:42px;height:42px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.rm-icon-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.rm-icon-btn.active{background:#fff;color:#ea580c}.rm-top-title{font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.rm-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#ea580c;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.rm-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.rm-search-container{position:relative;margin:12px 14px}.rm-search-wrap{position:relative;max-width:500px;margin:0 auto}.rm-search-wrap svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.rm-search-wrap input{width:100%;padding:14px 48px 14px 16px;border:none;border-radius:16px;background:#fff;font-size:15px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.rm-search-wrap input:focus{outline:none;box-shadow:0 4px 25px #ea580c40}.rm-search-clear{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.rm-search-clear:hover{background:#ef4444;color:#fff}.rm-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;max-height:400px;overflow-y:auto;z-index:1000}.rm-search-section{padding:8px}.rm-search-section-title{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;margin-bottom:4px}.rm-search-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .2s;border-radius:10px}.rm-search-item:hover{background:#fff7ed}.rm-search-item-img{width:40px;height:40px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.rm-search-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.rm-search-item-name{font-size:14px;font-weight:600;color:#1f2937}.rm-search-item-price{font-size:12px;color:#ea580c;font-weight:600}.rm-search-category{font-weight:600;color:#374151}.rm-search-input{flex:1;padding:0;border:none;background:transparent;font-size:15px;outline:none}.rm-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.rm-search-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f3f4f6}.rm-search-dropdown-item:last-child{border-bottom:none}.rm-search-dropdown-item:hover{background:#fff7ed}.rm-search-dropdown-item img{width:45px;height:45px;border-radius:10px;-o-object-fit:cover;object-fit:cover}.rm-search-dropdown-item-info{flex:1}.rm-search-dropdown-item-info h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.rm-search-dropdown-item-info span{font-size:12px;color:#ea580c;font-weight:600}.rm-search-no-results{padding:20px;text-align:center;color:#6b7280}.rm-cat-row{display:flex;gap:10px;padding:0 14px 12px;align-items:center}.rm-cat-row::-webkit-scrollbar{display:none}.rm-category-dropdown{position:relative;flex:1;max-width:250px}.rm-category-dropdown-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s;min-width:160px}.rm-category-dropdown-btn:hover{border-color:#ea580c}.rm-category-dropdown-btn.active{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;border-color:transparent}.rm-category-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;min-width:200px;z-index:40;overflow:hidden}.rm-category-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f3f4f6}.rm-category-dropdown-item:last-child{border-bottom:none}.rm-category-dropdown-item:hover{background:#fff7ed}.rm-category-dropdown-item.active{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.rm-category-dropdown-item span:first-child{font-size:18px}.rm-cat-count{margin-right:auto;font-size:12px;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:10px;font-weight:600}.rm-stock-filter-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff7ed;border:2px solid #ea580c;border-radius:20px;font-size:13px;font-weight:600;color:#ea580c;cursor:pointer;transition:all .3s}.rm-stock-filter-badge:hover{background:#ea580c;color:#fff}.rm-category-dropdown-item.active .rm-cat-count{background:#fff3;color:#fff}.rm-filter-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:2px solid #e5e7eb;border-radius:25px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s;white-space:nowrap}.rm-filter-chip:hover{border-color:#ea580c;color:#ea580c}.rm-filter-chip.active{background:#fff7ed;border-color:#ea580c;color:#ea580c}.rm-filter-chip.spicy{border-color:#ef4444;color:#ef4444;background:#fef2f2}.rm-filter-chip.veggie{border-color:#22c55e;color:#22c55e;background:#f0fdf4}.rm-content-area{display:flex;flex:1;gap:0}.rm-sidebar{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:#fff;z-index:60;display:flex;flex-direction:column;transition:transform .3s ease;overflow-y:auto;transform:translate(100%);box-shadow:-5px 0 20px #0000001a}.rm-sidebar.open{transform:translate(0)}.rm-section{padding:12px 16px;border-top:1px solid #f0f0f0}.rm-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;border-top:1px solid #f0f0f0;cursor:pointer;font-family:inherit;transition:background .15s ease}.rm-section-toggle:hover{background:#fff7ed}.rm-section-toggle svg{color:#666;transition:transform .2s ease}.rm-section-toggle svg.rotated{transform:rotate(180deg)}.rm-sec-title{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.rm-categories-section{padding:0}.rm-categories-list{max-height:200px;overflow-y:auto;padding:0 16px 12px;background:#fafafa;animation:slideDown .2s ease}.rm-categories-list::-webkit-scrollbar{width:4px}.rm-categories-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.rm-check-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#555;margin-bottom:8px;cursor:pointer}.rm-cat-label-text{flex:1}.rm-cat-label-count{font-size:12px;color:#999}.rm-low-stock-label,.rm-low-stock-icon{color:#f59e0b}.rm-checkbox{width:18px;height:18px;accent-color:#ea580c}.rm-low-stock-icon{color:#f59e0b}.rm-stock-menu-btn{background:#fff;display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.rm-stock-menu-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.rm-stock-menu-arrow{margin-right:auto;font-size:10px}.rm-stock-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.rm-stock-option{padding:8px 12px;background:#f5f6fa;border:1px solid #e0e0e0;border-radius:8px;font-size:12px;color:#555;cursor:pointer;font-family:inherit;transition:all .2s ease}.rm-stock-option:hover{border-color:#f59e0b;color:#f59e0b}.rm-stock-option.active{background:#f59e0b;color:#fff;border-color:#f59e0b}.rm-stock-count{margin-right:4px;opacity:.7ter;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}.rm-side-title{font-size:17px;font-weight:600;color:#333}.rm-close-btn{background:#f5f5f5;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:background .2s ease}.rm-close-btn:hover{background:#e5e5e5}.rm-sidebar .rm-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px;padding:14px;background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}.rm-sidebar .rm-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ea580c66}.rm-side-btns{display:flex;gap:10px;padding:16px;margin-top:auto;border-top:1px solid #eee}.rm-apply-btn{flex:1;padding:12px;background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s ease}.rm-apply-btn:hover{background:linear-gradient(135deg,#dc2626,#ea580c)}.rm-reset-btn{flex:1;padding:12px;background:#fff;color:#666;border:1px solid #ddd;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.rm-reset-btn:hover{background:#f5f5f5;border-color:#ccc}.rm-sidebar-section{padding:12px 16px;border-top:1px solid #f0f0f0}.rm-sidebar-section h3{font-size:14px;font-weight:600;color:#333;margin:0 0 10px;display:flex;align-items:center;gap:8px}.rm-sidebar-section h3 svg{color:#ea580c}.rm-critical-section{background:#fef2f2;margin:12px;border-radius:12px;border:1px solid #fecaca}.rm-critical-section h3{color:#ef4444}.rm-critical-section h3 svg{color:#ef4444}.rm-critical-title{display:flex;align-items:center;gap:6px;color:#ef4444}.rm-critical-list{display:flex;flex-direction:column;gap:8px}.rm-no-critical{font-size:12px;color:#999;text-align:center;padding:10px}.rm-critical-item{background:#fff;padding:8px 10px;border-radius:8px;border:1px solid #fee2e2}.rm-critical-item:hover{background:#fff}.rm-critical-info{display:flex;justify-content:space-between;margin-bottom:6px}.rm-critical-name{font-size:12px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.rm-critical-stock{font-size:11px;color:#ef4444;font-weight:600}.rm-critical-bar{height:4px;background:#fee2e2;border-radius:2px;overflow:hidden}.rm-critical-fill{height:100%;background:#ef4444;transition:width .3s ease}.rm-see-all-critical{width:100%;padding:8px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:4px}.rm-see-all-critical:hover{background:#dc2626}.rm-critical-item-info h4{font-size:13px;font-weight:600;color:#1f2937;margin:0}.rm-critical-item-info span{font-size:11px;color:#dc2626;font-weight:500}.rm-stock-filters{display:flex;flex-direction:column;gap:8px}.rm-stock-filter-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.rm-stock-filter-item:hover{border-color:#ea580c}.rm-stock-filter-item.active{border-color:#ea580c;background:#fff7ed}.rm-stock-filter-item .dot{width:10px;height:10px;border-radius:50%}.rm-stock-filter-item .dot.green{background:#22c55e}.rm-stock-filter-item .dot.yellow{background:#eab308}.rm-stock-filter-item .dot.red{background:#ef4444}.rm-stock-filter-item span{flex:1;font-size:13px;color:#374151}.rm-stock-filter-item .count{font-size:12px;font-weight:600;color:#6b7280;background:#e5e7eb;padding:2px 8px;border-radius:10px}.rm-overlay,.rm-sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:50}.rm-items-area{flex:1;padding:0 10px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.rm-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.rm-grid-header h2{font-size:18px;font-weight:700;color:#1f2937;margin:0}.rm-grid-count{font-size:14px;color:#6b7280}.rm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.rm-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;border:1px solid #f3f4f6}.rm-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.rm-card.unavailable{opacity:.6}.rm-img-box{position:relative;height:180px;overflow:hidden}.rm-img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.rm-card:hover .rm-img-box img{transform:scale(1.05)}.rm-unavailable-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.rm-item-badges{position:absolute;top:12px;right:12px;display:flex;gap:6px}.rm-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000026}.rm-badge.spicy{background:#ef4444e6;color:#fff}.rm-badge.veggie{background:#22c55ee6;color:#fff}.rm-stock-indicator{position:absolute;bottom:0;left:0;right:0;height:4px;background:#e5e7eb}.rm-stock-bar{height:100%;transition:width .3s ease}.rm-stock-bar.good{background:linear-gradient(90deg,#22c55e,#4ade80)}.rm-stock-bar.low{background:linear-gradient(90deg,#eab308,#facc15)}.rm-stock-bar.critical{background:linear-gradient(90deg,#ef4444,#f87171)}.rm-card-body{padding:16px}.rm-card-body h3{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 4px}.rm-name{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:8px}.rm-price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rm-price{font-size:18px;font-weight:700;color:#ea580c}.rm-cost{font-size:12px;color:#9ca3af}.rm-card-body .rm-name-en{font-size:12px;color:#9ca3af;margin:0 0 12px}.rm-card-stats{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.rm-prep-time{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px}.rm-profit{font-size:12px;color:#22c55e;font-weight:600}.rm-actions{display:flex;align-items:center;gap:8px;justify-content:flex-start}.rm-center{display:flex;justify-content:center;align-items:center;width:100%;padding:20px}.rm-pricing{display:flex;justify-content:space-between;margin-bottom:16px;padding:10px;background:#f9fafb;border-radius:10px}.rm-pricing>div{text-align:center}.rm-pricing .label{font-size:11px;color:#9ca3af;display:block}.rm-pricing .price{font-size:16px;font-weight:700;color:#ea580c}.rm-pricing .cost{font-size:14px;font-weight:600;color:#6b7280}.rm-stock-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-bottom:12px}.rm-stock-badge.good{background:#dcfce7;color:#16a34a}.rm-stock-badge.low{background:#fef3c7;color:#ca8a04}.rm-stock-badge.critical{background:#fee2e2;color:#dc2626}.rm-card-actions{display:flex;gap:8px;border-top:1px solid #f3f4f6;padding-top:12px}.rm-card-actions button{flex:1;padding:10px;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.rm-toggle-btn{background:#f0fdf4;color:#22c55e}.rm-toggle-btn.inactive{background:#fef2f2;color:#ef4444}.rm-toggle-btn:hover{transform:scale(1.05)}.rm-edit-btn{background:#eff6ff;color:#3b82f6}.rm-edit-btn:hover{background:#3b82f6;color:#fff}.rm-del-btn{background:#fef2f2;color:#ef4444;padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:all .2s}.rm-del-btn:hover{background:#ef4444;color:#fff}.rm-delete-btn{background:#fef2f2;color:#ef4444}.rm-delete-btn:hover{background:#ef4444;color:#fff}.rm-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#9ca3af}.rm-empty svg{width:80px;height:80px;margin-bottom:16px;opacity:.5}.rm-empty h3{font-size:18px;color:#6b7280;margin:0 0 8px}.rm-empty p{font-size:14px;margin:0}.rm-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.rm-modal-content{background:#fff;border-radius:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.rm-modal-header h2{font-size:20px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:10px}.rm-modal-header h2 svg{color:#ea580c}.rm-modal-close{width:36px;height:36px;border:none;background:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s;box-shadow:0 2px 10px #0000001a}.rm-modal-close:hover{background:#ef4444;color:#fff}.rm-modal-body{padding:24px}.rm-add-form{display:flex;flex-direction:column;gap:0}.rm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.rm-form-group{margin-bottom:16px}.rm-form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.rm-form-group input,.rm-form-group select,.rm-form-group textarea{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .3s;background:#f9fafb}.rm-form-group input:focus,.rm-form-group select:focus,.rm-form-group textarea:focus{outline:none;border-color:#ea580c;background:#fff;box-shadow:0 0 0 4px #ea580c1a}.rm-form-group textarea{resize:vertical;min-height:100px}.rm-checkboxes{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.rm-form-checkboxes{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.rm-image-count{font-size:12px;color:#6b7280;margin-top:8px;display:block}.rm-checkbox-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s;font-size:14px}.rm-checkbox-label:hover{border-color:#ea580c}.rm-checkbox-label input{accent-color:#ea580c;width:18px;height:18px}.rm-checkbox-label input:checked+span{color:#ea580c;font-weight:600}.rm-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #f3f4f6;background:#f9fafb}.rm-cancel-btn{flex:1;padding:14px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s}.rm-cancel-btn:hover{border-color:#ef4444;color:#ef4444}.rm-submit-btn{flex:2;padding:14px;border:none;background:linear-gradient(135deg,#ea580c,#f97316);border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ea580c4d}.rm-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ea580c66}.rm-submit-btn:disabled{opacity:.6;cursor:not-allowed}.rm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#6b7280}.rm-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#ea580c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:1024px){.rm-items-area{padding:16px}.rm-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media(max-width:768px){.rm-top-bar{padding:12px 16px;flex-wrap:wrap}.rm-top-title{font-size:16px}.rm-add-btn{padding:8px 14px;font-size:13px}.rm-add-btn span{display:none}.rm-search-container{padding:0 16px;margin-top:-20px}.rm-cat-row{padding:12px 16px}.rm-form-row{grid-template-columns:1fr}.rm-modal-content{max-height:95vh;border-radius:20px 20px 0 0;margin-top:auto}.rm-grid{grid-template-columns:1fr}.rm-card{border-radius:16px}.rm-img-box{height:160px}.rm-sidebar{width:280px}}@media(max-width:480px){.rm-top-bar{padding:10px 12px}.rm-icon-btn{width:38px;height:38px}.rm-search-wrap input{padding:12px 42px 12px 12px;font-size:14px}.rm-category-dropdown-btn{min-width:140px;padding:8px 12px;font-size:13px}.rm-filter-chip{padding:6px 10px;font-size:12px}.rm-card-body{padding:14px}.rm-card-body h3{font-size:15px}.rm-pricing .price{font-size:14px}.rm-card-actions button{padding:8px;font-size:12px}.rm-modal-header,.rm-modal-body,.rm-modal-actions{padding:16px}}@media(max-width:360px){.rm-top-bar{padding:8px 10px;gap:8px}.rm-top-title{font-size:16px;gap:6px}.rm-icon-btn{width:34px;height:34px;border-radius:10px}.rm-add-btn{padding:8px 14px;font-size:12px;gap:4px}.rm-search-wrap input{padding:10px 38px 10px 10px;font-size:13px;border-radius:12px}.rm-cat-row{padding:8px 10px;gap:6px}.rm-cat-btn{padding:6px 10px;font-size:11px;border-radius:14px}.rm-grid{gap:10px;padding:10px}.rm-card{border-radius:12px}.rm-card-image{height:130px}.rm-card-body{padding:10px}.rm-card-body h3{font-size:14px}.rm-pricing .price{font-size:13px}.rm-card-actions button{padding:6px;font-size:11px;border-radius:6px}.rm-modal-content{width:100%;max-width:100%;margin:0;border-radius:20px 20px 0 0;max-height:90vh}}@media(max-width:768px)and (orientation:landscape){.rm-top-bar{padding:8px 16px}.rm-search-container{margin-top:-15px}.rm-cat-row{padding:6px 16px}.rm-grid{max-height:calc(100vh - 150px);overflow-y:auto;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.rm-card-image{height:100px}.rm-modal-content{max-height:90vh;overflow-y:auto}}@media(hover:none)and (pointer:coarse){.rm-cat-btn{min-height:40px}.rm-card-actions button{min-height:44px;min-width:44px}.rm-card:hover{transform:none}.rm-card:active{transform:scale(.98);transition:transform .1s ease}}@supports (padding: max(0px)){.rm-wrapper{padding-bottom:max(env(safe-area-inset-bottom),0)}.rm-sidebar{padding-bottom:max(env(safe-area-inset-bottom),20px)}.rm-modal-actions{padding-bottom:max(env(safe-area-inset-bottom),16px)}}@media(prefers-color-scheme:dark){.rm-wrapper{background:#111827}.rm-card,.rm-sidebar,.rm-sidebar-section,.rm-modal-content{background:#1f2937;border-color:#374151}.rm-card-body h3,.rm-sidebar-section h3{color:#f9fafb}.rm-pricing{background:#374151}.rm-form-group input,.rm-form-group select,.rm-form-group textarea,.rm-category-dropdown-btn{background:#374151;border-color:#4b5563;color:#f9fafb}.rm-search-wrap input{background:#1f2937;color:#f9fafb}}.rm-card{animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rm-grid .rm-card:nth-child(1){animation-delay:.05s}.rm-grid .rm-card:nth-child(2){animation-delay:.1s}.rm-grid .rm-card:nth-child(3){animation-delay:.15s}.rm-grid .rm-card:nth-child(4){animation-delay:.2s}.rm-grid .rm-card:nth-child(5){animation-delay:.25s}.rm-grid .rm-card:nth-child(6){animation-delay:.3s}.image-uploader{display:flex;flex-direction:column;gap:1rem}.image-uploader .uploader-header{display:flex;align-items:center;justify-content:space-between}.image-uploader .uploader-header label{font-size:.9375rem;font-weight:600;color:#374151}.image-uploader .image-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:20px}.image-uploader .upload-zone{border:2px dashed #d1d5db;border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa;display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-uploader .upload-zone:hover{border-color:#3b82f6;background:#f0f9ff}.image-uploader .upload-zone.dragging{border-color:#3b82f6;background:#eff6ff;border-style:solid}.image-uploader .upload-zone svg{color:#9ca3af;transition:color .2s}.image-uploader .upload-zone:hover svg{color:#3b82f6}.image-uploader .upload-zone p{margin:.5rem 0 0;font-size:.9375rem;color:#374151;font-weight:500}.image-uploader .upload-hint{font-size:.8125rem;color:#9ca3af}.image-uploader .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.image-uploader .image-preview{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#f3f4f6;border:2px solid transparent;transition:all .2s}.image-uploader .image-preview.success{border-color:#22c55e}.image-uploader .image-preview.error{border-color:#ef4444;background:#fef2f2}.image-uploader .image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-uploader .image-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:1.5rem .5rem .5rem;display:flex;align-items:center;justify-content:space-between}.image-uploader .quality-badge{font-size:.6875rem;color:#fff;padding:.125rem .5rem;border-radius:10px;font-weight:500}.image-uploader .image-size{font-size:.6875rem;color:#ffffffe6}.image-uploader .remove-image{position:absolute;top:.375rem;right:.375rem;width:28px;height:28px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s}.image-uploader .image-preview:hover .remove-image{opacity:1;transform:scale(1)}.image-uploader .remove-image:hover{background:#ef4444}.image-uploader .success-indicator{position:absolute;top:.375rem;left:.375rem;width:24px;height:24px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center}.image-uploader .image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center;gap:.5rem}.image-uploader .image-error svg{color:#ef4444}.image-uploader .image-error p{margin:0;font-size:.75rem;color:#dc2626;line-height:1.3}.image-uploader .image-error button{padding:.375rem .75rem;font-size:.75rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s}.image-uploader .image-error button:hover{background:#fee2e2}.image-uploader .uploader-info{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:10px;padding:.75rem 1rem}.image-uploader .uploader-info p{margin:0;font-size:.8125rem;color:#15803d;line-height:1.6}[dir=rtl] .image-uploader .remove-image{right:auto;left:.375rem}[dir=rtl] .image-uploader .success-indicator{left:auto;right:.375rem}@media(prefers-color-scheme:dark){.image-uploader .uploader-header label{color:#e5e7eb}.image-uploader .image-count{background:#374151;color:#d1d5db}.image-uploader .upload-zone{background:#1f2937;border-color:#4b5563}.image-uploader .upload-zone:hover{background:#1e3a5f;border-color:#3b82f6}.image-uploader .upload-zone p{color:#e5e7eb}.image-uploader .image-preview{background:#374151}.image-uploader .image-preview.error{background:#7f1d1d}.image-uploader .uploader-info{background:linear-gradient(135deg,#14532d,#166534);border-color:#22c55e}.image-uploader .uploader-info p{color:#bbf7d0}}@media(max-width:400px){.image-uploader .images-grid{grid-template-columns:repeat(2,1fr)}.image-uploader .upload-zone{padding:1.5rem 1rem}}.invoice-template{font-family:Segoe UI,Tahoma,Arial,sans-serif;background:#fff;color:#333;direction:rtl;text-align:right}.invoice-80mm{width:80mm;padding:8mm;font-size:11px;line-height:1.4}.invoice-58mm{width:58mm;padding:5mm;font-size:9px;line-height:1.3}.invoice-a4{width:210mm;padding:20mm;font-size:12px;line-height:1.5}.invoice-preview{box-shadow:0 4px 20px #00000026;border-radius:4px;margin:0 auto}.invoice-header{text-align:center;padding-bottom:10px;border-bottom:2px dashed #333;margin-bottom:10px}.invoice-logo{font-size:18px;font-weight:700;color:#ea580c;margin-bottom:4px}.invoice-58mm .invoice-logo{font-size:14px}.invoice-a4 .invoice-logo{font-size:24px;margin-bottom:8px}.invoice-store-info{font-size:10px;color:#666;margin:2px 0}.invoice-58mm .invoice-store-info{font-size:8px}.invoice-number{font-size:12px;color:#666;margin-top:8px}.invoice-58mm .invoice-number{font-size:10px}.invoice-datetime{font-size:10px;color:#888;margin-top:4px}.invoice-58mm .invoice-datetime{font-size:8px}.invoice-status{display:inline-block;padding:4px 12px;margin:8px 0;border-radius:12px;font-weight:700;font-size:11px}.invoice-58mm .invoice-status{padding:3px 8px;font-size:9px}.status-paid{background:#dcfce7;color:#16a34a}.status-credit{background:#ffedd5;color:#ea580c}.status-unpaid{background:#fef3c7;color:#d97706}.invoice-order-type{display:inline-block;padding:3px 10px;margin:4px 0;background:#e0e7ff;color:#4338ca;border-radius:8px;font-size:10px}.invoice-58mm .invoice-order-type{font-size:8px;padding:2px 6px}.invoice-info{padding:8px 0;border-bottom:1px dashed #ccc;margin-bottom:8px}.invoice-info-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px}.invoice-58mm .invoice-info-row{font-size:9px}.invoice-label{color:#666}.invoice-value{font-weight:600}.invoice-items{margin:10px 0}.invoice-items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:6px 0;border-bottom:1px solid #333;font-weight:700;font-size:10px;color:#666;text-align:center}.invoice-items-header span:first-child{text-align:right}.invoice-58mm .invoice-items-header{font-size:8px;grid-template-columns:2fr .8fr 1fr 1fr}.invoice-item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:6px 0;border-bottom:1px dashed #eee;font-size:11px;text-align:center}.invoice-58mm .invoice-item-row{font-size:9px;padding:4px 0;grid-template-columns:2fr .8fr 1fr 1fr}.item-name{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-totals{padding:10px 0;border-top:2px dashed #333;margin-top:8px}.invoice-total-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.invoice-58mm .invoice-total-row{font-size:10px}.invoice-total-row.discount{color:#22c55e}.invoice-total-row.grand-total{font-size:16px;font-weight:700;color:#ea580c;padding:8px 0;margin-top:6px;border-top:2px solid #ea580c}.invoice-58mm .invoice-total-row.grand-total{font-size:14px}.invoice-a4 .invoice-total-row.grand-total{font-size:20px;padding:12px 0}.invoice-payment{text-align:center;padding:8px;background:#f3f4f6;border-radius:6px;margin:10px 0;font-size:12px}.invoice-58mm .invoice-payment{padding:6px;font-size:10px}.invoice-notes{padding:8px;background:#fefce8;border-radius:6px;margin:8px 0;font-size:10px;color:#854d0e}.invoice-58mm .invoice-notes{font-size:8px;padding:5px}.invoice-barcode{text-align:center;margin:12px 0;padding:8px 0}.invoice-barcode span{font-family:Courier New,monospace;font-size:12px;letter-spacing:2px;color:#666}.invoice-58mm .invoice-barcode span{font-size:10px;letter-spacing:1px}.invoice-footer{text-align:center;padding-top:12px;border-top:1px dashed #ccc}.invoice-thanks{font-size:14px;font-weight:700;margin-bottom:4px}.invoice-58mm .invoice-thanks{font-size:11px}.invoice-footer-note{font-size:10px;color:#888}.invoice-58mm .invoice-footer-note{font-size:8px}.invoice-copyright{font-size:9px;color:#aaa;margin-top:6px}.invoice-58mm .invoice-copyright{font-size:7px}@media print{.invoice-template{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-80mm{width:80mm;padding:5mm}.invoice-58mm{width:58mm;padding:3mm}.invoice-a4{width:100%;padding:15mm}.invoice-preview{box-shadow:none;border-radius:0}}@media(prefers-color-scheme:dark){.invoice-preview{background:#fff;color:#333}}@media screen and (max-width:400px){.invoice-preview.invoice-80mm{width:100%;max-width:80mm}.invoice-preview.invoice-a4{width:100%;padding:10px}}.rpos-wrapper{min-height:100%;background:linear-gradient(135deg,#fff5f5,#ffe0e0);direction:rtl;display:flex;flex-direction:column;position:relative}.rpos-top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;flex-shrink:0}.rpos-icon-btn{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rpos-icon-btn:hover{background:#ffffff40;transform:scale(1.05)}.rpos-icon-btn:disabled{opacity:.5;cursor:not-allowed}.rpos-top-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.rpos-search-container{padding:12px 16px;background:#fff;border-bottom:1px solid #eee;flex-shrink:0}.rpos-search-wrap{display:flex;align-items:center;gap:10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:10px 14px;transition:all .2s ease}.rpos-search-wrap:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.rpos-search-input{flex:1;border:none;background:transparent;font-size:15px;outline:none;font-family:inherit}.rpos-search-input::-moz-placeholder{color:#aaa}.rpos-search-input::placeholder{color:#aaa}.rpos-search-clear{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.rpos-search-clear:hover{color:#666}.rpos-cat-row{padding:10px 16px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.rpos-category-dropdown{position:relative;flex:1;max-width:250px}.rpos-category-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease}.rpos-category-dropdown-btn:hover{border-color:#ef4444}.rpos-category-dropdown-btn svg.rotated{transform:rotate(180deg)}.rpos-category-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:250px;overflow-y:auto}.rpos-category-dropdown-item{width:100%;padding:12px 14px;border:none;background:transparent;text-align:right;font-size:14px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.rpos-category-dropdown-item:hover{background:#fff5f5}.rpos-category-dropdown-item.active{background:#ef4444;color:#fff}.rpos-cat-count{font-size:12px;opacity:.7}.rpos-cart-indicator{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 14px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.rpos-cart-indicator:hover{transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.rpos-items-area{flex:1;padding:16px;background:linear-gradient(135deg,#fff5f5,#ffe0e0);padding-bottom:calc(16px + env(safe-area-inset-bottom))}.rpos-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#999}.rpos-center p{font-size:16px;margin:0}.rpos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}@media(min-width:768px){.rpos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}}.rpos-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .25s ease;position:relative;border:2px solid transparent}.rpos-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.rpos-card.in-cart{border-color:#ef4444;background:linear-gradient(135deg,#fff5f5,#fff)}.rpos-card.unavailable{opacity:.6;pointer-events:none}.rpos-img-box{height:120px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.rpos-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rpos-unavailable{position:absolute;top:8px;left:8px;background:#f44336;color:#fff;font-size:10px;padding:3px 6px;border-radius:4px;font-weight:600}.rpos-in-cart-badge{position:absolute;top:8px;right:8px;background:#ef4444;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 8px #ef444466}.rpos-card-body{padding:12px}.rpos-name{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpos-price-row{display:flex;align-items:center;justify-content:space-between}.rpos-price{font-size:15px;font-weight:700;color:#ef4444}.rpos-add-btn{position:absolute;bottom:10px;left:10px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ef44444d}.rpos-add-btn:hover{transform:scale(1.15)}.rpos-floating-cart{position:fixed;bottom:24px;left:24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:50px;padding:14px 24px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px #ef444466;cursor:pointer;z-index:90;transition:all .3s ease}.rpos-floating-cart:hover{transform:scale(1.05);box-shadow:0 8px 28px #ef444480}.rpos-floating-badge{background:#fff;color:#ef4444;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.rpos-floating-total{font-size:15px;font-weight:600}.rpos-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);z-index:200;animation:fadeIn .2s ease}.rpos-sidebar{position:fixed;top:0;right:-320px;width:320px;height:calc(100% - 70px);max-height:calc(100vh - 70px);background:#fff;z-index:210;display:flex;flex-direction:column;transition:right .3s ease;box-shadow:-4px 0 20px #0000001a;overflow:hidden}.rpos-sidebar.open{right:0}.rpos-side-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;gap:10px}.rpos-side-title{font-size:17px;font-weight:700}.rpos-header-dropdown{flex:1;position:relative}.rpos-header-dropdown-trigger{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:10px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.rpos-header-dropdown-trigger:hover{background:#ffffff40}.rpos-header-dropdown-trigger .filter-icon{font-size:14px}.rpos-header-dropdown-trigger .filter-text{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rpos-header-dropdown-trigger svg{transition:transform .2s ease;opacity:.8}.rpos-header-dropdown-trigger svg.rotated{transform:rotate(180deg)}.rpos-header-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 20px #00000026;z-index:100;max-height:250px;overflow-y:auto}.rpos-header-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;font-size:13px;color:#555;cursor:pointer;transition:all .15s ease;text-align:right}.rpos-header-dropdown-item:hover{background:#f5f5f5}.rpos-header-dropdown-item.active{background:linear-gradient(135deg,#ef444415,#dc262615);color:#ef4444;font-weight:600}.rpos-header-dropdown-item .item-count{margin-right:auto;font-size:11px;color:#999;background:#f0f0f0;padding:2px 6px;border-radius:10px}.rpos-close-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rpos-close-btn:hover{background:#ffffff40}.rpos-section{padding:16px;border-bottom:1px solid #eee}.rpos-sec-title{font-size:14px;font-weight:700;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.rpos-order-type-btns{display:flex;gap:8px;margin-bottom:12px}.rpos-order-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#f5f5f5;border:2px solid transparent;border-radius:10px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.rpos-order-type-btn:hover{border-color:#ef4444;color:#ef4444}.rpos-order-type-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff}.rpos-table-input-row{display:flex;gap:10px}.rpos-table-input,.rpos-guests-input{flex:1;padding:10px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:all .2s ease}.rpos-table-input:focus,.rpos-guests-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.rpos-cart-section{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.rpos-clear-cart{margin-right:auto;background:#fee;border:none;color:#e53935;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rpos-clear-cart:hover{background:#f44336;color:#fff}.rpos-empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;gap:12px}.rpos-empty-cart p{font-size:14px;margin:0}.rpos-cart-list{flex:1;overflow-y:auto;padding-right:4px}.rpos-cart-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f9f9f9;border-radius:10px;margin-bottom:8px}.rpos-cart-item-img{width:45px;height:45px;border-radius:8px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rpos-cart-item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rpos-cart-item-info{flex:1;min-width:0}.rpos-cart-item-name{font-size:13px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpos-cart-item-price{font-size:12px;color:#ef4444;font-weight:500}.rpos-cart-item-qty{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:2px}.rpos-cart-item-qty button{width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ef4444;border-radius:4px;transition:all .2s ease}.rpos-cart-item-qty button:hover{background:#fff5f5}.rpos-cart-item-qty span{min-width:20px;text-align:center;font-weight:600;font-size:13px}.rpos-cart-item-subtotal{font-size:12px;font-weight:700;color:#333;white-space:nowrap}.rpos-cart-item-remove{width:28px;height:28px;border:none;background:#fee;color:#e53935;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rpos-cart-item-remove:hover{background:#f44336;color:#fff}.rpos-cart-footer{padding:12px 16px 16px;border-top:1px solid #eee;background:#fff;flex-shrink:0;margin-top:auto;position:relative;transition:all .3s ease}.rpos-cart-footer.collapsed{padding:0;border-top:none}.rpos-footer-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:transparent;border:none;border-bottom:1px solid #eee;cursor:pointer;transition:all .2s ease}.rpos-footer-toggle:hover{background:#f8f9fa}.rpos-footer-toggle .toggle-arrow{font-size:14px;color:#e53935;font-weight:700;transition:all .2s ease}.rpos-footer-toggle.collapsed .toggle-arrow{color:#4caf50}.rpos-footer-toggle .toggle-total{font-size:16px;font-weight:700;color:#ef4444}.rpos-cart-footer.collapsed .rpos-footer-toggle{border-bottom:none;padding:14px;background:linear-gradient(135deg,#ef444410,#dc262610)}.cart-count-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:11px;padding:0 6px}.rpos-print-unpaid-btn{width:100%;padding:10px;margin-bottom:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rpos-print-unpaid-btn:hover,.rpos-print-unpaid-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.rpos-method-btn.credit{border-color:#ea580c!important;color:#ea580c}.rpos-method-btn.credit.active{background:linear-gradient(135deg,#ea580c,#dc2626)!important;color:#fff;border-color:transparent!important}.rpos-credit-warning{margin-top:12px;padding:10px 14px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:10px;color:#c2410c;font-size:13px;font-weight:500;text-align:center}.rpos-cart-summary{margin-bottom:12px;margin-top:8px}.rpos-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#666;padding:4px 0}.rpos-summary-row.total{padding-top:12px;border-top:2px solid #dee2e6;font-size:18px;font-weight:700;color:#212529}.rpos-summary-row.discount{color:#4caf50}.rpos-summary-row.earned{color:#ef4444;font-size:13px;border-top:1px dashed #eee;margin-top:8px;padding-top:8px}.rpos-checkout-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;box-shadow:0 4px 14px #4caf504d}.rpos-checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.rpos-payment-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:9990;animation:fadeIn .2s ease}.rpos-payment-modal{position:fixed;top:10px;left:50%;transform:translate(-50%);width:94%;max-width:420px;max-height:calc(100vh - 90px);background:#fff;border-radius:20px;z-index:9999;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040;animation:modalSlideIn .3s ease}.rpos-payment-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.rpos-payment-header span{font-size:18px;font-weight:700}.rpos-payment-header button{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.rpos-payment-header button:hover{background:#ffffff40}.rpos-payment-body{padding:16px 20px;flex:1;overflow-y:auto;max-height:calc(100vh - 280px);min-height:200px}.rpos-payment-summary{background:#f8f9fa;padding:16px;border-radius:12px;margin-bottom:20px}.rpos-payment-methods{margin-bottom:20px}.rpos-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rpos-method-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#555}.rpos-method-btn:hover{border-color:#ef4444;color:#ef4444}.rpos-method-btn.active{border-color:#ef4444;background:linear-gradient(135deg,#fff5f5,#fff);color:#ef4444}.rpos-method-btn span{font-size:13px;font-weight:600}.rpos-cash-section{background:#f8f9fa;padding:16px;border-radius:12px}.rpos-cash-section label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.rpos-amount-input{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:10px 14px;margin-bottom:12px}.rpos-amount-input:focus-within{border-color:#ef4444}.rpos-amount-input input{flex:1;border:none;background:transparent;font-size:18px;font-weight:700;outline:none;text-align:center}.rpos-amount-input span{font-size:14px;color:#999}.rpos-quick-amounts{display:flex;gap:8px;flex-wrap:wrap}.rpos-quick-amounts button{padding:8px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s ease}.rpos-quick-amounts button:hover{background:#ef4444;border-color:#ef4444;color:#fff}.rpos-change{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px;background:#e8f5e9;border-radius:8px;font-weight:600}.rpos-change .amount{font-size:18px;color:#4caf50}.rpos-electronic-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-radius:16px;border:1px solid #e2e8f0}.rpos-loading-payment{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#64748b}.rpos-loading-payment .spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#ff6b35;border-radius:50%;animation:spin 1s linear infinite}.rpos-payment-details{display:flex;flex-direction:column;gap:16px}.rpos-payment-details .rpos-sec-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#334155;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.rpos-bank-details,.rpos-ewallet-details{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.rpos-detail-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.rpos-detail-row:last-child{border-bottom:none}.rpos-detail-row .label{font-size:13px;color:#64748b;min-width:90px;flex-shrink:0}.rpos-detail-row .value{flex:1;font-size:14px;font-weight:600;color:#1e293b;word-break:break-all}.rpos-detail-row .value.iban{font-family:Courier New,monospace;font-size:13px;letter-spacing:1px}.rpos-detail-row .copy-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease;flex-shrink:0}.rpos-detail-row .copy-btn:hover{background:#ff6b35;color:#fff}.rpos-detail-row .copy-btn.copied{background:#10b981;color:#fff}.rpos-payment-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#ff6b35,#f4511e);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;margin-top:12px;transition:all .2s ease}.rpos-payment-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566}.rpos-qr-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.rpos-qr-image{width:180px;height:180px;border-radius:12px;border:2px solid #e2e8f0;-o-object-fit:contain;object-fit:contain}.rpos-qr-section .qr-hint{font-size:13px;color:#64748b}.rpos-customer-notes{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:12px 16px;font-size:13px;color:#92400e;line-height:1.5}.rpos-amount-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#10b981,#059669);padding:16px 20px;border-radius:12px;color:#fff}.rpos-amount-box .label{font-size:14px;opacity:.9}.rpos-amount-box .amount{font-size:24px;font-weight:800}.rpos-amount-box .copy-amount-btn{display:flex;align-items:center;gap:6px;background:#fff3;border:none;padding:8px 14px;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.rpos-amount-box .copy-amount-btn:hover{background:#ffffff4d}.rpos-no-payment-method{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.rpos-no-payment-method svg{color:#cbd5e1}.rpos-no-payment-method p{font-size:16px;font-weight:600;color:#475569;margin:0}.rpos-no-payment-method span{font-size:13px;color:#94a3b8}.rpos-payment-footer{display:flex;gap:10px;padding:14px 20px 18px;background:#fff;border-top:1px solid #eee;flex-shrink:0;position:relative;z-index:10}.rpos-cancel-btn{flex:1;padding:14px;background:#fff;border:1px solid #ddd;border-radius:10px;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.rpos-cancel-btn:hover{background:#f5f5f5}.rpos-confirm-btn{flex:2;padding:14px;background:linear-gradient(135deg,#4caf50,#43a047);border:none;border-radius:10px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #4caf504d}.rpos-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.rpos-confirm-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.rpos-customer-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.rpos-customer-mode-tabs{display:flex;gap:8px;margin-bottom:12px}.rpos-mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:#f5f5f5;border:2px solid transparent;border-radius:12px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.rpos-mode-tab:hover{border-color:#ef4444;color:#ef4444;background:#fff5f5}.rpos-mode-tab.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff}.rpos-manual-customer-form{display:flex;flex-direction:column;gap:12px}.rpos-manual-input-group{display:flex;flex-direction:column;gap:6px}.rpos-manual-input-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#555}.rpos-manual-input-group input{padding:12px 14px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;transition:all .2s ease}.rpos-manual-input-group input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.rpos-set-customer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.rpos-set-customer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.rpos-search-type-tabs{display:flex;gap:8px;margin-bottom:12px}.rpos-search-type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#f5f5f5;border:2px solid transparent;border-radius:10px;font-size:13px;color:#666;cursor:pointer;transition:all .2s ease}.rpos-search-type-tab:hover{border-color:#ef4444;color:#ef4444}.rpos-search-type-tab.active{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#ef4444;color:#ef4444}.rpos-customer-search{display:flex;gap:8px}.rpos-customer-search input{flex:1;padding:12px 14px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;transition:all .2s ease}.rpos-customer-search input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.rpos-customer-search-btn{width:48px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.rpos-customer-search-btn:hover{transform:scale(1.05)}.rpos-customer-search-btn:disabled{opacity:.7;cursor:not-allowed}.rpos-customer-card{background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #ffe0e0;border-radius:12px;padding:14px}.rpos-customer-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rpos-customer-avatar{width:48px;height:48px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.rpos-customer-details{flex:1}.rpos-customer-name{font-size:16px;font-weight:700;color:#333;margin-bottom:4px}.rpos-customer-contact{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#666}.rpos-customer-contact span{display:flex;align-items:center;gap:4px}.rpos-customer-remove{width:32px;height:32px;background:#fee;color:#e53935;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rpos-customer-remove:hover{background:#f44336;color:#fff}.rpos-loyalty-section{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;border:1px solid #e0e0e0}.rpos-loyalty-info{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.rpos-loyalty-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.rpos-loyalty-badge[data-level=bronze]{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.rpos-loyalty-badge[data-level=silver]{background:linear-gradient(135deg,silver,#a8a8a8);color:#333}.rpos-loyalty-badge[data-level=gold]{background:linear-gradient(135deg,gold,#ffb347);color:#333}.rpos-loyalty-badge[data-level=platinum]{background:linear-gradient(135deg,#e5e4e2,#a9a9a9);color:#333}.rpos-points-display{display:flex;align-items:center;gap:6px;font-size:13px;color:#ef4444;font-weight:600}.rpos-points-display .rpos-points-value{font-size:11px;color:#999;font-weight:400}.rpos-use-points{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#333}.rpos-use-points input[type=checkbox]{width:18px;height:18px;accent-color:#ef4444}.rpos-points-input{margin-top:12px}.rpos-points-input input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:#e0e0e0;border-radius:3px;outline:none}.rpos-points-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #ef444466}.rpos-points-input span{display:block;margin-top:8px;font-size:12px;color:#666}.rpos-customer-discount{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#e8f5e9;border-radius:8px;font-size:13px;color:#2e7d32}.rpos-customer-discount .rpos-discount-value{margin-right:auto;font-weight:700}@media(min-width:600px){.rpos-sidebar{width:380px;right:-380px}.rpos-sidebar.open{right:0}}@media(max-width:480px){.rpos-top-bar{padding:10px 14px}.rpos-top-title{font-size:16px}.rpos-icon-btn{width:36px;height:36px}.rpos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rpos-img-box{height:100px}.rpos-name{font-size:13px}.rpos-price{font-size:14px}.rpos-sidebar{width:100%;right:-100%;height:calc(100% - 70px);max-height:calc(100vh - 70px)}.rpos-sidebar.open{right:0}.rpos-floating-cart{bottom:calc(80px + env(safe-area-inset-bottom,0px));left:16px;right:16px;justify-content:center;border-radius:14px;padding:12px 20px}.rpos-payment-modal{width:100%;max-width:100%;top:0;left:0;right:0;transform:none;border-radius:0 0 20px 20px;max-height:calc(100vh - 70px)}.rpos-payment-body{max-height:calc(100vh - 200px);padding:14px 16px}.rpos-search-type-tabs{gap:6px}.rpos-search-type-tab{padding:8px;font-size:12px}.rpos-methods-grid{gap:8px}.rpos-method-btn{padding:12px 8px}.rpos-method-btn span{font-size:12px}}.rpos-items-area::-webkit-scrollbar,.rpos-cart-list::-webkit-scrollbar,.rpos-category-dropdown-menu::-webkit-scrollbar{width:4px}.rpos-items-area::-webkit-scrollbar-track,.rpos-cart-list::-webkit-scrollbar-track,.rpos-category-dropdown-menu::-webkit-scrollbar-track{background:transparent}.rpos-items-area::-webkit-scrollbar-thumb,.rpos-cart-list::-webkit-scrollbar-thumb,.rpos-category-dropdown-menu::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.rpos-items-area::-webkit-scrollbar-thumb:hover,.rpos-cart-list::-webkit-scrollbar-thumb:hover,.rpos-category-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ccc}@media(max-width:360px){.rpos-top-bar{padding:8px 10px}.rpos-top-title{font-size:14px;gap:6px}.rpos-icon-btn{width:34px;height:34px;border-radius:8px}.rpos-search-container{padding:8px 10px}.rpos-search-wrap{padding:8px 10px;border-radius:10px}.rpos-search-input{font-size:13px}.rpos-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.rpos-img-box{height:85px}.rpos-card-body{padding:10px}.rpos-name{font-size:12px}.rpos-price{font-size:13px}.rpos-add-btn{width:28px;height:28px;bottom:8px;left:8px}.rpos-floating-cart{bottom:calc(80px + env(safe-area-inset-bottom,0px));left:10px;right:10px;padding:10px 16px;border-radius:12px}.rpos-cart-item{padding:10px;gap:8px}.rpos-item-name{font-size:13px}.rpos-item-price{font-size:12px}.rpos-sidebar-header,.rpos-cart-total{padding:12px}.rpos-checkout-btn{padding:12px;font-size:14px}.rpos-payment-body,.rpos-payment-header{padding:12px}}@media(max-width:768px)and (orientation:landscape){.rpos-top-bar,.rpos-search-container,.rpos-cat-row{padding:6px 14px}.rpos-items-area{max-height:calc(100vh - 130px);padding:10px}.rpos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.rpos-img-box{height:90px}.rpos-sidebar{width:45%;max-height:100vh}.rpos-floating-cart{bottom:12px;left:auto;right:12px;width:auto;padding:10px 20px}.rpos-payment-modal{max-height:95vh;width:90%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:16px}}@media(hover:none)and (pointer:coarse){.rpos-card{min-height:auto}.rpos-card:hover{transform:none}.rpos-card:active{transform:scale(.98);transition:transform .1s ease}.rpos-add-btn{width:36px;height:36px}.rpos-add-btn:active{transform:scale(.9)}.rpos-checkout-btn:active{transform:scale(.98)}.rpos-method-btn:active{transform:scale(.95)}.rpos-qty-btn{min-width:36px;min-height:36px}}@supports (padding: max(0px)){.rpos-wrapper{padding-bottom:max(env(safe-area-inset-bottom),0)}.rpos-floating-cart{bottom:max(calc(env(safe-area-inset-bottom) + 16px),24px)}.rpos-sidebar{padding-bottom:max(env(safe-area-inset-bottom),20px)}.rpos-payment-body{padding-bottom:max(env(safe-area-inset-bottom),16px)}}.restaurant-tables{display:flex;flex-direction:column;gap:20px;padding-bottom:env(safe-area-inset-bottom)}.tables-header{display:flex;justify-content:space-between;align-items:center}.tables-filters{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;flex:1}.tables-filters::-webkit-scrollbar{height:4px}.tables-filters::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.tables-filters button{padding:10px 20px;border:2px solid #e9ecef;background:#fff;border-radius:20px;font-size:14px;font-weight:600;color:#495057;cursor:pointer;transition:all .3s;white-space:nowrap}.tables-filters button.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.tables-filters button:hover:not(.active){border-color:#ff6b6b;color:#ff6b6b}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.table-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014;border:3px solid;transition:all .3s;position:relative;overflow:hidden}.table-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.table-card.table-available{border-color:#28a745;background:linear-gradient(135deg,#fff,#f8fff9)}.table-card.table-occupied{border-color:#dc3545;background:linear-gradient(135deg,#fff,#fff5f5)}.table-card.table-reserved{border-color:#ffc107;background:linear-gradient(135deg,#fff,#fffbf0)}.table-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-card-header .table-number{margin-bottom:0;flex:1;text-align:start}.table-number{font-size:24px;font-weight:700;color:#212529;margin-bottom:12px;text-align:center;position:relative}.table-number:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:30px;height:2px;background:currentColor;opacity:.3}.table-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f8f9fa}.table-seats{display:flex;align-items:center;gap:6px;font-size:14px;color:#6c757d;font-weight:600}.table-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.table-status.table-available{background:#28a745}.table-status.table-occupied{background:#dc3545}.table-status.table-reserved{background:#ffc107;color:#212529}.table-order{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:10px;margin-bottom:12px}.order-number{font-size:13px;font-weight:700;color:#dc3545}.order-duration{display:flex;align-items:center;gap:4px;font-size:12px;color:#6c757d;font-weight:600}.table-actions{display:flex;gap:8px}.action-btn{flex:1;padding:10px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;color:#fff;text-transform:uppercase;letter-spacing:.5px}.action-btn:hover{transform:scale(1.02)}.action-btn.occupy{background:linear-gradient(135deg,#dc3545,#c82333)}.action-btn.occupy:hover{background:linear-gradient(135deg,#c82333,#bd2130)}.action-btn.reserve{background:linear-gradient(135deg,#ffc107,#ffb300);color:#212529}.action-btn.reserve:hover{background:linear-gradient(135deg,#ffb300,#ffa000)}.action-btn.free{background:linear-gradient(135deg,#28a745,#20c997)}.action-btn.free:hover{background:linear-gradient(135deg,#20c997,#17a2b8)}.action-btn.cancel{background:linear-gradient(135deg,#6c757d,#5a6268)}.action-btn.cancel:hover{background:linear-gradient(135deg,#5a6268,#495057)}@media(max-width:1024px){.tables-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.table-card{padding:16px}.table-number{font-size:22px}}@media(max-width:768px){.restaurant-tables{gap:16px}.tables-header{flex-direction:column;align-items:stretch;gap:12px}.tables-filters{gap:8px;padding:8px 0}.tables-filters button{padding:8px 16px;font-size:13px;border-radius:16px}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.table-card{padding:14px;border-radius:12px;border-width:2px}.table-number{font-size:20px;margin-bottom:10px}.table-info{margin-bottom:10px;padding-bottom:10px}.table-seats{font-size:13px}.table-status{padding:4px 10px;font-size:11px}.table-order{padding:10px;margin-bottom:10px}.order-number{font-size:12px}.order-duration{font-size:11px}.table-actions{gap:6px}.action-btn{padding:8px 12px;font-size:13px}}@media(max-width:480px){.restaurant-tables{gap:12px}.tables-filters button{padding:6px 12px;font-size:12px}.tables-grid{grid-template-columns:repeat(2,1fr);gap:8px}.table-card{padding:12px;border-width:2px}.table-number{font-size:18px;margin-bottom:8px}.table-info{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px;padding-bottom:8px}.table-seats{font-size:12px}.table-status{align-self:flex-end;padding:3px 8px;font-size:10px}.table-order{flex-direction:column;align-items:flex-start;gap:4px;padding:8px;margin-bottom:8px}.order-number{font-size:11px}.order-duration{font-size:10px}.table-actions{flex-direction:column;gap:4px}.action-btn{width:100%;padding:6px 10px;font-size:12px}}@media(max-width:320px){.tables-grid{grid-template-columns:1fr}.table-card{padding:10px}.table-number{font-size:16px}.action-btn{padding:5px 8px;font-size:11px}}@media(hover:none)and (pointer:coarse){.tables-filters button{min-height:40px}.action-btn{min-height:44px}.table-card:hover,.action-btn:hover{transform:none}}@media(max-width:768px)and (orientation:landscape){.tables-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.restaurant-orders-page{min-height:100%;background:#f8fafc;direction:rtl;display:flex;flex-direction:column}.restaurant-orders-header{background:linear-gradient(135deg,#ea580c,#f97316,#fb923c);padding:12px 16px;position:relative;z-index:10;flex-shrink:0}.restaurant-orders-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.restaurant-orders-header-left .menu-btn{background:#fff3;border:none;color:#fff;padding:8px 10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.restaurant-orders-title{display:flex;align-items:center;gap:6px;color:#fff;font-size:16px;font-weight:700;margin:0}.restaurant-orders-header-right{display:flex;align-items:center;gap:8px}.header-icon-btn{background:#fff3;border:none;color:#fff;padding:8px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.restaurant-selector{background:#fff3;border:none;color:#fff;padding:6px 10px;border-radius:8px;font-size:13px;max-width:120px}.header-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.header-filter-tab{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fff3;border:none;border-radius:12px;font-size:11px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-filter-tab.active{background:#fff;color:#ea580c}.header-filter-tab.in-delivery{background:#ffedd54d;border:1px solid rgba(255,255,255,.4)}.header-filter-tab.in-delivery.active{background:#fff7ed;color:#c2410c;border-color:#fdba74}.header-filter-tab .tab-count{background:#ffffff4d;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700}.header-filter-tab.active .tab-count{background:#ea580c;color:#fff}.restaurant-search-container{padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.restaurant-search-box{display:flex;align-items:center;gap:10px;background:#f3f4f6;padding:12px 16px;border-radius:12px}.restaurant-search-box .search-icon{color:#9ca3af}.restaurant-search-box input{flex:1;border:none;background:transparent;font-size:15px;outline:none;color:#374151}.restaurant-search-box input::-moz-placeholder{color:#9ca3af}.restaurant-search-box input::placeholder{color:#9ca3af}.search-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.search-close-btn:hover{background:#e5e7eb;color:#374151}.restaurant-filter-tabs{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #e5e7eb;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.restaurant-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f3f4f6;border:none;border-radius:16px;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.filter-tab:hover{background:#e5e7eb}.filter-tab.active{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.filter-tab.in-delivery{background:#fff7ed;border:1px solid #fdba74;color:#c2410c}.filter-tab.in-delivery:hover{background:#ffedd5}.filter-tab.in-delivery.active{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;border-color:transparent;animation:pulse-tab 2s ease-in-out infinite}@keyframes pulse-tab{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 6px #f9731600}}.filter-tab.in-delivery .tab-count{background:#ea580c;color:#fff}.filter-tab.in-delivery.active .tab-count{background:#ffffff4d}.filter-tab .tab-count{background:#0000001a;padding:2px 8px;border-radius:12px;font-size:11px}.filter-tab.active .tab-count{background:#ffffff4d}.filter-settings-btn{padding:10px 12px;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.restaurant-orders-list{flex:1;padding:12px;display:flex;flex-direction:column;gap:12px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.orders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.restaurant-order-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000000f}.restaurant-order-card.compact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px}.order-card-mini-header{display:flex;align-items:center;justify-content:space-between;width:100%}.order-type-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.order-status-dot{width:10px;height:10px;border-radius:50%}.order-amount-compact{display:flex;align-items:baseline;gap:4px}.amount-number{font-size:18px;font-weight:800;color:#1f2937}.currency-small{font-size:10px;color:#9ca3af}.order-items-count{font-size:11px;color:#6b7280}.delivery-status-mini{font-size:12px;padding:2px 6px;border-radius:6px;background:#fff7ed}.delivery-status-mini.requesting{animation:pulse 1.5s ease-in-out infinite}.delivery-status-mini.assigned{background:#dcfce7}.order-card-actions{display:flex;gap:6px;width:100%;justify-content:center}.card-btn{padding:6px 10px;border:none;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.card-btn.details{background:#f3f4f6;color:#374151;flex:1}.card-btn.details:hover{background:#e5e7eb}.card-btn.accept{background:#dcfce7;color:#16a34a}.card-btn.ready{background:#fef3c7;color:#d97706}.card-btn.deliver{background:#dbeafe;color:#2563eb}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.customer-info{display:flex;align-items:center;gap:12px}.customer-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.customer-details{display:flex;flex-direction:column;gap:4px}.customer-name{font-size:16px;font-weight:700;color:#1f2937}.order-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.order-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid}.order-items-list{margin-bottom:14px;padding:12px;background:#f9fafb;border-radius:10px}.order-item-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:#4b5563}.item-quantity{background:#ea580c;color:#fff;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600}.item-name{font-weight:500}.more-items{font-size:12px;color:#9ca3af;padding-top:6px;border-top:1px dashed #e5e7eb;margin-top:6px}.order-amount-section{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin-bottom:14px}.amount-label{font-size:13px;color:#6b7280}.amount-value{font-size:20px;font-weight:700;color:#10b981}.amount-value .currency{font-size:12px;font-weight:500;margin-right:4px;color:#6b7280}.order-actions-row{display:flex;flex-wrap:wrap;gap:8px}.action-btn-new{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff}.action-btn-new.accept{background:linear-gradient(135deg,#ea580c,#f97316);flex:1}.action-btn-new.accept:hover{background:linear-gradient(135deg,#c2410c,#ea580c);transform:translateY(-1px)}.action-btn-new.ready{background:linear-gradient(135deg,#16a34a,#22c55e);flex:1}.action-btn-new.ready:hover{background:linear-gradient(135deg,#15803d,#16a34a)}.action-btn-new.deliver{background:linear-gradient(135deg,#0d9488,#14b8a6);flex:1}.action-btn-new.deliver:hover{background:linear-gradient(135deg,#0f766e,#0d9488)}.action-btn-new.delivery{background:linear-gradient(135deg,#8b5cf6,#a78bfa);position:relative}.action-btn-new.delivery:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.action-btn-new.delivery.requesting{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed}.action-btn-new.delivery.found{background:linear-gradient(135deg,#f59e0b,#fbbf24);animation:pulse-orange 2s infinite}.action-btn-new.delivery.assigned{background:linear-gradient(135deg,#22c55e,#4ade80)}@keyframes pulse-orange{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}.driver-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#ef4444;color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.action-btn-new.message{background:#3b82f6;padding:10px}.action-btn-new.call{background:#22c55e;padding:10px}.action-btn-new.cancel{background:#ef4444;padding:10px}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#ea580c;border-radius:50%;animation:spin 1s linear infinite}.empty-illustration{width:120px;height:120px;background:linear-gradient(135deg,#fed7aa,#fdba74);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#ea580c}.orders-empty h3{font-size:18px;font-weight:700;color:#374151;margin:0 0 8px}.orders-empty p{font-size:14px;color:#9ca3af;margin:0}.filter-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.filter-panel{position:fixed;top:0;right:0;bottom:80px;width:320px;max-width:90%;background:#fff;z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s ease;border-radius:20px 0 0 20px;box-shadow:-4px 0 20px #00000026}.trusted-drivers-section{border-color:#fef3c7!important;background:#fffbeb}.trusted-drivers-list{padding:12px}.no-trusted-drivers{text-align:center;padding:16px;color:#6b7280}.no-trusted-drivers span{display:block;font-weight:600;margin-bottom:8px}.no-trusted-drivers p{font-size:12px;margin:0;color:#9ca3af}.trusted-driver-card{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:10px;margin-bottom:8px;box-shadow:0 1px 3px #0000001a}.trusted-driver-card:last-child{margin-bottom:0}.driver-avatar-mini{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.driver-info .driver-name{display:block;font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-meta{font-size:11px;color:#6b7280}.driver-actions{display:flex;gap:6px}.call-driver-mini,.remove-driver-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.call-driver-mini{background:#dcfce7;color:#16a34a}.call-driver-mini:hover{background:#bbf7d0}.remove-driver-btn{background:#fee2e2;color:#dc2626}.remove-driver-btn:hover{background:#fecaca}.delivery-options-section{display:flex;flex-direction:column;gap:10px}.trusted-drivers-quick{background:#fffbeb;border-radius:12px;padding:12px}.quick-label{font-size:12px;font-weight:600;color:#92400e;display:block;margin-bottom:8px}.trusted-drivers-row{display:flex;gap:8px}.trusted-driver-quick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:#fff;border:2px solid #fde68a;border-radius:10px;cursor:pointer;transition:all .2s;min-width:70px}.trusted-driver-quick-btn:hover{border-color:#f59e0b;background:#fef3c7}.trusted-driver-quick-btn span{font-size:11px;font-weight:600;color:#1f2937;white-space:nowrap}.delivery-divider{display:flex;align-items:center;gap:10px;color:#9ca3af;font-size:12px}.delivery-divider:before,.delivery-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.filter-panel-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.close-panel-btn{background:#f3f4f6;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#6b7280}.filter-panel-content{flex:1;overflow-y:auto;padding:16px}.filter-dropdown-section{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.filter-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f9fafb;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#374151}.filter-section-header svg{transition:transform .3s ease}.filter-section-header svg.rotated{transform:rotate(180deg)}.filter-checkbox-list{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.filter-checkbox-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#4b5563;cursor:pointer}.toggle-btn{width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.toggle-btn.active{background:#ea580c;border-color:#ea580c}.filter-summary{margin-top:24px;padding:16px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:12px}.summary-card{text-align:center;margin-bottom:12px}.summary-amount{font-size:28px;font-weight:700;color:#ea580c}.summary-amount span{font-size:14px;font-weight:500;color:#9a3412}.summary-count{font-size:14px;color:#9a3412}.summary-total{text-align:center;font-size:12px;color:#9a3412}.apply-filter-btn{margin:16px;padding:14px;background:linear-gradient(135deg,#ea580c,#f97316);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.toast-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:500;z-index:9999;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.driver-info-overlay{position:fixed;inset:0;background:#0009;z-index:9998}.driver-info-modal{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;z-index:9999;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}.driver-info-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.driver-info-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.close-modal-btn{background:#f3f4f6;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#6b7280}.driver-info-content{padding:20px}.driver-profile{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.driver-photo{width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #ea580c}.driver-details h4{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 6px}.driver-rating{font-size:14px;color:#f59e0b;margin-bottom:4px}.driver-vehicle{font-size:13px;color:#6b7280}.driver-distance-info{display:flex;gap:16px;margin-bottom:20px}.distance-item{flex:1;display:flex;align-items:center;gap:12px;padding:14px;background:#f9fafb;border-radius:12px}.distance-text{display:flex;flex-direction:column;gap:2px}.distance-label{font-size:11px;color:#9ca3af}.distance-value{font-size:14px;font-weight:600;color:#1f2937}.order-info-mini{display:flex;justify-content:space-between;padding:12px;background:#fff7ed;border-radius:10px;font-size:13px;color:#9a3412;margin-bottom:16px}.driver-contact{margin-top:16px}.call-driver-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,#22c55e,#4ade80);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}.driver-info-footer{display:flex;gap:12px;padding:20px;border-top:1px solid #e5e7eb}.reject-btn{flex:1;padding:14px;background:#f3f4f6;border:none;border-radius:12px;color:#374151;font-size:15px;font-weight:600;cursor:pointer}.confirm-btn{flex:1;padding:14px;background:linear-gradient(135deg,#22c55e,#4ade80);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.close-btn-full{flex:1;padding:14px;background:linear-gradient(135deg,#ea580c,#f97316);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer}@media(max-width:768px){.restaurant-orders-header{padding:12px 16px}.restaurant-orders-title{font-size:16px}.restaurant-search-container{padding:12px 16px}.restaurant-filter-tabs{padding:10px 16px;gap:8px}.filter-tab{padding:8px 12px;font-size:12px}.restaurant-orders-list{padding:12px 16px;gap:12px}.restaurant-order-card{padding:14px}.customer-avatar{width:40px;height:40px;font-size:12px}.customer-name{font-size:15px}.order-actions-row{flex-wrap:wrap}.action-btn-new{padding:8px 12px;font-size:12px}.action-btn-new.accept,.action-btn-new.ready,.action-btn-new.deliver{flex:1 1 100%;margin-bottom:8px}.restaurant-orders-page{padding-bottom:20px}.order-status-badge{padding:4px 10px;font-size:11px}.order-items-list{gap:6px}.order-item-row{font-size:13px;padding:4px 0}.order-amount-section{padding:10px;margin:10px 0}.amount-value{font-size:18px}.action-btn-new.delivery{flex:1 1 auto;min-width:120px}.driver-info-modal,.drivers-modal{width:calc(100% - 20px);max-width:100%;margin:10px;border-radius:20px;max-height:85vh;overflow-y:auto}.driver-info-header,.drivers-modal-header{padding:14px 16px;position:sticky;top:0;background:inherit;z-index:5}.driver-info-content,.drivers-list{padding:12px 16px}.driver-profile{flex-direction:column;text-align:center;gap:12px}.driver-photo{width:70px;height:70px}.driver-info-footer{flex-direction:column;gap:8px;padding:14px 16px;position:sticky;bottom:0;background:#fff}.reject-btn,.confirm-btn{width:100%;padding:12px}}@media(max-width:480px){.filter-panel{width:100%}.driver-distance-info{flex-direction:column;gap:10px}.order-info-mini{flex-direction:column;gap:8px;text-align:center}}.delivery-progress-section{background:linear-gradient(135deg,#fef3e9,#fff7ed);border:1px solid #fdba74;border-radius:12px;padding:14px 16px;margin-top:12px}.delivery-progress-header{display:flex;align-items:center;gap:8px;color:#c2410c;font-weight:600;font-size:14px;margin-bottom:14px}.delivery-progress-bar{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding:0 8px}.progress-stage{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.progress-stage .stage-dot{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:3px solid #f3f4f6;transition:all .3s ease;z-index:2}.progress-stage.active .stage-dot{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;border-color:#fff7ed;box-shadow:0 2px 8px #ea580c4d}.progress-stage.current .stage-dot{animation:pulse-glow 2s ease-in-out infinite;transform:scale(1.1)}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #ea580c4d}50%{box-shadow:0 4px 20px #ea580c80}}.progress-stage .stage-label{margin-top:8px;font-size:11px;color:#6b7280;text-align:center;white-space:nowrap}.progress-stage.active .stage-label{color:#c2410c;font-weight:600}.progress-stage .stage-line{position:absolute;top:16px;right:50%;width:100%;height:3px;background:#e5e7eb;z-index:1}.progress-stage:last-child .stage-line{display:none}.progress-stage .stage-line.completed{background:linear-gradient(90deg,#ea580c,#f97316)}.delivery-driver-info-mini{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px dashed #fdba74}.delivery-driver-info-mini .driver-name{color:#c2410c;font-weight:600;font-size:13px}.delivery-driver-info-mini .driver-eta{background:#ea580c;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}@media(max-width:480px){.delivery-progress-section{padding:12px}.progress-stage .stage-dot{width:28px;height:28px;font-size:12px}.progress-stage .stage-label{font-size:10px}.delivery-driver-info-mini{flex-direction:column;gap:8px;text-align:center}}@media(max-width:360px){.restaurant-orders-header{padding:10px 12px}.restaurant-orders-title{font-size:14px;gap:6px}.restaurant-search-box{padding:10px 12px}.restaurant-search-box input{font-size:14px}.restaurant-filter-tabs{padding:8px 10px;gap:6px}.filter-tab{padding:6px 10px;font-size:11px;border-radius:14px}.filter-tab .tab-count{padding:1px 6px;font-size:10px}.restaurant-order-card{padding:10px}.customer-avatar{width:36px;height:36px;font-size:11px}.customer-name{font-size:14px}.order-time{font-size:10px}.action-btn-new{padding:6px 10px;font-size:11px;gap:4px}.action-btn-new svg{width:12px;height:12px}.progress-stage .stage-dot{width:24px;height:24px;font-size:10px}.progress-stage .stage-label{font-size:9px}}@media(max-width:768px)and (orientation:landscape){.restaurant-orders-header{padding:8px 16px}.restaurant-orders-title{font-size:15px}.restaurant-search-container{padding:8px 16px}.restaurant-filter-tabs{padding:6px 16px;gap:6px}.filter-tab{padding:6px 12px;font-size:12px}.restaurant-orders-list{max-height:calc(100vh - 160px);overflow-y:auto;padding:8px 16px;gap:8px}.restaurant-order-card{padding:12px}.driver-info-modal,.drivers-modal,.filter-panel{max-height:90vh;overflow-y:auto}}@media(hover:none)and (pointer:coarse){.filter-tab{min-height:40px;display:flex;align-items:center;justify-content:center}.action-btn-new{min-height:44px}.restaurant-order-card:hover{transform:none;box-shadow:0 2px 8px #00000014}.restaurant-order-card:active{transform:scale(.98);transition:transform .1s ease}.action-btn-new:active{transform:scale(.95);opacity:.9}}@supports (padding: max(0px)){.restaurant-orders-page{padding-bottom:max(env(safe-area-inset-bottom),16px)}.filter-panel{padding-bottom:max(env(safe-area-inset-bottom),20px)}.driver-info-footer{padding-bottom:max(env(safe-area-inset-bottom),16px)}}.order-details-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;backdrop-filter:blur(4px)}.order-details-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;width:90%;max-width:400px;max-height:85vh;overflow-y:auto;z-index:1001;box-shadow:0 20px 60px #0000004d;direction:rtl}.order-details-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.order-details-header h3{margin:0;font-size:16px;font-weight:700;color:#1f2937}.order-details-content{padding:16px 20px}.details-section{margin-bottom:20px}.details-section h4{font-size:13px;font-weight:700;color:#6b7280;margin:0 0 10px;text-transform:uppercase}.details-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.details-label{font-size:13px;color:#6b7280}.details-value{font-size:14px;font-weight:600;color:#1f2937}.phone-link{color:#ea580c;text-decoration:none}.order-status-badge-large{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid}.order-time-info{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:#6b7280}.details-items-list{background:#f9fafb;border-radius:12px;padding:12px}.details-item-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e5e7eb}.item-qty{background:#ea580c;color:#fff;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}.item-name{flex:1;font-size:14px;color:#374151}.item-price{font-size:13px;font-weight:600;color:#1f2937}.details-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:2px solid #e5e7eb;font-size:16px;font-weight:700}.total-amount{color:#ea580c;font-size:18px}.delivery-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600}.delivery-status-badge.requesting{background:#fff7ed;color:#c2410c}.driver-info-mini{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:12px;color:#6b7280}.order-details-actions{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;position:sticky;bottom:0;background:#fff}.action-btn-large{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.action-btn-large.accept{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.action-btn-large.ready{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.action-btn-large.deliver{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.action-btn-large.delivery{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff}.action-row-secondary{display:flex;gap:8px}.action-btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.action-btn-secondary:hover{background:#f3f4f6}.action-btn-secondary.message{color:#2563eb;border-color:#bfdbfe}.action-btn-secondary.call{color:#16a34a;border-color:#bbf7d0}.action-btn-secondary.cancel{color:#dc2626;border-color:#fecaca}.close-modal-btn{background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.close-modal-btn:hover{background:#e5e7eb;color:#1f2937}@media(max-width:400px){.order-details-modal{width:95%;max-height:90vh}.order-details-header,.order-details-content{padding:12px 16px}.order-details-actions{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}.trusted-driver-card .driver-name{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.provider-message-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom))}.provider-message-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.header-info{display:flex;align-items:center;gap:12px;color:#1f2937}.header-info svg{color:#3b82f6}.header-info h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.customer-info{padding:16px 24px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.customer-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.customer-name{font-weight:600;color:#1e293b;font-size:16px}.order-number{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.customer-phone{color:#64748b;font-size:14px;direction:ltr}.messages-container{flex:1;padding:20px 24px;overflow-y:auto;min-height:200px;max-height:300px}.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.message{margin-bottom:16px;display:flex;flex-direction:column}.message.sent{align-items:flex-end}.message.received{align-items:flex-start}.message-content{background:#3b82f6;color:#fff;padding:12px 16px;border-radius:16px;max-width:70%;word-wrap:break-word;white-space:pre-wrap;line-height:1.5}.message.received .message-content{background:#f1f5f9;color:#1e293b}.message-time{font-size:12px;color:#9ca3af;margin-top:4px;padding:0 8px}.message-input-container{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc}.message-input{width:100%;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .2s;margin-bottom:12px;line-height:1.5}.message-input:focus{border-color:#3b82f6}.message-input:disabled{background:#f9fafb;color:#6b7280}.send-btn{width:100%;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.send-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.send-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.provider-message-modal-overlay{padding:10px}.provider-message-modal{max-width:100%;max-height:95vh}.modal-header{padding:16px 20px}.header-info h3{font-size:16px}.customer-info{padding:12px 20px}.messages-container{padding:16px 20px;min-height:150px;max-height:250px}.message-input-container{padding:16px 20px}.message-content{max-width:85%;padding:10px 14px}}@media(max-width:480px){.customer-details{flex-direction:column;gap:8px;align-items:flex-start}.message-content{max-width:90%;font-size:13px}.send-btn{padding:10px 16px;font-size:13px}}.restaurant-sales-new{min-height:100%;background:linear-gradient(180deg,#fef3e8,#fff7ed,#fffbf5);font-family:Tajawal,Cairo,Arial,sans-serif;direction:rtl;display:flex;flex-direction:column;position:relative;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.sales-main-header-r{background:linear-gradient(135deg,#fb923c,#f97316,#ea580c);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #f973164d;border-radius:0 0 20px 20px}.menu-btn-r{width:40px;height:40px;background:#ffffff26;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.menu-btn-r:hover{background:#ffffff40}.page-title-r{font-size:22px;font-weight:800;color:#fff;margin:0}.header-actions-r{display:flex;gap:10px}.action-icon-r{width:40px;height:40px;background:#fff3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.action-icon-r:hover{background:#ffffff59}.action-icon-r.spinning svg{animation:spin-refresh 1s linear infinite}@keyframes spin-refresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-icon-r:disabled{opacity:.6;cursor:not-allowed}.filter-tabs-container-r{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;gap:12px}.filter-tabs-r{display:flex;background:#fff;border-radius:25px;padding:4px;box-shadow:0 2px 12px #f9731626;flex:1}.filter-tab-r{flex:1;padding:10px 16px;border:none;background:transparent;color:#f97316;font-size:14px;font-weight:600;border-radius:20px;cursor:pointer;transition:all .2s;font-family:inherit}.filter-tab-r:hover{background:#f973161a}.filter-tab-r.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 12px #f9731666}.filter-main-btn-r{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #fed7aa;border-radius:20px;color:#f97316;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.filter-main-btn-r:hover{background:#f97316;color:#fff;border-color:#f97316}.filter-sidebar-r{display:none}.filter-sidebar-r.open{display:block}.sidebar-overlay-r{position:fixed;inset:0;background:#00000080;z-index:9998}.sidebar-content-r{position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100vh;background:#fff;overflow-y:auto;box-shadow:-4px 0 20px #00000026;z-index:9999}.sidebar-header-r{background:linear-gradient(135deg,#fb923c,#f97316);padding:20px;display:flex;justify-content:space-between;align-items:center}.sidebar-header-r h2{color:#fff;font-size:20px;font-weight:700;margin:0}.close-sidebar-r{width:36px;height:36px;background:#fff3;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.close-sidebar-r:hover{background:#ffffff59}.sidebar-avatars-r{display:flex;gap:12px;padding:20px;justify-content:center}.avatar-item-r{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid #fed7aa;cursor:pointer}.avatar-item-r.active{border-color:#f97316;box-shadow:0 0 0 3px #f973164d}.avatar-item-r img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.filter-section-r{padding:16px 20px;border-bottom:1px solid #fed7aa}.filter-section-r h3{display:flex;align-items:center;gap:10px;color:#c2410c;font-size:15px;font-weight:700;margin:0 0 12px}.filter-section-r h3 svg{color:#f97316}.filter-options-r{padding:0 20px 20px}.filter-option-r{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff7ed;border-radius:12px;margin-bottom:10px;cursor:pointer}.filter-option-r:hover{background:#ffedd5}.filter-option-r span:first-child{color:#9a3412;font-weight:500;font-size:14px}.filter-option-r input[type=checkbox]{width:22px;height:22px;accent-color:#f97316;cursor:pointer}.filter-option-r .checkmark{display:none}.payment-select-r{width:100%;padding:12px 16px;border:2px solid #fed7aa;border-radius:12px;font-size:14px;font-family:inherit;color:#9a3412;background:#fff;cursor:pointer}.payment-select-r:focus{outline:none;border-color:#f97316}.sidebar-stats-r{padding:20px;background:linear-gradient(135deg,#fed7aa,#fdba74);margin:20px;border-radius:20px}.stat-main-r{text-align:center;padding-bottom:16px;border-bottom:1px solid rgba(194,65,12,.2);margin-bottom:16px}.stat-amount-r{display:block;font-size:28px;font-weight:800;color:#9a3412;margin-bottom:4px}.stat-label-r{font-size:13px;color:#c2410c}.stat-row-r{display:flex;justify-content:space-around}.stat-item-r{text-align:center}.stat-value-r{display:block;font-size:20px;font-weight:700;color:#9a3412}.stat-text-r{font-size:12px;color:#ea580c}.sales-content-area-r{padding:8px 16px 20px}.sales-cards-grid-r{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sale-card-new-r{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #f973161a;position:relative;transition:transform .2s,box-shadow .2s}.sale-card-new-r:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f973162e}.status-badge-new-r{position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:12px;z-index:1}.status-badge-new-r.paid{background:linear-gradient(135deg,#fdba74,#fb923c)}.status-badge-new-r.pending{background:linear-gradient(135deg,#fef3c7,#fcd34d)}.status-badge-new-r.cancelled{background:linear-gradient(135deg,#fecaca,#f87171)}.status-badge-new-r.credit{background:linear-gradient(135deg,#ffedd5,#ea580c)}.sale-type-badge-r{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;z-index:1;background:#ffffffe6;box-shadow:0 2px 6px #0000001a}.sale-type-badge-r.pos{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.sale-type-badge-r.dine-in{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.sale-type-badge-r.takeaway{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.sale-type-badge-r.delivery{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d}.sale-type-badge-r.online{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.sale-type-badge-r.default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.table-indicator-r{color:#ea580c;font-weight:600}.customer-section-r{display:flex;align-items:center;padding:12px;gap:10px;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.customer-avatar-r{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid white;box-shadow:0 2px 6px #f9731633;flex-shrink:0}.customer-avatar-r img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.customer-info-r{flex:1;min-width:0}.customer-name-r{display:block;font-size:13px;font-weight:700;color:#9a3412;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-time-r{font-size:11px;color:#f97316}.product-section-r{padding:10px 12px}.product-details-r{text-align:center}.product-price-r{display:block;font-size:16px;font-weight:800;color:#c2410c}.product-desc-r{font-size:11px;color:#f97316}.card-actions-new-r{padding:8px 10px 10px}.action-btn-new-r{width:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.action-btn-new-r.primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.action-btn-new-r:active{transform:scale(.97)}.loading-state-new-r{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#f97316}.loading-spinner-new-r{width:50px;height:50px;border:4px solid #fed7aa;border-top:4px solid #f97316;border-radius:50%;animation:spin-new-r 1s linear infinite;margin-bottom:16px}@keyframes spin-new-r{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state-new-r{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-illustration-r{margin-bottom:24px}.empty-state-new-r h3{font-size:18px;font-weight:700;color:#9a3412;margin:0 0 8px}.empty-state-new-r p{font-size:14px;color:#f97316;margin:0 0 24px}.reset-filter-btn-r{padding:12px 28px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 4px 15px #f973164d}.sale-modal-overlay-r{position:fixed;inset:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.sale-modal-r{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header-r{background:linear-gradient(135deg,#f97316,#ea580c);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.modal-header-r h2{color:#fff;font-size:18px;font-weight:700;margin:0}.modal-close-r{width:36px;height:36px;background:#fff3;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.modal-body-r{flex:1;overflow-y:auto;padding:16px}.modal-section-r{background:#fff7ed;border-radius:14px;padding:14px;margin-bottom:12px}.modal-section-r:last-child{margin-bottom:0}.modal-section-header-r{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#c2410c}.modal-section-header-r h3{font-size:14px;font-weight:700;margin:0}.modal-section-header-r svg{color:#f97316}.customer-card-modal-r{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px}.customer-avatar-modal-r{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid #f97316;flex-shrink:0}.customer-avatar-modal-r img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.customer-details-modal-r{flex:1}.customer-name-modal-r{display:block;font-size:16px;font-weight:700;color:#9a3412;margin-bottom:4px}.customer-contact-r{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#c2410c}.order-info-grid-r{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#fff;padding:12px;border-radius:12px;margin-bottom:10px}.order-info-item-r{text-align:center}.info-label-r{display:block;font-size:11px;color:#f97316;margin-bottom:2px}.info-value-r{font-size:13px;font-weight:600;color:#9a3412}.status-value-r{background:#fdba74;padding:2px 8px;border-radius:6px;font-size:11px}.order-total-modal-r{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);padding:12px 16px;border-radius:12px;color:#fff}.total-amount-modal-r{font-size:20px;font-weight:800}.products-list-modal-r{background:#fff;border-radius:12px;overflow:hidden}.product-item-modal-r{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #ffedd5}.product-item-modal-r:last-child{border-bottom:none}.product-name-modal-r{flex:1;font-size:13px;font-weight:500;color:#9a3412}.product-qty-modal-r{font-size:11px;background:#ffedd5;color:#ea580c;padding:2px 8px;border-radius:6px;margin:0 10px}.product-price-modal-r{font-size:13px;font-weight:700;color:#c2410c}.address-info-modal-r{background:#fff;padding:12px;border-radius:12px;margin-bottom:10px}.address-info-modal-r p{margin:0 0 6px;font-size:13px;color:#9a3412}.address-info-modal-r p:last-child{margin-bottom:0}.map-container-modal-r{border-radius:12px;overflow:hidden;background:#fed7aa}.delivery-person-modal-r{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px}.delivery-person-modal-r img{width:45px;height:45px;border-radius:50%;border:3px solid #22c55e;-o-object-fit:cover;object-fit:cover}.driver-name-r{display:block;font-size:14px;font-weight:700;color:#166534}.driver-phone-r{font-size:12px;color:#22c55e}.modal-footer-r{display:flex;gap:10px;padding:16px;border-top:1px solid #fed7aa}.modal-btn-r{flex:1;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;position:relative;z-index:10;transition:transform .1s ease,opacity .1s ease}.modal-btn-r:active{transform:scale(.97);opacity:.9}.modal-btn-r.primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.modal-btn-r.secondary{background:#fed7aa;color:#c2410c}.modal-btn-r.sent-success{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;animation:successPulse .5s ease}.modal-btn-r:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.sales-main-header-r{padding:12px 14px;border-radius:0 0 16px 16px}.page-title-r{font-size:18px}.menu-btn-r,.action-icon-r{width:36px;height:36px}.filter-tabs-container-r{padding:12px 10px 6px;gap:8px;flex-wrap:wrap}.filter-tabs-r{order:2;width:100%}.filter-tab-r{padding:8px 10px;font-size:12px}.filter-main-btn-r{order:1;padding:8px 12px;font-size:12px}.sales-content-area-r{padding:8px 10px 16px}.sale-card-new-r{border-radius:16px}.customer-section-r{padding:12px;gap:10px}.customer-avatar-r{width:42px;height:42px}.customer-name-r{font-size:14px}.product-section-r{padding:12px;gap:10px}.product-price-r{font-size:18px}.card-actions-new-r{padding:10px 12px 14px;gap:6px}.action-btn-new-r{padding:8px;font-size:11px;gap:4px;border-radius:10px}.sidebar-content-r{width:280px;max-width:90vw}.status-badge-new-r{padding:4px 10px;font-size:11px;top:10px;left:10px}}@media(max-width:1200px){.sales-cards-grid-r{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sales-cards-grid-r{grid-template-columns:repeat(2,1fr)}.sidebar-content-r{width:350px}}@media(max-width:600px){.sales-cards-grid-r{grid-template-columns:1fr}.sale-modal-r{max-width:100%;max-height:100vh;border-radius:0}.sale-modal-overlay-r{padding:0}}@media(max-width:360px){.sales-main-header-r{padding:10px 12px;border-radius:0 0 14px 14px}.page-title-r{font-size:16px}.menu-btn-r,.action-icon-r{width:34px;height:34px;border-radius:10px}.filter-tabs-container-r{padding:10px 8px 4px;gap:6px}.filter-tab-r{padding:6px 10px;font-size:11px}.filter-main-btn-r{padding:6px 10px;font-size:11px;gap:4px}.sales-content-area-r{padding:6px 8px 14px}.sale-card-new-r{border-radius:14px}.customer-section-r{padding:10px;gap:8px}.customer-avatar-r{width:38px;height:38px;font-size:14px}.customer-name-r{font-size:13px}.order-id-r{font-size:10px}.product-section-r{padding:10px;gap:8px}.product-img-r{width:60px;height:60px}.product-name-r{font-size:13px}.product-price-r{font-size:16px}.card-actions-new-r{padding:8px 10px 12px;gap:4px}.action-btn-new-r{padding:6px;font-size:10px;gap:3px;border-radius:8px}.action-btn-new-r svg{width:12px;height:12px}.sidebar-content-r{width:100%;max-width:100%;border-radius:20px 20px 0 0}.status-badge-new-r{padding:3px 8px;font-size:10px;top:8px;left:8px}}@media(max-width:768px)and (orientation:landscape){.sales-main-header-r{padding:8px 16px;border-radius:0 0 12px 12px}.filter-tabs-container-r{padding:8px 12px 4px}.filter-tabs-r{width:auto}.sales-content-area-r{max-height:calc(100vh - 130px);overflow-y:auto;padding:6px 12px}.sales-cards-grid-r{grid-template-columns:repeat(2,1fr);gap:10px}.sidebar-content-r{width:45%;max-height:100vh}.sale-modal-r{max-height:90vh;max-width:80%}}@media(hover:none)and (pointer:coarse){.filter-tab-r,.action-btn-new-r{min-height:40px}.sale-card-new-r:hover{transform:none}.sale-card-new-r:active{transform:scale(.98);transition:transform .1s ease}.action-btn-new-r:active{transform:scale(.95);opacity:.9}}@supports (padding: max(0px)){.restaurant-sales-new,.sidebar-content-r{padding-bottom:max(env(safe-area-inset-bottom),20px)}.sale-modal-r{margin-bottom:max(env(safe-area-inset-bottom),0)}}.restaurant-dashboard{display:flex;flex-direction:column;height:100%;min-height:0;background:#f8f9fa;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden;position:relative}.dashboard-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}@media(max-width:767px){.restaurant-dashboard{height:100%;min-height:0}.dashboard-content{padding:12px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));flex:1;min-height:0;overflow-y:auto!important;touch-action:pan-y;-webkit-overflow-scrolling:touch}}.restaurant-panel{background:#fff;border-radius:1rem;overflow:hidden;position:relative}.panel-content{padding:1rem}@media(min-width:640px){.panel-content{padding:1.5rem}}@media(min-width:768px){.panel-content{padding:2rem}}.delivery-timer{background:linear-gradient(135deg,#f59e0b,#dc2626);color:#fff;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;text-align:center}.timer-value{font-size:2rem;font-weight:800;margin-bottom:.25rem}.timer-label{font-size:.875rem;opacity:.9}.pos-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.pos-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.pos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pos-item{background:#fff;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s;border:2px solid transparent}.pos-item:hover{border-color:#667eea;transform:scale(1.02)}.table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.table-card{background:#f9fafb;border-radius:.75rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s;border:2px solid transparent}.table-card.available{border-color:#10b981}.table-card.occupied{border-color:#ef4444;background:#fee2e2}.table-card.reserved{border-color:#f59e0b;background:#fef3c7}.table-number{font-size:1.5rem;font-weight:800;color:#1f2937;margin-bottom:.5rem}.table-status{font-size:.875rem;font-weight:600}@media(min-width:640px){.pos-grid{grid-template-columns:repeat(3,1fr)}.table-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.panel-tab{font-size:1rem;padding:.75rem 1.5rem}}@media(min-width:1024px){.pos-grid{grid-template-columns:repeat(4,1fr)}.table-grid{grid-template-columns:repeat(6,1fr)}.panel-content{padding:2rem}}@media(max-width:360px){.panel-content{padding:.5rem}.delivery-timer{padding:.75rem;margin-bottom:1rem;border-radius:.5rem}.timer-value{font-size:1.5rem}.timer-label{font-size:.75rem}.pos-section{padding:.75rem;margin-bottom:1rem;border-radius:.5rem}.pos-title{font-size:1rem;margin-bottom:.75rem}.pos-grid{grid-template-columns:1fr;gap:.5rem}.pos-item{padding:.75rem;border-radius:.375rem}.table-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.table-card{padding:.75rem;border-radius:.5rem}.table-number{font-size:1.125rem;margin-bottom:.25rem}.table-status{font-size:.75rem}}@media(max-width:480px)and (min-width:361px){.panel-content{padding:.75rem}.delivery-timer{padding:.875rem;margin-bottom:1.25rem}.timer-value{font-size:1.75rem}.pos-section{padding:1rem;margin-bottom:1.25rem}.pos-grid,.table-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.table-card{padding:1rem}.table-number{font-size:1.25rem}}@media(max-width:896px)and (orientation:landscape){.panel-content{padding:.75rem 1rem}.delivery-timer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.5rem;margin-bottom:1rem}.timer-value{font-size:1.5rem;margin-bottom:0}.timer-label{font-size:.875rem}.pos-section{padding:1rem;margin-bottom:1rem}.pos-grid,.table-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.table-card{padding:.75rem}.table-number{font-size:1.125rem;margin-bottom:.25rem}.table-status{font-size:.75rem}}@media(max-width:667px)and (orientation:landscape){.pos-grid,.table-grid{grid-template-columns:repeat(3,1fr)}}@media(hover:none)and (pointer:coarse){.pos-item{min-height:44px;padding:1rem}.pos-item:hover{transform:none}.pos-item:active{border-color:#667eea;transform:scale(.98);background:#f3f4f6}.table-card{min-height:60px}.table-card:hover{transform:none}.table-card:active{transform:scale(.97);opacity:.9}}@supports (padding: max(0px)){.panel-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}@media(max-width:480px){.panel-content{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}}@media(max-width:360px){.panel-content{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}}}@media(prefers-contrast:high){.table-card{border-width:3px}.table-card.available{border-color:#059669}.table-card.occupied{border-color:#dc2626}.table-card.reserved{border-color:#d97706}.pos-item{border-width:3px}}@media(prefers-reduced-motion:reduce){.pos-item,.table-card{transition:none}.pos-item:hover,.table-card:active{transform:none}}@media(prefers-color-scheme:dark){.restaurant-panel{background:#1f2937}.pos-section{background:#374151}.pos-title{color:#f9fafb}.pos-item{background:#1f2937;color:#f9fafb}.pos-item:hover{border-color:#818cf8}.table-card{background:#374151;color:#f9fafb}.table-card.available{border-color:#34d399}.table-card.occupied{border-color:#f87171;background:#7f1d1d}.table-card.reserved{border-color:#fbbf24;background:#78350f}.table-number{color:#f9fafb}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden;-webkit-text-size-adjust:100%}@media(hover:none)and (pointer:coarse){button,.btn,[role=button]{min-height:44px;min-width:44px}input,select,textarea{min-height:44px;font-size:16px!important}.checkbox-label input{min-width:22px;min-height:22px}a{padding:8px 4px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}@media(max-width:768px){.restaurant-dashboard,.order-card,.table-card,.menu-item-card,.pos-item,.rm-card,.rpos-card{transition:transform .15s ease,box-shadow .15s ease}.order-card:active,.table-card:active,.menu-item-card:active,.rm-card:active,.rpos-card:active{transform:scale(.98)}.container,.wrapper,.content{padding-left:12px!important;padding-right:12px!important}}@media(max-width:480px){h1{font-size:1.4rem!important}h2{font-size:1.2rem!important}h3{font-size:1.1rem!important}h4{font-size:1rem!important}body,p,span{font-size:14px;line-height:1.5}.restaurant-orders-header,.rm-top-bar,.rpos-top-bar,.sales-main-header-r{padding:12px 14px!important}.restaurant-search-box,.rm-search-wrap,.rpos-search-wrap{padding:10px 14px!important}.restaurant-search-box input,.rm-search-wrap input,.rpos-search-input{font-size:15px!important}.restaurant-filter-tabs,.filter-tabs-r,.rm-cat-row{gap:6px!important;padding:10px 12px!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.restaurant-filter-tabs::-webkit-scrollbar,.filter-tabs-r::-webkit-scrollbar,.rm-cat-row::-webkit-scrollbar{display:none}.filter-tab,.filter-tab-r,.rm-cat-btn{padding:8px 12px!important;font-size:12px!important;white-space:nowrap;flex-shrink:0}.restaurant-order-card,.order-card-new,.rm-card,.rpos-card,.sale-card-new-r{border-radius:14px!important;padding:12px!important}.action-btn-new,.action-btn-new-r,.rm-card-actions button,.rpos-add-btn{padding:8px 10px!important;font-size:12px!important;border-radius:8px!important;gap:4px!important}.filter-panel,.drivers-modal,.driver-info-modal,.rm-sidebar,.rpos-sidebar{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important}}@media(max-width:360px){h1{font-size:1.25rem!important}h2{font-size:1.1rem!important}.filter-tab,.filter-tab-r{padding:6px 10px!important;font-size:11px!important}.action-btn-new,.action-btn-new-r{padding:6px 8px!important;font-size:11px!important}.action-btn-new span:not(.icon),.driver-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@supports (padding: max(0px)){.restaurant-orders-page,.rm-wrapper,.rpos-wrapper,.restaurant-sales-new{padding-top:max(env(safe-area-inset-top),0px);padding-bottom:max(env(safe-area-inset-bottom),0px)}.filter-panel,.drivers-modal,.rm-sidebar,.rpos-sidebar{padding-bottom:max(env(safe-area-inset-bottom),16px)}.rpos-floating-cart{bottom:max(calc(env(safe-area-inset-bottom) + 20px),24px)}}@media(max-width:768px)and (orientation:landscape){.restaurant-orders-header,.rm-top-bar,.rpos-top-bar{padding:8px 16px!important}.restaurant-filter-tabs,.rm-cat-row{padding:6px 12px!important}}@media(prefers-color-scheme:dark){.restaurant-orders-page,.rm-wrapper,.rpos-wrapper{background:#111827}.restaurant-order-card,.rm-card,.rpos-card,.filter-panel,.rm-sidebar,.rpos-sidebar{background:#1f2937;border-color:#374151}.restaurant-search-box,.rm-search-wrap input,.rpos-search-wrap{background:#374151;border-color:#4b5563;color:#f9fafb}.filter-tab{background:#374151;color:#f9fafb;border-color:#4b5563}.filter-tab.active{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.restaurant-orders-header,.rm-top-bar,.rpos-top-bar,.sales-main-header-r,.filter-tab,.action-btn-new,.rpos-floating-cart{display:none!important}.restaurant-order-card,.rm-card,.sale-card-new-r{box-shadow:none!important;border:1px solid #ddd!important;page-break-inside:avoid}}.mobile-only{display:none}.desktop-only{display:initial}@media(max-width:768px){.mobile-only{display:initial}.desktop-only{display:none}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px}.success-state{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px}.warning-state{color:#ca8a04;background:#fefce8;border:1px solid #fef08a;border-radius:10px;padding:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pos-wrapper{min-height:100%;background:linear-gradient(135deg,#f5f7fa,#e4e9f0);direction:rtl;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.pos-top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.pos-icon-btn{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pos-icon-btn:hover{background:#ffffff40;transform:scale(1.05)}.pos-icon-btn:disabled{opacity:.5;cursor:not-allowed}.pos-top-title{font-size:18px;font-weight:700}.spin{animation:spin 1s linear infinite}.pos-search-container{padding:12px 16px;background:#fff;border-bottom:1px solid #eee;flex-shrink:0}.pos-search-wrap{display:flex;align-items:center;gap:10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:10px 14px;transition:all .2s ease}.pos-search-wrap:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pos-search-input{flex:1;border:none;background:transparent;font-size:15px;outline:none;font-family:inherit}.pos-search-input::-moz-placeholder{color:#aaa}.pos-search-input::placeholder{color:#aaa}.pos-search-clear{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.pos-search-clear:hover{color:#666}.pos-barcode-section{padding:12px 16px;background:#fff;border-bottom:1px solid #eee;flex-shrink:0;position:relative}.pos-barcode-input-wrap{display:flex;align-items:center;gap:10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:10px 14px;transition:all .2s ease}.pos-barcode-input-wrap:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pos-barcode-input{flex:1;border:none;background:transparent;font-size:15px;outline:none;font-family:inherit}.pos-barcode-input::-moz-placeholder{color:#aaa}.pos-barcode-input::placeholder{color:#aaa}.pos-camera-btn{background:#667eea;border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pos-camera-btn:hover{background:#5568d3;transform:scale(1.05)}.pos-camera-btn.active{background:#dc3545}.pos-camera-btn.active:hover{background:#c82333}.scanner-preview{margin-top:12px;position:relative;width:100%;max-width:400px;margin-left:auto;margin-right:auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;background:#000}.scanner-preview video{width:100%;display:block;max-height:300px;-o-object-fit:cover;object-fit:cover}.scanner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scanner-frame{width:250px;height:150px;position:relative;border:2px solid rgba(255,255,255,.5);border-radius:8px;background:#0000001a}.corner{position:absolute;width:20px;height:20px;border-style:solid;border-color:#667eea}.corner-tl{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:8px 0 0}.corner-tr{top:-2px;right:-2px;border-width:3px 3px 0 0;border-radius:0 8px 0 0}.corner-bl{bottom:-2px;left:-2px;border-width:0 0 3px 3px;border-radius:0 0 0 8px}.corner-br{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 8px}.scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(to right,transparent,#667eea,transparent);box-shadow:0 0 10px #667eeacc;animation:scanMove 2s ease-in-out infinite}@keyframes scanMove{0%,to{top:0;opacity:.5}50%{top:calc(100% - 3px);opacity:1}}.scanner-preview.detected .scanner-frame{border-color:#28a745;animation:detectedPulse .5s ease-in-out}.scanner-preview.detected .corner{border-color:#28a745}.detected-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#28a745e6;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:successPop .4s ease-out}.scanner-hint{margin-top:16px;color:#fff;font-size:14px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5);padding:8px 16px;background:#0006;border-radius:20px}.barcode-suggestions-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:320px;overflow-y:auto;z-index:200;animation:slideDown .2s ease-out}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:linear-gradient(135deg,#f0f4ff,#e4e9f0)}.suggestion-image{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.suggestion-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.suggestion-info{flex:1;min-width:0}.suggestion-name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-meta{display:flex;align-items:center;gap:12px;font-size:12px}.suggestion-barcode{color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace}.suggestion-price{color:#667eea;font-weight:600}.suggestion-stock{flex-shrink:0}.suggestion-stock .in-stock{color:#28a745;font-size:12px;font-weight:600;background:#28a7451a;padding:4px 10px;border-radius:12px}.suggestion-stock .out-of-stock{color:#dc3545;font-size:12px;font-weight:600;background:#dc35451a;padding:4px 10px;border-radius:12px}.pos-cat-row{padding:10px 16px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;flex-wrap:wrap}.pos-unit-type-filter{display:flex;gap:6px;flex-shrink:0}.pos-unit-filter-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:12px;color:#666;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pos-unit-filter-btn:hover{background:#eff6ff;border-color:#667eea;color:#667eea}.pos-unit-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pos-unit-filter-btn svg{flex-shrink:0}.pos-filter-count{font-size:10px;opacity:.8}.pos-unit-dropdown-wrapper{position:relative}.pos-unit-filter-btn.weight-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.pos-unit-filter-btn svg.rotated{transform:rotate(180deg);transition:transform .2s}.pos-unit-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:200;max-height:280px;overflow-y:auto;padding:6px 0}.pos-unit-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:none;border:none;font-size:13px;color:#333;cursor:pointer;text-align:right;transition:all .15s ease}.pos-unit-dropdown-item:hover{background:#f5f5f5}.pos-unit-dropdown-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pos-unit-dropdown-item .count{margin-right:auto;font-size:11px;opacity:.7;background:#0000001a;padding:2px 6px;border-radius:10px}.pos-category-dropdown{position:relative;flex:1;max-width:250px}.pos-category-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease}.pos-category-dropdown-btn:hover{border-color:#667eea}.pos-category-dropdown-btn svg.rotated{transform:rotate(180deg)}.pos-category-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:250px;overflow-y:auto}.pos-category-dropdown-item{width:100%;padding:12px 14px;border:none;background:transparent;text-align:right;font-size:14px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.pos-category-dropdown-item:hover{background:#f0f4ff}.pos-category-dropdown-item.active{background:#667eea;color:#fff}.pos-cat-count{font-size:12px;opacity:.7}.pos-cart-indicator{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 14px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pos-cart-indicator:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.pos-products-area{padding:16px 16px 100px;background:linear-gradient(135deg,#f5f7fa,#e4e9f0)}.pos-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#999}.pos-center p{font-size:16px;margin:0}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}@media(min-width:768px){.pos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}}.pos-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .25s ease;position:relative;border:2px solid transparent}.pos-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.pos-card.in-cart{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#fff)}.pos-card.out-of-stock{opacity:.6;pointer-events:none}.pos-img-box{height:120px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pos-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pos-low-stock{position:absolute;top:8px;left:8px;background:#ff9800;color:#fff;font-size:10px;padding:3px 6px;border-radius:4px;font-weight:600}.pos-out-stock{position:absolute;top:8px;left:8px;background:#f44336;color:#fff;font-size:10px;padding:3px 6px;border-radius:4px;font-weight:600}.pos-in-cart-badge{position:absolute;top:8px;right:8px;background:#667eea;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 8px #667eea66}.pos-weight-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:3px 8px;border-radius:12px;display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600;box-shadow:0 2px 6px #f59e0b66}.pos-weight-badge svg{flex-shrink:0}.pos-card.weight-product{border:2px solid #fbbf24}.pos-card.weight-product .pos-add-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.pos-card.weight-product .pos-add-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)}.pos-card-body{padding:12px}.pos-name{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-price-row{display:flex;align-items:center;justify-content:space-between}.pos-price{font-size:15px;font-weight:700;color:#667eea}.pos-stock{font-size:12px;color:#999;background:#f0f0f0;padding:2px 6px;border-radius:4px}.pos-add-btn{position:absolute;bottom:10px;left:10px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.pos-add-btn:hover{transform:scale(1.15)}.pos-floating-cart{position:fixed;bottom:24px;left:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;padding:14px 24px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px #667eea66;cursor:pointer;z-index:90;transition:all .3s ease}.pos-floating-cart:hover{transform:scale(1.05);box-shadow:0 8px 28px #667eea80}.pos-floating-badge{background:#fff;color:#667eea;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.pos-floating-total{font-size:15px;font-weight:600}.pos-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);z-index:200;animation:fadeIn .2s ease}.pos-sidebar{position:fixed;top:0;right:-320px;width:320px;height:calc(100% - 70px);max-height:calc(100vh - 70px);background:#fff;z-index:210;display:flex;flex-direction:column;transition:right .3s ease;box-shadow:-4px 0 20px #0000001a;overflow:hidden}.pos-sidebar.open{right:0}.pos-side-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:10px}.pos-side-title{font-size:17px;font-weight:700}.pos-header-dropdown{flex:1;position:relative}.pos-header-dropdown-trigger{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:10px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.pos-header-dropdown-trigger:hover{background:#ffffff40}.pos-header-dropdown-trigger .filter-icon{font-size:14px}.pos-header-dropdown-trigger .filter-text{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-header-dropdown-trigger svg{transition:transform .2s ease;opacity:.8}.pos-header-dropdown-trigger svg.rotated{transform:rotate(180deg)}.pos-header-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 20px #00000026;z-index:100;max-height:250px;overflow-y:auto}.pos-header-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;font-size:13px;color:#555;cursor:pointer;transition:all .15s ease;text-align:right}.pos-header-dropdown-item:hover{background:#f5f5f5}.pos-header-dropdown-item.active{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;font-weight:600}.pos-header-dropdown-item .item-count{margin-right:auto;font-size:11px;color:#999;background:#f0f0f0;padding:2px 6px;border-radius:10px}.pos-close-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pos-close-btn:hover{background:#ffffff40}.pos-section{padding:12px 16px;border-bottom:1px solid #eee}.pos-sec-title{font-size:14px;font-weight:700;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:8px}.pos-filter-dropdown-section{display:none}.pos-filter-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;font-size:13px;color:#555;cursor:pointer;transition:all .15s ease;text-align:right}.pos-filter-dropdown-item:hover{background:#f5f5f5}.pos-filter-dropdown-item.active{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;font-weight:600}.pos-filter-dropdown-item .item-count{margin-right:auto;font-size:11px;color:#999;background:#f0f0f0;padding:2px 6px;border-radius:10px}.pos-filter-dropdown-item.active .item-count{background:#667eea20;color:#667eea}.pos-filter-cats{display:none}.pos-cart-section{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding-bottom:0!important;border-bottom:none!important}.pos-cart-section .pos-sec-title{padding:10px 16px;margin-bottom:0;background:#f8f9fa;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5}.pos-clear-cart{margin-right:auto;background:#fee;border:none;color:#e53935;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pos-clear-cart:hover{background:#f44336;color:#fff}.pos-empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#999;gap:10px;flex:1}.pos-empty-cart p{font-size:14px;margin:0}.pos-cart-list{flex:1;overflow-y:auto;padding:8px 8px 8px 12px}.pos-cart-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f9f9f9;border-radius:8px;margin-bottom:6px}.pos-cart-item-img{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pos-cart-item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pos-cart-item-info{flex:1;min-width:0}.pos-cart-item-name{font-size:12px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.pos-cart-item-price{font-size:11px;color:#667eea;font-weight:500}.pos-cart-item-qty{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:2px}.pos-cart-item-qty button{width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#667eea;border-radius:4px;transition:all .2s ease}.pos-cart-item-qty button:hover{background:#f0f4ff}.pos-cart-item-qty span{min-width:20px;text-align:center;font-weight:600;font-size:13px}.pos-cart-item-subtotal{font-size:12px;font-weight:700;color:#333;white-space:nowrap}.pos-cart-item-remove{width:28px;height:28px;border:none;background:#fee;color:#e53935;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pos-cart-item-remove:hover{background:#f44336;color:#fff}.pos-cart-footer{padding:12px 16px 16px;border-top:1px solid #eee;background:#fff;flex-shrink:0;margin-top:auto;position:relative;transition:all .3s ease}.pos-cart-footer.collapsed{padding:0;border-top:none}.pos-footer-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:transparent;border:none;border-bottom:1px solid #eee;cursor:pointer;transition:all .2s ease}.pos-footer-toggle:hover{background:#f8f9fa}.pos-footer-toggle .toggle-arrow{font-size:14px;color:#e53935;font-weight:700;transition:all .2s ease}.pos-footer-toggle.collapsed .toggle-arrow{color:#4caf50}.pos-footer-toggle .toggle-total{font-size:16px;font-weight:700;color:#667eea}.pos-cart-footer.collapsed .pos-footer-toggle{border-bottom:none;padding:14px;background:linear-gradient(135deg,#667eea10,#764ba210)}.cart-count-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:11px;padding:0 6px}.pos-cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;margin-top:8px;font-size:15px;color:#333}.pos-total-amount{font-size:20px;font-weight:800;color:#667eea}.pos-checkout-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;box-shadow:0 4px 14px #4caf504d;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pos-checkout-btn:hover,.pos-checkout-btn:active{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.pos-payment-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:9990;animation:fadeIn .2s ease}.pos-payment-modal{position:fixed;top:10px;left:50%;transform:translate(-50%);width:94%;max-width:420px;max-height:calc(100vh - 90px);background:#fff;border-radius:20px;z-index:9999;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pos-payment-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pos-payment-header span{font-size:18px;font-weight:700}.pos-payment-header button{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pos-payment-header button:hover{background:#ffffff40}.pos-payment-body{padding:16px 20px;flex:1;overflow-y:auto;max-height:calc(100vh - 220px)}.pos-payment-summary{background:#f8f9fa;padding:16px;border-radius:12px;margin-bottom:20px}.pos-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#666;padding:6px 0}.pos-summary-row.total{border-top:1px dashed #ddd;margin-top:8px;padding-top:12px;font-size:18px;font-weight:700;color:#333}.pos-payment-methods{margin-bottom:20px}.pos-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pos-method-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#555}.pos-method-btn:hover{border-color:#667eea;color:#667eea}.pos-method-btn.active{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#fff);color:#667eea}.pos-method-btn.credit{border-color:#f59e0b;color:#b45309}.pos-method-btn.credit:hover{background:linear-gradient(135deg,#fef3c7,#fff);border-color:#f59e0b}.pos-method-btn.credit.active{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fff7ed);color:#b45309}.pos-credit-warning{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px 16px;background:linear-gradient(135deg,#fef3c7,#fff7ed);border:1px solid #f59e0b;border-radius:8px;color:#b45309;font-size:13px;font-weight:600}.pos-method-btn span{font-size:13px;font-weight:600}.pos-cash-section{background:#f8f9fa;padding:16px;border-radius:12px}.pos-cash-section label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.pos-amount-input{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:10px 14px;margin-bottom:12px}.pos-amount-input:focus-within{border-color:#667eea}.pos-amount-input input{flex:1;border:none;background:transparent;font-size:18px;font-weight:700;outline:none;text-align:center}.pos-amount-input span{font-size:14px;color:#999}.pos-quick-amounts{display:flex;gap:8px;flex-wrap:wrap}.pos-quick-amounts button{padding:8px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s ease}.pos-quick-amounts button:hover{background:#667eea;border-color:#667eea;color:#fff}.pos-change{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px;background:#e8f5e9;border-radius:8px;font-weight:600}.pos-change .amount{font-size:18px;color:#4caf50}.pos-electronic-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-radius:16px;border:1px solid #e2e8f0}.pos-loading-payment{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#64748b}.pos-loading-payment .spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.pos-payment-details{display:flex;flex-direction:column;gap:16px}.pos-payment-details .pos-sec-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#334155;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.pos-bank-details,.pos-ewallet-details{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.pos-detail-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.pos-detail-row:last-child{border-bottom:none}.pos-detail-row .label{font-size:13px;color:#64748b;min-width:90px;flex-shrink:0}.pos-detail-row .value{flex:1;font-size:14px;font-weight:600;color:#1e293b;word-break:break-all}.pos-detail-row .value.iban{font-family:Courier New,monospace;font-size:13px;letter-spacing:1px}.pos-detail-row .copy-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease;flex-shrink:0}.pos-detail-row .copy-btn:hover{background:#667eea;color:#fff}.pos-detail-row .copy-btn.copied{background:#10b981;color:#fff}.pos-payment-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;margin-top:12px;transition:all .2s ease}.pos-payment-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pos-qr-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.pos-qr-image{width:180px;height:180px;border-radius:12px;border:2px solid #e2e8f0;-o-object-fit:contain;object-fit:contain}.pos-qr-section .qr-hint{font-size:13px;color:#64748b}.pos-customer-notes{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:12px 16px;font-size:13px;color:#92400e;line-height:1.5}.pos-amount-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#10b981,#059669);padding:16px 20px;border-radius:12px;color:#fff}.pos-amount-box .label{font-size:14px;opacity:.9}.pos-amount-box .amount{font-size:24px;font-weight:800}.pos-amount-box .copy-amount-btn{display:flex;align-items:center;gap:6px;background:#fff3;border:none;padding:8px 14px;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.pos-amount-box .copy-amount-btn:hover{background:#ffffff4d}.pos-no-payment-method{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.pos-no-payment-method svg{color:#cbd5e1}.pos-no-payment-method p{font-size:16px;font-weight:600;color:#475569;margin:0}.pos-no-payment-method span{font-size:13px;color:#94a3b8}.pos-payment-footer{display:flex;gap:10px;padding:14px 20px 18px;background:#fff;border-top:1px solid #eee;flex-shrink:0}.pos-cancel-btn{flex:1;padding:14px;background:#fff;border:1px solid #ddd;border-radius:10px;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.pos-cancel-btn:hover{background:#f5f5f5}.pos-confirm-btn{flex:2;padding:14px;background:linear-gradient(135deg,#4caf50,#43a047);border:none;border-radius:10px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #4caf504d}.pos-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}@media(min-width:600px){.pos-sidebar{width:380px;right:-380px}.pos-sidebar.open{right:0}}@media(max-width:480px){.pos-top-bar{padding:10px 14px}.pos-top-title{font-size:16px}.pos-icon-btn{width:36px;height:36px}.pos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pos-img-box{height:100px}.pos-name{font-size:13px}.pos-price{font-size:14px}.pos-sidebar{width:100%;right:-100%;height:calc(100% - 70px);max-height:calc(100vh - 70px)}.pos-sidebar.open{right:0}.pos-floating-cart{bottom:80px;left:16px;right:16px;justify-content:center;border-radius:14px;padding:12px 20px}.pos-payment-modal{width:100%;max-width:100%;top:0;left:0;right:0;transform:none;border-radius:0 0 20px 20px;max-height:calc(100vh - 70px)}.pos-payment-body{max-height:calc(100vh - 200px);padding:14px 16px}.pos-search-type-tabs{gap:6px}.pos-search-type-tab{padding:8px;font-size:12px}.pos-methods-grid{gap:8px}.pos-method-btn{padding:12px 8px}.pos-method-btn span{font-size:12px}}.pos-products-area::-webkit-scrollbar,.pos-cart-list::-webkit-scrollbar,.pos-category-dropdown-menu::-webkit-scrollbar{width:4px}.pos-products-area::-webkit-scrollbar-track,.pos-cart-list::-webkit-scrollbar-track,.pos-category-dropdown-menu::-webkit-scrollbar-track{background:transparent}.pos-products-area::-webkit-scrollbar-thumb,.pos-cart-list::-webkit-scrollbar-thumb,.pos-category-dropdown-menu::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.pos-products-area::-webkit-scrollbar-thumb:hover,.pos-cart-list::-webkit-scrollbar-thumb:hover,.pos-category-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ccc}.pos-customer-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.pos-customer-mode-tabs{display:flex;gap:8px;margin-bottom:12px}.pos-mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:#f5f5f5;border:2px solid transparent;border-radius:12px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.pos-mode-tab:hover{border-color:#667eea;color:#667eea;background:#f0f4ff}.pos-mode-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.pos-manual-customer-form{display:flex;flex-direction:column;gap:12px}.pos-manual-input-group{display:flex;flex-direction:column;gap:6px}.pos-manual-input-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#555}.pos-manual-input-group input{padding:12px 14px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;transition:all .2s ease}.pos-manual-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pos-set-customer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.pos-set-customer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.pos-search-type-tabs{display:flex;gap:8px;margin-bottom:12px}.pos-search-type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#f5f5f5;border:2px solid transparent;border-radius:10px;font-size:13px;color:#666;cursor:pointer;transition:all .2s ease}.pos-search-type-tab:hover{border-color:#667eea;color:#667eea}.pos-search-type-tab.active{background:linear-gradient(135deg,#f0f4ff,#fff);border-color:#667eea;color:#667eea}.pos-customer-search{display:flex;gap:8px}.pos-customer-search input{flex:1;padding:12px 14px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;transition:all .2s ease}.pos-customer-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pos-customer-search-btn{width:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pos-customer-search-btn:hover{transform:scale(1.05)}.pos-customer-search-btn:disabled{opacity:.7;cursor:not-allowed}.pos-customer-card{background:linear-gradient(135deg,#f0f4ff,#fff);border:1px solid #e0e8ff;border-radius:12px;padding:14px}.pos-customer-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pos-customer-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.pos-customer-details{flex:1}.pos-customer-name{font-size:16px;font-weight:700;color:#333;margin-bottom:4px}.pos-customer-contact{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#666}.pos-customer-contact span{display:flex;align-items:center;gap:4px}.pos-customer-remove{width:32px;height:32px;background:#fee;color:#e53935;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pos-customer-remove:hover{background:#f44336;color:#fff}.pos-loyalty-section{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;border:1px solid #e0e0e0}.pos-loyalty-info{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.pos-loyalty-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.pos-loyalty-badge[data-level=bronze]{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.pos-loyalty-badge[data-level=silver]{background:linear-gradient(135deg,silver,#a8a8a8);color:#333}.pos-loyalty-badge[data-level=gold]{background:linear-gradient(135deg,gold,#ffb347);color:#333}.pos-loyalty-badge[data-level=platinum]{background:linear-gradient(135deg,#e5e4e2,#a9a9a9);color:#333}.pos-points-display{display:flex;align-items:center;gap:6px;font-size:13px;color:#667eea;font-weight:600}.pos-points-display .pos-points-value{font-size:11px;color:#999;font-weight:400}.pos-use-points{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#333}.pos-use-points input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.pos-points-slider{margin-top:12px}.pos-points-slider input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:#e0e0e0;border-radius:3px;outline:none}.pos-points-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #667eea66}.pos-points-value-display{display:flex;justify-content:space-between;margin-top:8px;font-size:13px}.pos-points-value-display .discount{color:#4caf50;font-weight:600}.pos-customer-discount{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#e8f5e9;border-radius:8px;font-size:13px;color:#2e7d32}.pos-customer-discount .amount{margin-right:auto;font-weight:700}.pos-summary-row.discount{color:#4caf50}.pos-summary-row.earned{color:#667eea;font-size:13px;border-top:1px dashed #eee;margin-top:8px;padding-top:8px}.pos-payment-body{padding:20px;max-height:calc(100vh - 200px);overflow-y:auto}.pos-confirm-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.pos-print-unpaid-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:8px;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pos-print-unpaid-btn:hover,.pos-print-unpaid-btn:active{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.pos-print-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:1100;animation:fadeIn .2s ease}.pos-print-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:360px;background:#fff;border-radius:24px;padding:32px 24px;z-index:1101;text-align:center;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.pos-print-success-icon{width:100px;height:100px;margin:0 auto 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pos-print-title{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:8px}.pos-print-subtitle{font-size:14px;color:#6b7280;margin-bottom:16px}.pos-print-question{font-size:18px;font-weight:600;color:#374151;margin-bottom:24px}.pos-print-actions{display:flex;flex-direction:column;gap:12px}.pos-print-yes-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pos-print-yes-btn:hover,.pos-print-yes-btn:active{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.pos-print-no-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:14px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pos-print-no-btn:hover,.pos-print-no-btn:active{background:#e5e7eb;color:#374151}.pos-cart-footer{display:flex;flex-direction:column;gap:8px}.pos-weight-overlay{position:fixed;inset:0;background:#0009;z-index:1000;backdrop-filter:blur(4px)}.pos-weight-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:380px;background:#fff;border-radius:20px;z-index:1001;box-shadow:0 20px 60px #0000004d;overflow:hidden}.pos-weight-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pos-weight-header h3{flex:1;font-size:18px;font-weight:600;margin:0}.pos-weight-close{background:#fff3;border:none;border-radius:50%;padding:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.pos-weight-product{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.pos-weight-product-icon{width:60px;height:60px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;overflow:hidden}.pos-weight-product-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pos-weight-product-info h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.pos-weight-price{font-size:14px;color:#10b981;font-weight:600}.pos-weight-input-section{padding:20px}.pos-weight-input-section label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.pos-weight-input-row{display:flex;align-items:center;gap:8px}.pos-weight-input-row input{flex:1;padding:14px 16px;font-size:24px;font-weight:700;text-align:center;border:2px solid #e5e7eb;border-radius:12px;outline:none;transition:all .2s;font-family:inherit}.pos-weight-input-row input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.pos-weight-unit{font-size:16px;font-weight:600;color:#6b7280;min-width:40px}.pos-scale-btn{padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pos-scale-btn:hover{transform:scale(1.05)}.pos-scale-btn:disabled{opacity:.6;cursor:not-allowed}.pos-weight-hint{font-size:12px;color:#9ca3af;margin-top:8px}.pos-weight-calculated{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-top:1px dashed #6ee7b7;border-bottom:1px dashed #6ee7b7}.pos-weight-calculated span:first-child{font-size:14px;color:#065f46}.pos-weight-total{font-size:24px;font-weight:700;color:#059669}.pos-weight-actions{display:flex;gap:12px;padding:20px}.pos-weight-cancel{flex:1;padding:14px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;font-family:inherit}.pos-weight-print{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.pos-weight-print:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b4d}.pos-weight-add{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.pos-weight-add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.pos-weight-add:disabled{opacity:.5;cursor:not-allowed}.pos-cart-item.weighted{border-right:3px solid #10b981}.pos-weighted-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #0003}.pos-cart-item-img{position:relative}.pos-cart-item-weight{display:flex;flex-direction:column;gap:2px}.pos-cart-item-weight .weight-value{font-size:13px;font-weight:600;color:#10b981}.pos-cart-item-weight .weight-price{font-size:11px;color:#9ca3af}.pos-label-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.pos-label-btn:hover{background:#e5e7eb;color:#374151}.pos-label-btn.printed{background:#dcfce7;border-color:#86efac;color:#16a34a}.store-type-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.store-type-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.store-type-modal .modal-header h2{margin:0;font-size:1.375rem;font-weight:700;color:#1f2937}.store-type-modal .close-btn{width:40px;height:40px;border-radius:10px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.store-type-modal .close-btn:hover{background:#e5e7eb;color:#1f2937}.store-type-modal .modal-subtitle{padding:0 1.5rem;margin:.75rem 0 0;font-size:.9375rem;color:#6b7280;text-align:center}.store-type-modal .store-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1.5rem;overflow-y:auto}.store-type-modal .store-type-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border:2px solid #e5e7eb;border-radius:16px;background:#fff;cursor:pointer;transition:all .25s ease;text-align:center}.store-type-modal .store-type-card:hover{border-color:var(--store-color, #3b82f6);background:linear-gradient(180deg,#fff,rgba(var(--store-color-rgb, 59, 130, 246),.05));transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a}.store-type-modal .store-type-card:active{transform:translateY(-2px)}.store-type-modal .store-type-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--store-color, #3b82f6),var(--store-color, #2563eb));color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s}.store-type-modal .store-type-card:hover .store-type-icon{transform:scale(1.05)}.store-type-modal .store-type-name{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.store-type-modal .store-type-name-en{margin:0;font-size:.8125rem;color:#9ca3af}.store-type-modal .store-types-grid::-webkit-scrollbar{width:6px}.store-type-modal .store-types-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.store-type-modal .store-types-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}@media(prefers-color-scheme:dark){.store-type-modal{background:#1f2937}.store-type-modal .modal-header{border-bottom-color:#374151}.store-type-modal .modal-header h2{color:#f9fafb}.store-type-modal .close-btn{background:#374151;color:#d1d5db}.store-type-modal .close-btn:hover{background:#4b5563;color:#f9fafb}.store-type-modal .modal-subtitle{color:#9ca3af}.store-type-modal .store-type-card{background:#111827;border-color:#374151}.store-type-modal .store-type-card:hover{background:#1f2937}.store-type-modal .store-type-name{color:#f9fafb}}@media(max-width:640px){.store-type-modal{max-height:100vh;border-radius:0;height:100%}.store-type-modal .store-types-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.store-type-modal .store-type-card{padding:1.25rem .75rem}.store-type-modal .store-type-icon{width:56px;height:56px}}.store-type-modal .custom-type-card{border-style:dashed;border-color:#9ca3af;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.store-type-modal .custom-type-card:hover{border-color:#6b7280;background:linear-gradient(135deg,#fff,#f3f4f6)}.store-type-modal .custom-type-card .store-type-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.store-type-modal .custom-type-section{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.store-type-modal .custom-type-label{display:block;margin-bottom:.5rem;font-size:.9375rem;font-weight:600;color:#374151}.store-type-modal .custom-type-input-wrapper{display:flex;gap:.75rem;align-items:center}.store-type-modal .custom-type-input{flex:1;padding:.875rem 1rem;border:2px solid #d1d5db;border-radius:12px;font-size:1rem;color:#1f2937;background:#fff;transition:all .2s}.store-type-modal .custom-type-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.store-type-modal .custom-type-input::-moz-placeholder{color:#9ca3af}.store-type-modal .custom-type-input::placeholder{color:#9ca3af}.store-type-modal .custom-type-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.store-type-modal .custom-type-btn.submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.store-type-modal .custom-type-btn.submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.store-type-modal .custom-type-btn.submit:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.store-type-modal .custom-type-btn.cancel{background:#f3f4f6;color:#6b7280}.store-type-modal .custom-type-btn.cancel:hover{background:#e5e7eb;color:#374151}@media(prefers-color-scheme:dark){.store-type-modal .custom-type-card{background:linear-gradient(135deg,#1f2937,#111827);border-color:#4b5563}.store-type-modal .custom-type-card:hover{background:linear-gradient(135deg,#374151,#1f2937);border-color:#6b7280}.store-type-modal .custom-type-section{background:#111827;border-top-color:#374151}.store-type-modal .custom-type-label{color:#d1d5db}.store-type-modal .custom-type-input{background:#1f2937;border-color:#4b5563;color:#f9fafb}.store-type-modal .custom-type-input:focus{border-color:#3b82f6}.store-type-modal .custom-type-btn.cancel{background:#374151;color:#d1d5db}.store-type-modal .custom-type-btn.cancel:hover{background:#4b5563}}.dynamic-product-form .success-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;margin-bottom:1rem;color:#fff;animation:successSlide .4s ease-out;box-shadow:0 4px 15px #10b98159}@keyframes successSlide{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dynamic-product-form .success-banner svg:first-child{flex-shrink:0}.dynamic-product-form .success-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.dynamic-product-form .success-text{font-size:1rem;font-weight:600}.dynamic-product-form .success-count{font-size:.8125rem;opacity:.9}.dynamic-product-form .success-close{padding:.375rem;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.dynamic-product-form .success-close:hover{background:#ffffff4d}.dynamic-product-form .spinner{animation:spin 1s linear infinite}.dynamic-product-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.dynamic-product-form-wrapper .modal-overlay,.modal-overlay:has(.dynamic-product-form){position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.dynamic-product-form{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dynamic-product-form .form-header{padding:1.25rem 1.5rem;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dynamic-product-form .header-content{display:flex;align-items:center;gap:1rem}.dynamic-product-form .store-type-badge{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.dynamic-product-form .header-content h2{margin:0;font-size:1.25rem;font-weight:600}.dynamic-product-form .header-content p{margin:.25rem 0 0;opacity:.9;font-size:.875rem}.dynamic-product-form .close-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.dynamic-product-form .close-btn:hover{background:#ffffff4d}.dynamic-product-form .form-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.dynamic-product-form .form-content::-webkit-scrollbar{width:6px}.dynamic-product-form .form-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dynamic-product-form .form-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dynamic-product-form .form-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dynamic-product-form .alert-info{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #7dd3fc;border-radius:10px;color:#0369a1;font-size:.875rem}.dynamic-product-form .alert-info svg{flex-shrink:0}.dynamic-product-form .form-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;overflow:visible}@media(max-width:500px){.dynamic-product-form .form-fields{grid-template-columns:1fr}}.dynamic-product-form .form-group{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.dynamic-product-form .form-group.full-width{grid-column:1 / -1}.dynamic-product-form .form-group label{font-size:.875rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:.25rem}.dynamic-product-form .form-group .required{color:#ef4444;margin-right:2px}.dynamic-product-form .form-group input[type=text],.dynamic-product-form .form-group input[type=number],.dynamic-product-form .form-group input[type=date],.dynamic-product-form .form-group input[type=email],.dynamic-product-form .form-group input[type=tel],.dynamic-product-form .form-group select,.dynamic-product-form .form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-family:inherit;background:#fff;transition:all .2s;color:#1f2937}.dynamic-product-form .form-group input:focus,.dynamic-product-form .form-group select:focus,.dynamic-product-form .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dynamic-product-form .form-group input::-moz-placeholder,.dynamic-product-form .form-group textarea::-moz-placeholder{color:#9ca3af}.dynamic-product-form .form-group input::placeholder,.dynamic-product-form .form-group textarea::placeholder{color:#9ca3af}.dynamic-product-form .form-group textarea{resize:vertical;min-height:80px}.dynamic-product-form .checkbox-group label{flex-direction:row;align-items:center;cursor:pointer}.dynamic-product-form .checkbox-group input[type=checkbox]{width:18px;height:18px;margin-left:.5rem;accent-color:#3b82f6}.dynamic-product-form .category-select-group{display:flex;gap:.5rem}.dynamic-product-form .category-select-group select{flex:1}.dynamic-product-form .new-category-btn{width:44px;height:44px;border:1.5px dashed #d1d5db;border-radius:10px;background:#f9fafb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.dynamic-product-form .new-category-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.dynamic-product-form .barcode-group{grid-column:1 / -1;overflow:visible}.dynamic-product-form .barcode-input-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:.5rem}.dynamic-product-form .barcode-input-group{display:flex;gap:.5rem;flex-wrap:wrap}.dynamic-product-form .barcode-input-field{position:relative;flex:1;min-width:200px}.dynamic-product-form .barcode-input-field input{width:100%;padding:.75rem 2.5rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .2s}.dynamic-product-form .barcode-input-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dynamic-product-form .barcode-search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.dynamic-product-form .barcode-loading{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#3b82f6}.dynamic-product-form .barcode-success{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#22c55e}.dynamic-product-form .barcode-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;max-height:320px;overflow-y:auto;margin-top:.25rem;animation:slideDown .2s ease-out}.dynamic-product-form .barcode-suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid #f3f4f6}.dynamic-product-form .barcode-suggestion-item:last-child{border-bottom:none}.dynamic-product-form .barcode-suggestion-item:hover{background:#f0f9ff}.dynamic-product-form .suggestion-image{width:48px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#f3f4f6;flex-shrink:0}.dynamic-product-form .suggestion-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.dynamic-product-form .suggestion-name{font-size:.9375rem;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-product-form .suggestion-brand{font-size:.8125rem;color:#6b7280}.dynamic-product-form .suggestion-barcode{font-size:.75rem;color:#9ca3af;font-family:monospace}.dynamic-product-form .barcode-hint{margin:.5rem 0 0;font-size:.8125rem;color:#6b7280}.dynamic-product-form .barcode-input-group input{flex:1;min-width:150px;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem}.dynamic-product-form .barcode-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dynamic-product-form .barcode-btn,.dynamic-product-form .camera-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.dynamic-product-form .barcode-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.dynamic-product-form .barcode-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.dynamic-product-form .barcode-btn:disabled{opacity:.7;cursor:not-allowed}.dynamic-product-form .camera-btn{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.dynamic-product-form .camera-btn:hover{background:#e5e7eb}.dynamic-product-form .spin{animation:spin 1s linear infinite}.dynamic-product-form .scanner-preview{position:relative;margin-top:1rem;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 12px #0000004d}.dynamic-product-form .scanner-preview video{width:100%;max-height:300px;-o-object-fit:cover;object-fit:cover;display:block}.dynamic-product-form .scanner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 25%,transparent 75%,rgba(0,0,0,.5) 100%)}.dynamic-product-form .scanner-frame{position:relative;width:250px;height:150px;border:2px solid rgba(34,197,94,.5);border-radius:8px}.dynamic-product-form .scanner-frame .corner{position:absolute;width:20px;height:20px;border:3px solid #22c55e}.dynamic-product-form .scanner-frame .corner.top-left{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:8px}.dynamic-product-form .scanner-frame .corner.top-right{top:-2px;right:-2px;border-left:none;border-bottom:none;border-top-right-radius:8px}.dynamic-product-form .scanner-frame .corner.bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none;border-bottom-left-radius:8px}.dynamic-product-form .scanner-frame .corner.bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:8px}.dynamic-product-form .scan-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#22c55e,transparent);animation:scanMove 2s ease-in-out infinite;box-shadow:0 0 15px #22c55e,0 0 30px #22c55e80}@keyframes scanMove{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(147px);opacity:1}}.dynamic-product-form .scanner-hint{margin-top:1rem;color:#fff;font-size:.875rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);background:#0009;padding:.5rem 1rem;border-radius:20px;backdrop-filter:blur(4px);transition:all .3s ease}.dynamic-product-form .scanner-preview.detected .scanner-frame{border-color:#22c55e;box-shadow:0 0 20px #22c55e99;animation:detectedPulse .5s ease}.dynamic-product-form .scanner-preview.detected .corner{border-color:#22c55e}.dynamic-product-form .scanner-preview.detected .scanner-hint{background:#22c55ee6}@keyframes detectedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dynamic-product-form .detected-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;animation:successPop .4s ease;box-shadow:0 4px 20px #22c55e99}@keyframes successPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.dynamic-product-form .form-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #f3f4f6;margin-top:.5rem}.dynamic-product-form .btn-secondary,.dynamic-product-form .btn-primary{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;border:none}.dynamic-product-form .btn-secondary{background:#f3f4f6;color:#374151}.dynamic-product-form .btn-secondary:hover{background:#e5e7eb}.dynamic-product-form .btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.dynamic-product-form .btn-primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.add-category-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}.add-category-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6}.add-category-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.add-category-modal .modal-header button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;transition:color .2s}.add-category-modal .modal-header button:hover{color:#1f2937}.add-category-modal .modal-body{padding:1.25rem}.add-category-modal .modal-body .form-group{display:flex;flex-direction:column;gap:.5rem}.add-category-modal .modal-body label{font-size:.875rem;font-weight:500;color:#374151}.add-category-modal .modal-body input{width:100%;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .2s}.add-category-modal .modal-body input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-category-modal .modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #f3f4f6;background:#f9fafb}.add-category-modal .cancel-btn,.add-category-modal .save-btn{flex:1;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.375rem;transition:all .2s;border:none}.add-category-modal .cancel-btn{background:#fff;color:#374151;border:1.5px solid #e5e7eb}.add-category-modal .cancel-btn:hover{background:#f3f4f6}.add-category-modal .save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.add-category-modal .save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.add-category-modal .save-btn:disabled{opacity:.6;cursor:not-allowed}.dynamic-product-form .image-upload-section{border:2px dashed #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;background:#fafafa;transition:all .2s}.dynamic-product-form .image-upload-section:hover{border-color:#3b82f6;background:#f0f9ff}.dynamic-product-form .image-upload-section.has-images{border-style:solid;border-color:#d1d5db}[dir=rtl] .dynamic-product-form .header-content,[dir=rtl] .dynamic-product-form .alert-info,[dir=rtl] .dynamic-product-form .barcode-input-group,[dir=rtl] .dynamic-product-form .category-select-group{flex-direction:row}[dir=rtl] .dynamic-product-form .checkbox-group input[type=checkbox]{margin-left:0;margin-right:.5rem}@media(max-width:640px){.dynamic-product-form{max-height:100vh;border-radius:0;height:100%}.modal-overlay:has(.dynamic-product-form){padding:0}.dynamic-product-form .form-header{padding:1rem}.dynamic-product-form .store-type-badge{width:40px;height:40px;font-size:1.25rem}.dynamic-product-form .header-content h2{font-size:1.125rem}.dynamic-product-form .form-content{padding:1rem}.dynamic-product-form .barcode-input-group{flex-direction:column}.dynamic-product-form .barcode-btn,.dynamic-product-form .camera-btn{justify-content:center}.dynamic-product-form .form-actions{flex-direction:column-reverse}.add-category-modal{margin:1rem}}.dynamic-product-form .unit-type-section{margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd}.dynamic-product-form .unit-type-buttons{display:flex;gap:.75rem;margin-top:.5rem}.dynamic-product-form .unit-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:2px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;color:#475569}.dynamic-product-form .unit-type-btn:hover{border-color:#3b82f6;background:#f8fafc}.dynamic-product-form .unit-type-btn.active{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.dynamic-product-form .unit-type-btn svg{flex-shrink:0}.dynamic-product-form .weight-fields-section{padding:1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:1px solid #6ee7b7;margin-bottom:1rem}.dynamic-product-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.dynamic-product-form .form-row:last-child{margin-bottom:0}.dynamic-product-form .weight-fields-section .form-group{margin-bottom:.75rem}.dynamic-product-form .weight-fields-section .form-group:last-child{margin-bottom:0}.dynamic-product-form .weight-fields-section label{font-size:.85rem;color:#065f46}.dynamic-product-form .weight-fields-section input,.dynamic-product-form .weight-fields-section select{border-color:#6ee7b7}.dynamic-product-form .weight-fields-section input:focus,.dynamic-product-form .weight-fields-section select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}@media(max-width:480px){.dynamic-product-form .unit-type-buttons{flex-direction:column}.dynamic-product-form .form-row{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.dynamic-product-form{background:#1f2937}.dynamic-product-form .unit-type-section{background:linear-gradient(135deg,#1e3a5f,#1e3a5f);border-color:#3b82f6}.dynamic-product-form .unit-type-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.dynamic-product-form .unit-type-btn:hover{background:#4b5563}.dynamic-product-form .unit-type-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.dynamic-product-form .weight-fields-section{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981}.dynamic-product-form .weight-fields-section label{color:#a7f3d0}.dynamic-product-form .weight-fields-section input,.dynamic-product-form .weight-fields-section select{background:#374151;border-color:#10b981;color:#f9fafb}.dynamic-product-form .form-content{background:#1f2937}.dynamic-product-form .form-group label{color:#e5e7eb}.dynamic-product-form .form-group input,.dynamic-product-form .form-group select,.dynamic-product-form .form-group textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.dynamic-product-form .form-group input::-moz-placeholder,.dynamic-product-form .form-group textarea::-moz-placeholder{color:#9ca3af}.dynamic-product-form .form-group input::placeholder,.dynamic-product-form .form-group textarea::placeholder{color:#9ca3af}.dynamic-product-form .alert-info{background:linear-gradient(135deg,#1e3a5f,#1e3a5f);border-color:#3b82f6}.dynamic-product-form .btn-secondary{background:#374151;color:#e5e7eb}.dynamic-product-form .form-actions{border-top-color:#374151}.add-category-modal{background:#1f2937}.add-category-modal .modal-header{border-bottom-color:#374151}.add-category-modal .modal-header h3{color:#f9fafb}.add-category-modal .modal-body label{color:#e5e7eb}.add-category-modal .modal-body input{background:#374151;border-color:#4b5563;color:#f9fafb}.add-category-modal .modal-footer{background:#111827;border-top-color:#374151}.add-category-modal .cancel-btn{background:#374151;color:#e5e7eb;border-color:#4b5563}}.pm-wrapper{display:flex;flex-direction:column;min-height:100%;background:#f5f6fa;direction:rtl;font-family:Tajawal,sans-serif;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;position:relative}.pm-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.pm-icon-btn{background:#ffffff26;border:none;color:#fff;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.pm-icon-btn:hover{background:#ffffff40}.pm-top-title{font-size:17px;font-weight:600}.pm-search-container{position:relative;margin:12px 14px}.pm-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.pm-search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent;font-family:inherit}.pm-search-input::-moz-placeholder{color:#999}.pm-search-input::placeholder{color:#999}.pm-search-clear{background:#f0f0f0;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease}.pm-search-clear:hover{background:#e0e0e0;color:#333}.pm-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;max-height:300px;overflow-y:auto}.pm-search-section{padding:8px 0;border-bottom:1px solid #f0f0f0}.pm-search-section:last-child{border-bottom:none}.pm-search-section-title{padding:6px 14px;font-size:11px;font-weight:600;color:#999;text-transform:uppercase}.pm-search-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .2s ease}.pm-search-item:hover{background:#f5f6fa}.pm-search-category{color:#6366f1}.pm-search-item-img{width:36px;height:36px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.pm-search-item-info{display:flex;flex-direction:column;gap:2px}.pm-search-item-name{font-size:13px;font-weight:500;color:#333}.pm-search-item-price{font-size:11px;color:#6366f1;font-weight:600}.pm-cat-row{display:flex;gap:10px;padding:0 14px 12px;align-items:center}.pm-category-dropdown{position:relative;flex:1;max-width:250px}.pm-category-dropdown-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;font-family:inherit}.pm-category-dropdown-btn:hover{border-color:#6366f1}.pm-category-dropdown-btn svg{transition:transform .2s ease;color:#666}.pm-category-dropdown-btn svg.rotated{transform:rotate(180deg)}.pm-category-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;z-index:100;max-height:280px;overflow-y:auto;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pm-category-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:none;border:none;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;cursor:pointer;transition:background .15s ease;font-family:inherit;text-align:right}.pm-category-dropdown-item:last-child{border-bottom:none}.pm-category-dropdown-item:hover{background:#f8f9ff}.pm-category-dropdown-item.active{background:#6366f1;color:#fff}.pm-category-dropdown-item .pm-cat-count{font-size:12px;color:#999;font-weight:500}.pm-category-dropdown-item.active .pm-cat-count{color:#fffc}.pm-stock-filter-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:transform .15s ease;font-family:inherit}.pm-stock-filter-badge:hover{transform:scale(1.02)}.pm-cat-row::-webkit-scrollbar{display:none}.pm-cat-chip{flex-shrink:0;padding:8px 16px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;font-size:13px;color:#555;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .2s ease}.pm-cat-chip:hover{border-color:#6366f1;color:#6366f1}.pm-cat-chip.active{background:#6366f1;color:#fff;border-color:#6366f1}.pm-cat-more{background:#f0f0f0;color:#666;font-weight:600}.pm-products-area{padding:0 10px 100px}.pm-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;gap:10px}.pm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pm-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000012;transition:transform .2s ease,box-shadow .2s ease}.pm-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.pm-img-box{width:100%;height:80px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.pm-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pm-card-body{padding:8px}.pm-name{font-size:11px;font-weight:600;color:#333;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-price-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.pm-price{font-size:12px;font-weight:700;color:#6366f1}.pm-old-price{font-size:10px;color:#aaa;text-decoration:line-through}.pm-actions{display:flex;gap:6px}.pm-edit-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:6px;background:#eef2ff;border:none;border-radius:6px;color:#6366f1;cursor:pointer;transition:background .2s ease}.pm-edit-btn:hover{background:#e0e7ff}.pm-del-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:6px;background:#fef2f2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;transition:background .2s ease}.pm-del-btn:hover{background:#fee2e2}.pm-img-box{position:relative}.pm-stock-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000001a}.pm-stock-bar{height:100%;transition:width .3s ease}.pm-stock-badge{position:absolute;top:4px;left:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff}.pm-stock-filter-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#eef2ff;border-radius:10px;margin-bottom:8px;font-size:13px;color:#6366f1;font-weight:600}.pm-clear-filter{background:#6366f1;color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;font-family:inherit}.pm-stock-menu-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.pm-stock-menu-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.pm-stock-menu-arrow{margin-right:auto;font-size:10px}.pm-stock-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pm-stock-option{padding:8px 12px;background:#f5f6fa;border:1px solid #e0e0e0;border-radius:8px;font-size:12px;color:#555;cursor:pointer;font-family:inherit;transition:all .2s ease}.pm-stock-option:hover{border-color:#f59e0b;color:#f59e0b}.pm-stock-option.active{background:#f59e0b;color:#fff;border-color:#f59e0b}.pm-stock-count{margin-right:4px;opacity:.7}.pm-critical-section{background:#fef2f2;margin:12px;border-radius:12px;border:1px solid #fecaca}.pm-critical-title{display:flex;align-items:center;gap:6px;color:#ef4444}.pm-critical-list{display:flex;flex-direction:column;gap:8px}.pm-no-critical{font-size:12px;color:#999;text-align:center;padding:10px}.pm-critical-item{background:#fff;padding:8px 10px;border-radius:8px;border:1px solid #fee2e2}.pm-critical-info{display:flex;justify-content:space-between;margin-bottom:6px}.pm-critical-name{font-size:12px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.pm-critical-stock{font-size:11px;color:#ef4444;font-weight:600}.pm-critical-bar{height:4px;background:#fee2e2;border-radius:2px;overflow:hidden}.pm-critical-fill{height:100%;background:#ef4444;transition:width .3s ease}.pm-see-all-critical{width:100%;padding:8px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:4px}.pm-see-all-critical:hover{background:#dc2626}.pm-overlay{position:fixed;inset:0;background:#0006;z-index:50}.pm-sidebar{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:#fff;z-index:60;display:flex;flex-direction:column;transition:transform .3s ease;overflow-y:auto;transform:translate(100%)}.pm-sidebar.open{transform:translate(0)}.pm-side-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}.pm-side-title{font-size:17px;font-weight:600;color:#333}.pm-close-btn{background:#f5f5f5;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:background .2s ease}.pm-close-btn:hover{background:#e5e5e5}.pm-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px;padding:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}.pm-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.pm-section{padding:12px 16px;border-top:1px solid #f0f0f0}.pm-categories-section{padding:0}.pm-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;border-top:1px solid #f0f0f0;cursor:pointer;font-family:inherit;transition:background .15s ease}.pm-section-toggle:hover{background:#f8f9ff}.pm-section-toggle svg{color:#666;transition:transform .2s ease}.pm-section-toggle svg.rotated{transform:rotate(180deg)}.pm-categories-list{max-height:200px;overflow-y:auto;padding:0 16px 12px;background:#fafafa;animation:slideDown .2s ease}.pm-categories-list::-webkit-scrollbar{width:4px}.pm-categories-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.pm-cat-label-text{flex:1}.pm-cat-label-count{font-size:12px;color:#999}.pm-sec-title{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.pm-check-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#555;margin-bottom:8px;cursor:pointer}.pm-low-stock-label,.pm-low-stock-icon{color:#f59e0b}.pm-checkbox{width:18px;height:18px;accent-color:#6366f1}.pm-side-btns{display:flex;gap:10px;padding:16px;margin-top:auto;border-top:1px solid #eee}.pm-apply-btn{flex:1;padding:12px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s ease}.pm-apply-btn:hover{background:#4f46e5}.pm-reset-btn{flex:1;padding:12px;background:#fff;color:#666;border:1px solid #ddd;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.pm-reset-btn:hover{background:#f5f5f5;border-color:#ccc}@media(max-width:400px){.pm-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pm-img-box{height:70px}.pm-name{font-size:10px}.pm-price{font-size:11px}}@media(min-width:500px){.pm-grid{grid-template-columns:repeat(4,1fr)}.pm-img-box{height:90px}}@media(min-width:640px){.pm-grid{grid-template-columns:repeat(5,1fr);gap:12px}.pm-img-box{height:100px}.pm-card-body{padding:10px}.pm-name{font-size:12px}.pm-price{font-size:13px}}@media(min-width:768px){.pm-grid{grid-template-columns:repeat(6,1fr)}.pm-sidebar{width:320px}.pm-img-box{height:110px}}@media(min-width:1024px){.pm-grid{grid-template-columns:repeat(7,1fr);gap:14px}.pm-img-box{height:120px}.pm-card-body{padding:12px}.pm-name{font-size:13px}.pm-price{font-size:14px}}@media(min-width:1280px){.pm-grid{grid-template-columns:repeat(8,1fr);gap:16px}.pm-img-box{height:130px}}.orders-page{min-height:100%;background:linear-gradient(180deg,#f8f6ff,#f0ebff);direction:rtl;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.orders-header-gradient{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-radius:0 0 24px 24px;position:relative;z-index:10;flex-shrink:0}.orders-header-content{display:flex;align-items:center;justify-content:space-between}.orders-header-left .menu-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:12px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.orders-title{color:#fff;font-size:20px;font-weight:700;margin:0}.orders-header-right{display:flex;align-items:center;gap:8px}.header-icon-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.store-select-mini{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:12px;font-size:14px;cursor:pointer;outline:none}.store-select-mini option{color:#333;background:#fff}.orders-search-container{padding:16px 20px;margin-top:-12px}.orders-search-box{background:#fff;border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #8b5cf626;border:2px solid transparent;transition:all .3s}.orders-search-box:focus-within{border-color:#8b5cf6;box-shadow:0 4px 24px #8b5cf640}.orders-search-box .search-icon{color:#a78bfa;flex-shrink:0}.orders-search-box input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#333}.orders-search-box input::-moz-placeholder{color:#aaa}.orders-search-box input::placeholder{color:#aaa}.orders-filter-tabs{display:flex;gap:8px;padding:0 20px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.orders-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:#fff;border:2px solid #e9e5ff;color:#666;padding:10px 18px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .3s}.filter-tab:hover{border-color:#a78bfa;color:#8b5cf6}.filter-tab.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:transparent;color:#fff}.tab-count{background:#8b5cf633;color:#8b5cf6;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.filter-tab.active .tab-count{background:#ffffff4d;color:#fff}.filter-settings-btn{background:#fff;border:2px solid #e9e5ff;color:#8b5cf6;width:44px;height:44px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.filter-settings-btn:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.orders-list{padding:0 20px 100px;display:flex;flex-direction:column;gap:16px}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#8b5cf6}.loading-spinner{width:48px;height:48px;border:4px solid #e9e5ff;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-envelope{width:120px;height:100px;position:relative}.envelope-body{width:100%;height:70px;background:linear-gradient(135deg,#c4b5fd,#a78bfa);border-radius:8px;position:absolute;bottom:0;display:flex;align-items:center;justify-content:center}.envelope-top{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:40px solid #ddd6fe;position:absolute;top:10px}.envelope-paper{width:80px;height:50px;background:#fff;border-radius:4px;position:relative;top:-20px}.orders-empty h3{color:#333;font-size:18px;font-weight:700;margin:0 0 8px}.orders-empty p{color:#888;font-size:14px;margin:0 0 24px}.empty-action-btn{background:#fff;border:2px solid #e9e5ff;color:#8b5cf6;padding:14px 28px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.empty-action-btn:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.order-card-new{background:#fff;border-radius:20px;padding:18px;box-shadow:0 4px 20px #8b5cf614;border:2px solid #f3f0ff;transition:all .3s}.order-card-new:hover{box-shadow:0 8px 32px #8b5cf626;transform:translateY(-2px)}.order-card-header{display:flex;gap:14px;margin-bottom:16px}.customer-avatar{width:52px;height:52px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;flex-shrink:0}.customer-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.customer-name{font-size:16px;font-weight:700;color:#333}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.pending{background:#fff7e6;color:#d97706}.status-badge.confirmed,.status-badge.preparing{background:#ede9fe;color:#7c3aed}.status-badge.ready,.status-badge.delivered{background:#dcfce7;color:#16a34a}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.order-meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.store-name,.order-time{font-size:13px;color:#888}.order-card-body{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:14px;padding:14px 16px;margin-bottom:14px}.order-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.amount-value{font-size:24px;font-weight:800;color:#7c3aed}.amount-currency{font-size:14px;font-weight:600;color:#a78bfa}.order-items-summary{font-size:14px;color:#666;line-height:1.5}.item-name{color:#555}.more-items{color:#8b5cf6;font-weight:600}.order-card-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn-new{padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s;min-height:42px}.action-btn-new.accept{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;flex:1}.action-btn-new.ready,.action-btn-new.deliver{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;flex:1}.action-btn-new.message{background:#ede9fe;color:#7c3aed;flex:1}.action-btn-new.message:hover{background:#ddd6fe}.action-btn-new.delivery{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;flex:1}.action-btn-new.delivery:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.action-btn-new.delivery.requesting{background:linear-gradient(135deg,#fbbf24,#f59e0b);cursor:wait;opacity:.9}.action-btn-new.delivery.requesting:hover{transform:none;box-shadow:none}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.action-btn-new.delivery.found{background:linear-gradient(135deg,#22c55e,#16a34a);position:relative;animation:pulse-green 1.5s infinite}.action-btn-new.delivery.found:hover{background:linear-gradient(135deg,#16a34a,#15803d)}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.driver-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#ef4444;color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.action-btn-new.delivery.assigned{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-btn-new.delivery.assigned:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.action-btn-new.call{background:#dcfce7;color:#16a34a;width:42px;padding:0}.action-btn-new.call:hover{background:#bbf7d0}.action-btn-new.cancel{background:#fee2e2;color:#dc2626;width:42px;padding:0}.action-btn-new.cancel:hover{background:#fecaca}.filter-overlay{position:fixed;inset:0;background:#0006;z-index:200;animation:fadeIn .3s ease}.filter-panel{position:fixed;top:0;left:0;bottom:80px;width:320px;max-width:85vw;background:linear-gradient(180deg,#f8f6ff,#f0ebff);z-index:201;display:flex;flex-direction:column;animation:slideInLeft .3s ease;box-shadow:4px 0 24px #00000026}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:2px solid #e9e5ff}.filter-panel-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.close-panel-btn{background:#fee2e2;border:none;color:#dc2626;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.filter-panel-content{flex:1;overflow-y:auto;padding:20px}.filter-dropdown-section{margin-bottom:16px;background:#fff;border-radius:14px;overflow:hidden;border:2px solid #e9e5ff}.filter-dropdown-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:#fff;border:none;cursor:pointer;font-size:15px;font-weight:700;color:#333;transition:all .3s}.filter-dropdown-header:hover{background:#f8f6ff}.dropdown-arrow{color:#8b5cf6;transition:transform .3s ease}.dropdown-arrow.expanded{transform:rotate(180deg)}.filter-dropdown-content{padding:0 16px 16px;background:#faf8ff;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-checkbox-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9e5ff;cursor:pointer}.filter-checkbox-item:last-child{border-bottom:none}.filter-checkbox-item span{font-size:14px;font-weight:500;color:#555}.filter-section{margin-bottom:24px}.filter-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e9e5ff;cursor:pointer}.filter-item span{font-size:15px;font-weight:600;color:#333}.toggle-btn{width:28px;height:28px;border-radius:8px;border:2px solid #e9e5ff;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.toggle-btn.active{background:#22c55e;border-color:#22c55e;color:#fff}.toggle-btn.cancel.active{background:#dc2626;border-color:#dc2626}.filter-item-description{font-size:12px;color:#888;padding:8px 0 14px;line-height:1.6;border-bottom:1px solid #e9e5ff}.filter-summary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:16px;padding:20px;color:#fff;text-align:center}.summary-card{margin-bottom:12px}.summary-amount{font-size:32px;font-weight:800}.summary-amount span{font-size:16px;font-weight:600;opacity:.8}.summary-count{font-size:16px;opacity:.9}.summary-total{padding-top:12px;border-top:1px solid rgba(255,255,255,.3)}.summary-total span{font-size:14px;opacity:.9}.apply-filter-btn{margin:20px;padding:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.apply-filter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.toast-notification{position:fixed;top:100px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:14px 24px;border-radius:14px;font-size:14px;font-weight:600;z-index:9999;animation:slideDown .3s ease;box-shadow:0 8px 24px #0003}@media(min-width:768px){.orders-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.orders-search-container{max-width:500px;margin:-12px auto 0}.orders-filter-tabs{justify-content:center}}@media(min-width:1024px){.orders-page{max-width:1200px;margin:0 auto}.orders-list{grid-template-columns:repeat(3,1fr)}.filter-panel{width:380px}}@media(max-width:480px){.orders-header-gradient{padding:12px 16px}.orders-title{font-size:18px}.orders-search-container{padding:12px 16px}.orders-filter-tabs{padding:0 16px 12px}.filter-tab{padding:8px 14px;font-size:13px}.orders-list{padding:0 16px;gap:12px}.order-card-new{padding:14px}.customer-avatar{width:46px;height:46px;font-size:18px}.customer-name{font-size:15px}.amount-value{font-size:20px}.action-btn-new{padding:8px 14px;font-size:12px;min-height:38px}}.drivers-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:300;animation:fadeIn .3s ease}.drivers-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;width:90%;max-width:480px;max-height:85vh;overflow:hidden;z-index:301;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalZoomIn .3s ease}@keyframes modalZoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.drivers-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.drivers-modal-header h3{margin:0;font-size:17px;font-weight:600;display:flex;align-items:center;gap:10px}.close-modal-btn{background:#fff3;border:none;color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-modal-btn:hover{background:#ffffff4d}.delivery-info-section{padding:16px 20px;background:#f8f6ff;border-bottom:1px solid #e9e5ff}.delivery-addresses{display:flex;flex-direction:column;gap:0}.address-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0}.address-item .address-icon{font-size:18px;flex-shrink:0}.address-details{display:flex;flex-direction:column;gap:2px;flex:1}.address-label{font-size:12px;color:#8b5cf6;font-weight:600}.address-text{font-size:14px;color:#333;line-height:1.4}.address-divider{padding:4px 0 4px 8px}.divider-line{width:2px;height:16px;background:linear-gradient(to bottom,#8b5cf6,#a78bfa);border-radius:2px}.order-summary-mini{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px dashed #d4c9ff;font-size:13px;color:#666}.order-summary-mini .order-total{font-weight:700;color:#8b5cf6;font-size:15px}.drivers-list{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.drivers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px;color:#666}.loading-spinner-small{width:36px;height:36px;border:3px solid #e9e5ff;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.driver-card{display:flex;align-items:center;gap:14px;padding:14px;background:#fafafa;border-radius:14px;border:1px solid #eee;transition:all .2s ease}.driver-card:hover{background:#f5f3ff;border-color:#d4c9ff;box-shadow:0 4px 12px #8b5cf61a}.driver-avatar{position:relative;flex-shrink:0}.driver-avatar img{width:56px;height:56px;border-radius:14px;-o-object-fit:cover;object-fit:cover}.driver-rating{position:absolute;bottom:-6px;right:-6px;background:#fff;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #0000001f}.driver-info h4{margin:0 0 6px;font-size:15px;font-weight:600;color:#333}.driver-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.detail-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#666;background:#f0f0f0;padding:3px 8px;border-radius:6px}.detail-icon{font-size:11px}.driver-orders{font-size:11px;color:#16a34a;font-weight:500}.accept-driver-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;flex-shrink:0}.accept-driver-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.no-drivers{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#999}.no-drivers svg{color:#d4d4d4}.retry-btn{background:#8b5cf6;border:none;color:#fff;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s ease}.retry-btn:hover{background:#7c3aed}.drivers-modal-footer{padding:16px 20px;border-top:1px solid #eee;background:#fafafa}.advanced-delivery-btn{width:100%;background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:#fff;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.advanced-delivery-btn:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 4px 16px #f9731659}@media(max-width:480px){.drivers-modal{width:95%;max-height:90vh}.driver-card{flex-wrap:wrap}.accept-driver-btn{width:100%;justify-content:center;margin-top:10px}}.advanced-modal-overlay{position:fixed;inset:0;background:#0009;z-index:400;animation:fadeIn .3s ease}.advanced-delivery-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;width:92%;max-width:500px;max-height:90vh;overflow:hidden;z-index:401;display:flex;flex-direction:column;box-shadow:0 25px 70px #00000059;animation:modalZoomIn .3s ease}.advanced-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.advanced-modal-header h3{margin:0;font-size:18px;font-weight:600}.advanced-order-info{display:flex;flex-wrap:wrap;gap:12px;padding:14px 20px;background:#fff7ed;border-bottom:1px solid #fed7aa;font-size:13px;font-weight:600;color:#c2410c}.advanced-modal-content{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}.advanced-modal-content .form-group{display:flex;flex-direction:column;gap:8px}.advanced-modal-content .form-group label{font-size:14px;font-weight:600;color:#333}.advanced-modal-content .form-group input,.advanced-modal-content .form-group textarea{padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s ease;font-family:inherit}.advanced-modal-content .form-group input:focus,.advanced-modal-content .form-group textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.advanced-modal-content .form-group textarea{resize:none}.vehicle-options,.category-options{display:flex;gap:10px;flex-wrap:wrap}.vehicle-btn,.category-btn{flex:1;min-width:90px;padding:12px 10px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.vehicle-btn:hover,.category-btn:hover{border-color:#f97316;background:#fff7ed}.vehicle-btn.active,.category-btn.active{border-color:#f97316;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#c2410c}.advanced-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #eee;background:#fafafa}.advanced-modal-footer .cancel-btn{flex:1;padding:14px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.advanced-modal-footer .cancel-btn:hover{background:#f5f5f5;border-color:#d4d4d4}.advanced-modal-footer .submit-btn{flex:2;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#22c55e,#16a34a);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.advanced-modal-footer .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.advanced-modal-footer .submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.advanced-delivery-modal{width:96%;max-height:92vh}.vehicle-options,.category-options{flex-direction:column}.vehicle-btn,.category-btn{min-width:100%}.advanced-modal-footer{flex-direction:column}.advanced-modal-footer .cancel-btn,.advanced-modal-footer .submit-btn{flex:none}}.driver-info-overlay{position:fixed;inset:0;background:#0009;z-index:500;animation:fadeIn .3s ease}.driver-info-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:24px;width:90%;max-width:400px;overflow:hidden;z-index:501;box-shadow:0 25px 70px #00000059;animation:modalZoomIn .3s ease}.driver-info-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.driver-info-header h3{margin:0;font-size:18px;font-weight:600}.driver-info-content{padding:24px 20px;display:flex;flex-direction:column;gap:20px}.driver-profile{display:flex;align-items:center;gap:16px}.driver-photo{width:72px;height:72px;border-radius:18px;-o-object-fit:cover;object-fit:cover;border:3px solid #22c55e}.driver-details h4{margin:0 0 6px;font-size:20px;font-weight:700;color:#333}.driver-rating{font-size:15px;color:#f59e0b;font-weight:600;margin-bottom:4px}.driver-vehicle{font-size:14px;color:#666}.driver-distance-info{display:flex;gap:16px}.distance-item{flex:1;display:flex;align-items:center;gap:12px;padding:14px;background:#f0fdf4;border-radius:14px;border:2px solid #bbf7d0}.distance-icon{font-size:24px}.distance-text{display:flex;flex-direction:column}.distance-label{font-size:12px;color:#666}.distance-value{font-size:16px;font-weight:700;color:#16a34a}.order-info-mini{display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#f5f3ff;border-radius:12px;font-size:13px;font-weight:600;color:#7c3aed}.driver-contact{text-align:center}.call-driver-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;text-decoration:none;border-radius:12px;font-size:15px;font-weight:600;transition:all .2s ease}.call-driver-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0ea5e966}.driver-info-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #eee;background:#fafafa}.reject-btn{flex:1;padding:14px;border:2px solid #fecaca;border-radius:12px;background:#fef2f2;font-size:15px;font-weight:600;color:#dc2626;cursor:pointer;transition:all .2s ease}.reject-btn:hover{background:#fee2e2;border-color:#f87171}.confirm-btn{flex:2;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#22c55e,#16a34a);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.close-btn-full{flex:1;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.close-btn-full:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}@media(max-width:400px){.driver-info-modal{width:95%}.driver-distance-info{flex-direction:column;gap:10px}.driver-info-footer{flex-direction:column}.reject-btn,.confirm-btn{flex:none}}.header-filter-tab{background:#fff3;border:none;color:#fffc;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .3s}.header-filter-tab.active{background:#fff;color:#8b5cf6}.header-filter-tab.active .tab-count{background:#8b5cf626;color:#8b5cf6}.search-close-btn{background:none;border:none;color:#888;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-close-btn:hover{color:#dc2626}.orders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:80px}.store-order-card.compact{background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 12px #8b5cf614;border:2px solid #f3f0ff;display:flex;flex-direction:column;gap:10px;transition:all .3s;min-height:160px}.store-order-card.compact:hover{box-shadow:0 6px 24px #8b5cf626;transform:translateY(-2px)}.order-card-mini-header{display:flex;justify-content:space-between;align-items:center}.order-type-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#f3f0ff}.order-status-dot{width:12px;height:12px;border-radius:50%}.order-amount-compact{text-align:center}.order-amount-compact .amount-number{font-size:24px;font-weight:700;color:#333}.order-amount-compact .currency-small{font-size:12px;color:#888;margin-right:4px}.order-items-count{text-align:center;font-size:12px;color:#888}.delivery-status-mini{text-align:center;font-size:16px;padding:4px;border-radius:8px}.delivery-status-mini.requesting{background:#fef3c7}.delivery-status-mini.driver_found{background:#dcfce7}.delivery-status-mini.assigned{background:#dbeafe}.store-order-card.compact .order-card-actions{display:flex;gap:8px;margin-top:auto}.card-btn{flex:1;padding:8px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.card-btn.details{background:#f3f0ff;color:#8b5cf6}.card-btn.details:hover{background:#8b5cf6;color:#fff}.card-btn.accept{background:#dcfce7;color:#16a34a;flex:0 0 36px}.card-btn.accept:hover{background:#16a34a;color:#fff}.card-btn.ready{background:#dbeafe;color:#2563eb;flex:0 0 36px}.card-btn.ready:hover{background:#2563eb;color:#fff}.card-btn.deliver{background:#fef3c7;color:#d97706;flex:0 0 36px}.card-btn.deliver:hover{background:#d97706;color:#fff}.order-details-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.order-details-modal{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;z-index:1001;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@media(max-width:768px){.order-details-modal{inset:50% auto auto 50%;width:calc(100% - 24px);max-width:520px;transform:translate(-50%,-50%);border-radius:16px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.order-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.order-details-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.order-details-header .close-modal-btn{background:#f3f0ff;border:none;color:#8b5cf6;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.order-details-content{flex:1;overflow-y:auto;padding:20px}.details-section{margin-bottom:24px}.details-section h4{font-size:14px;font-weight:600;color:#888;margin:0 0 12px}.details-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.details-label{color:#666;font-size:14px}.details-value{color:#333;font-size:14px;font-weight:500}.details-value.phone-link{color:#8b5cf6;text-decoration:none}.order-status-badge-large{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;border:2px solid}.order-time-info{display:flex;align-items:center;gap:6px;margin-top:12px;color:#888;font-size:13px}.details-items-list{background:#f8f6ff;border-radius:12px;padding:12px}.details-item-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e9e5ff}.details-item-row:last-child{border-bottom:none}.item-qty{background:#8b5cf6;color:#fff;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600}.item-qty.weight-badge{background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;gap:4px}.item-unit-price{font-size:11px;color:#888;margin-right:8px}.item-name{flex:1;font-size:14px;color:#333}.item-price{font-size:14px;font-weight:600;color:#8b5cf6}.details-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;margin-top:12px;border-top:2px dashed #e9e5ff;font-size:16px;font-weight:700}.total-amount{color:#8b5cf6;font-size:20px}.delivery-status-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600}.delivery-status-badge.requesting{background:#fef3c7;color:#d97706}.delivery-status-badge.driver_found{background:#dcfce7;color:#16a34a}.delivery-status-badge.assigned{background:#dbeafe;color:#2563eb}.driver-info-mini{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:12px;background:#f8f6ff;border-radius:10px;font-size:13px;color:#666}.order-details-actions{padding:16px 20px;border-top:1px solid #eee;background:#fafafa}.action-btn-large{width:100%;padding:14px;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-bottom:10px}.action-btn-large.accept{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.action-btn-large.ready{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn-large.deliver{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn-large.delivery{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-btn-large:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.delivery-options-section{margin-bottom:10px}.trusted-drivers-quick{margin-bottom:12px}.quick-label{display:block;font-size:13px;color:#888;margin-bottom:8px}.trusted-drivers-row{display:flex;gap:10px}.trusted-driver-quick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:#f8f6ff;border:2px solid #e9e5ff;border-radius:12px;cursor:pointer;transition:all .2s}.trusted-driver-quick-btn img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.trusted-driver-quick-btn span{font-size:11px;color:#666;font-weight:500}.trusted-driver-quick-btn:hover{background:#8b5cf6;border-color:#8b5cf6}.trusted-driver-quick-btn:hover span{color:#fff}.delivery-divider{display:flex;align-items:center;gap:12px;margin:12px 0}.delivery-divider:before,.delivery-divider:after{content:"";flex:1;height:1px;background:#e9e5ff}.delivery-divider span{font-size:12px;color:#888}.action-row-secondary{display:flex;gap:10px;margin-top:10px}.action-btn-secondary{flex:1;padding:12px;border:2px solid #e9e5ff;border-radius:12px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.action-btn-secondary.message{color:#8b5cf6}.action-btn-secondary.message:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.action-btn-secondary.call{color:#0ea5e9}.action-btn-secondary.call:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.action-btn-secondary.cancel{color:#dc2626}.action-btn-secondary.cancel:hover{background:#dc2626;color:#fff;border-color:#dc2626}.trusted-drivers-section{border-top:1px solid #eee;padding-top:16px}.trusted-drivers-list{padding:12px 0}.no-trusted-drivers{text-align:center;padding:20px;color:#888}.no-trusted-drivers span{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.no-trusted-drivers p{font-size:12px;color:#aaa;margin:0}.trusted-driver-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f6ff;border-radius:12px;margin-bottom:10px}.driver-avatar-mini{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.driver-avatar-mini img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.trusted-driver-card .driver-info{flex:1}.trusted-driver-card .driver-name{display:block;font-size:14px;font-weight:600;color:#333}.trusted-driver-card .driver-meta{font-size:12px;color:#888}.trusted-driver-card .driver-actions{display:flex;gap:6px}.call-driver-mini{width:32px;height:32px;border:none;border-radius:8px;background:#dbeafe;color:#0ea5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.call-driver-mini:hover{background:#0ea5e9;color:#fff}.remove-driver-btn{width:32px;height:32px;border:none;border-radius:8px;background:#fee2e2;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-driver-btn:hover{background:#dc2626;color:#fff}.filter-panel{bottom:80px}.orders-list{padding-bottom:80px}@media(max-width:360px){.orders-grid{grid-template-columns:1fr}.store-order-card.compact{padding:12px}.order-amount-compact .amount-number{font-size:20px}.trusted-drivers-row{flex-wrap:wrap}.trusted-driver-quick-btn{padding:8px 10px}.trusted-driver-quick-btn img{width:30px;height:30px}}.driver-avatar-mini{position:relative}.online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#9ca3af;border:2px solid white}.online-indicator.active{background:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.trusted-driver-card.online{border:2px solid #dcfce7;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.trusted-driver-card.offline{opacity:.7}.status-badge{font-size:10px;padding:2px 6px;border-radius:8px;margin-right:6px;font-weight:600}.status-badge.online{background:#dcfce7;color:#16a34a}.status-badge.offline{background:#f3f4f6;color:#6b7280}.driver-name{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.trusted-driver-quick-btn{position:relative}.trusted-driver-quick-btn.online{border-color:#22c55e;background:#f0fdf4}.trusted-driver-quick-btn.online:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#22c55e;border:1.5px solid white}.trusted-driver-quick-btn.offline{opacity:.6}.online-dot{color:#22c55e;font-size:8px;margin-right:4px}.payment-status-indicator{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-inline-start:4px}.payment-status-indicator.paid{background:#22c55e}.payment-status-indicator.awaiting_confirmation{background:#3b82f6;animation:pulse 2s ease-in-out infinite}.payment-status-indicator.pending{background:#f59e0b}.payment-status-indicator.failed{background:#ef4444}.order-payment-badge{display:flex;align-items:center;gap:4px;font-size:10px;padding:3px 8px;border-radius:12px;background:#f3f4f6;color:#4b5563}.order-payment-badge.cash,.order-payment-badge.cod{background:#fef3c7;color:#92400e}.order-payment-badge.bank{background:#dbeafe;color:#1e40af}.order-payment-badge.paypal{background:#e0e7ff;color:#3730a3}.order-payment-badge.wise,.order-payment-badge.revolut{background:#d1fae5;color:#065f46}.order-payment-badge.qr{background:#fce7f3;color:#9d174d}.order-reference-badge{font-size:.7rem;font-weight:600;color:#4f46e5;background:#eef2ff;padding:3px 8px;border-radius:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-btn.receipt{background:#f1f5f9;color:#64748b;border:none;padding:6px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.card-btn.receipt:hover{background:#e2e8f0;color:#475569}.card-btn.confirm-payment{background:#3b82f6;color:#fff;border:none;padding:6px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.card-btn.confirm-payment:hover{background:#2563eb}.card-btn.confirm-payment:disabled{opacity:.6;cursor:not-allowed}.details-section.payment-section{background:#f8fafc;border-radius:12px;padding:12px;margin-top:8px}.payment-method-value{display:flex;align-items:center;gap:6px}.payment-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.payment-status-badge.paid{background:#dcfce7;color:#166534}.payment-status-badge.awaiting_confirmation{background:#dbeafe;color:#1e40af}.payment-status-badge.pending{background:#fef3c7;color:#92400e}.payment-status-badge.failed{background:#fee2e2;color:#991b1b}.payment-status-badge.refunded{background:#f3e8ff;color:#6b21a8}.payment-snapshot-info,.payment-confirmation-info{margin-top:8px;padding-top:8px;border-top:1px dashed #e5e7eb}.confirm-payment-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s}.confirm-payment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.confirm-payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.payment-confirm-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:1000}.payment-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 20px 50px #0003}.payment-confirm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.payment-confirm-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.payment-confirm-content{padding:20px}.payment-confirm-info{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.confirm-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.confirm-info-row:not(:last-child){border-bottom:1px solid #e5e7eb}.confirm-info-row .label{font-size:13px;color:#6b7280}.confirm-info-row .value{font-size:14px;font-weight:500;color:#1f2937;display:flex;align-items:center;gap:6px}.confirm-info-row .value.amount{font-size:18px;font-weight:700;color:#059669}.payment-confirm-form .form-group{margin-bottom:16px}.payment-confirm-form label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.payment-confirm-form input,.payment-confirm-form textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.payment-confirm-form input:focus,.payment-confirm-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-confirm-form textarea{resize:vertical;min-height:80px}.payment-confirm-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}.payment-confirm-actions .cancel-btn{flex:1;padding:12px;background:#f3f4f6;color:#374151;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.payment-confirm-actions .cancel-btn:hover{background:#e5e7eb}.payment-confirm-actions .confirm-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.payment-confirm-actions .confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.payment-confirm-actions .confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.store-sales-new{background:linear-gradient(180deg,#e8dff5,#f3eefa,#f8f5fd);min-height:100%;font-family:Tajawal,Cairo,Arial,sans-serif;direction:rtl;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.sales-main-header{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #8b5cf64d;border-radius:0 0 20px 20px}.menu-btn{width:40px;height:40px;background:#ffffff26;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.menu-btn:hover{background:#ffffff40}.page-title{font-size:22px;font-weight:800;color:#fff;margin:0}.header-actions{display:flex;gap:10px}.action-icon{width:40px;height:40px;background:#fff3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.action-icon:hover{background:#ffffff59}.action-icon.spinning svg{animation:spin 1s linear infinite}.action-icon:disabled{opacity:.6;cursor:not-allowed}.filter-tabs-container{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;gap:12px}.filter-tabs{display:flex;background:#fff;border-radius:25px;padding:4px;box-shadow:0 2px 12px #8b5cf626;flex:1}.filter-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:#8b5cf6;font-size:14px;font-weight:600;border-radius:20px;cursor:pointer;transition:all .2s;font-family:inherit}.filter-tab:hover{background:#8b5cf61a}.filter-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf666}.filter-main-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #e0d4f5;border-radius:20px;color:#8b5cf6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.filter-main-btn:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.filter-sidebar{display:none}.filter-sidebar.open{display:block}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:9998}.sidebar-content{position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100vh;background:#fff;overflow-y:auto;box-shadow:-4px 0 20px #00000026;z-index:9999}.sidebar-header{background:linear-gradient(135deg,#a78bfa,#8b5cf6);padding:20px;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.close-sidebar{width:36px;height:36px;background:#fff3;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.close-sidebar:hover{background:#ffffff59}.sidebar-avatars{display:flex;gap:12px;padding:20px;justify-content:center}.avatar-item{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid #e0d4f5;cursor:pointer}.avatar-item.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf64d}.avatar-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.filter-section{padding:16px 20px;border-bottom:1px solid #e0d4f5}.filter-section h3{display:flex;align-items:center;gap:10px;color:#6d28d9;font-size:15px;font-weight:700;margin:0 0 12px}.filter-section h3 svg{color:#8b5cf6}.filter-options{padding:0 20px 20px}.filter-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f8f5fd;border-radius:12px;margin-bottom:10px;cursor:pointer}.filter-option:hover{background:#ede9fe}.filter-option span:first-child{color:#4c1d95;font-weight:500;font-size:14px}.filter-option input[type=checkbox]{width:22px;height:22px;accent-color:#8b5cf6;cursor:pointer}.filter-option .checkmark{display:none}.payment-select{width:100%;padding:12px 16px;border:2px solid #e0d4f5;border-radius:12px;font-size:14px;font-family:inherit;color:#4c1d95;background:#fff;cursor:pointer}.payment-select:focus{outline:none;border-color:#8b5cf6}.sidebar-stats{padding:20px;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);margin:20px;border-radius:20px}.stat-main{text-align:center;padding-bottom:16px;border-bottom:1px solid rgba(109,40,217,.2);margin-bottom:16px}.stat-amount{display:block;font-size:28px;font-weight:800;color:#4c1d95;margin-bottom:4px}.stat-label{font-size:13px;color:#6d28d9}.stat-row{display:flex;justify-content:space-around}.stat-item{text-align:center}.stat-value{display:block;font-size:20px;font-weight:700;color:#4c1d95}.stat-text{font-size:12px;color:#7c3aed}.sales-content-area{padding:8px 16px 100px}.sales-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sale-card-new{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #8b5cf61a;position:relative;transition:transform .2s,box-shadow .2s}.sale-card-new:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf62e}.status-badge-new{position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:12px;z-index:1}.status-badge-new.paid{background:linear-gradient(135deg,#c4b5fd,#a78bfa)}.status-badge-new.pending{background:linear-gradient(135deg,#fef3c7,#fcd34d)}.status-badge-new.cancelled{background:linear-gradient(135deg,#fecaca,#f87171)}.status-badge-new.credit{background:linear-gradient(135deg,#fed7aa,#fb923c)}.sale-type-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;z-index:1}.sale-type-badge.pos{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1e40af}.sale-type-badge.online{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#065f46}.sale-type-badge.delivery{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#92400e}.sale-type-badge.store{background:linear-gradient(135deg,#f3e8ff,#c4b5fd);color:#5b21b6}.sale-type-text{font-size:10px}.customer-section{display:flex;align-items:center;padding:12px;gap:10px;background:linear-gradient(135deg,#f3eefa,#ede9fe)}.customer-avatar{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid white;box-shadow:0 2px 6px #8b5cf633;flex-shrink:0}.customer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.customer-info{flex:1;min-width:0}.customer-name{display:block;font-size:13px;font-weight:700;color:#4c1d95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-time{font-size:11px;color:#8b5cf6}.product-section{padding:10px 12px}.product-details{text-align:center}.product-price{display:block;font-size:16px;font-weight:800;color:#6d28d9}.product-desc{font-size:11px;color:#8b5cf6}.expanded-details{background:#f8f5fd;padding:16px;border-top:1px solid #e0d4f5}.details-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #8b5cf614}.details-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:8px;color:#6d28d9;font-size:14px;font-weight:700;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #ede9fe}.section-title svg{color:#8b5cf6}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed #e0d4f5}.detail-label{color:#8b5cf6;font-size:13px;font-weight:500}.detail-value{color:#4c1d95;font-weight:600;font-size:13px;text-align:left;max-width:60%;word-break:break-word}.detail-value.payment-badge{background:#ede9fe;padding:4px 10px;border-radius:8px}.detail-row.total-row{background:linear-gradient(135deg,#ede9fe,#ddd6fe);margin:8px -16px -16px;padding:14px 16px;border-radius:0 0 16px 16px;border-bottom:none}.detail-row.total-row .detail-label{font-weight:700;color:#6d28d9}.detail-value.total-value{font-size:18px;font-weight:800;color:#5b21b6}.delivery-person-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.delivery-person-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #22c55e26}.delivery-person-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid #22c55e;flex-shrink:0}.delivery-person-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.delivery-person-info{flex:1}.delivery-person-name{display:block;font-size:15px;font-weight:700;color:#166534;margin-bottom:2px}.delivery-person-phone{font-size:13px;color:#22c55e}.items-list-new{margin-top:8px;background:#f8f5fd;border-radius:12px;padding:8px}.item-mini{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:10px;margin-bottom:6px;box-shadow:0 1px 3px #8b5cf61a}.item-mini:last-child{margin-bottom:0}.item-mini-info{display:flex;align-items:center;gap:8px;flex:1}.item-mini-name{font-size:13px;font-weight:600;color:#4c1d95}.item-mini-qty{font-size:11px;background:#ede9fe;color:#7c3aed;padding:2px 8px;border-radius:6px;font-weight:600}.item-mini-price{font-size:13px;font-weight:700;color:#6d28d9}.card-actions-new{padding:8px 10px 10px}.action-btn-new{width:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.action-btn-new.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-btn-new:active{transform:scale(.97)}.loading-state-new{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#8b5cf6}.loading-spinner-new{width:50px;height:50px;border:4px solid #e0d4f5;border-top:4px solid #8b5cf6;border-radius:50%;animation:spin-new 1s linear infinite;margin-bottom:16px}@keyframes spin-new{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state-new{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-illustration{margin-bottom:24px}.empty-state-new h3{font-size:18px;font-weight:700;color:#4c1d95;margin:0 0 8px}.empty-state-new p{font-size:14px;color:#8b5cf6;margin:0 0 24px}.reset-filter-btn{padding:12px 28px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 4px 15px #8b5cf64d}.sale-modal-overlay{position:fixed;inset:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.sale-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:#fff;font-size:18px;font-weight:700;margin:0}.modal-close{width:36px;height:36px;background:#fff3;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.modal-body{flex:1;overflow-y:auto;padding:16px}.modal-section{background:#f8f5fd;border-radius:14px;padding:14px;margin-bottom:12px}.modal-section:last-child{margin-bottom:0}.modal-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#6d28d9}.modal-section-header h3{font-size:14px;font-weight:700;margin:0}.modal-section-header svg{color:#8b5cf6}.customer-card-modal{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px}.customer-avatar-modal{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid #8b5cf6;flex-shrink:0}.customer-avatar-modal img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.customer-details-modal{flex:1}.customer-name-modal{display:block;font-size:16px;font-weight:700;color:#4c1d95;margin-bottom:4px}.customer-contact{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#6d28d9}.order-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#fff;padding:12px;border-radius:12px;margin-bottom:10px}.order-info-item{text-align:center}.info-label{display:block;font-size:11px;color:#8b5cf6;margin-bottom:2px}.info-value{font-size:13px;font-weight:600;color:#4c1d95}.status-value{background:#c4b5fd;padding:2px 8px;border-radius:6px;font-size:11px}.order-total-modal{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:12px 16px;border-radius:12px;color:#fff}.total-amount-modal{font-size:20px;font-weight:800}.products-list-modal{background:#fff;border-radius:12px;overflow:hidden}.product-item-modal{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #ede9fe}.product-item-modal:last-child{border-bottom:none}.product-name-modal{flex:1;font-size:13px;font-weight:500;color:#4c1d95}.product-qty-modal{font-size:11px;background:#ede9fe;color:#7c3aed;padding:2px 8px;border-radius:6px;margin:0 10px}.product-price-modal{font-size:13px;font-weight:700;color:#6d28d9}.address-info-modal{background:#fff;padding:12px;border-radius:12px;margin-bottom:10px}.address-info-modal p{margin:0 0 6px;font-size:13px;color:#4c1d95}.address-info-modal p:last-child{margin-bottom:0}.map-container-modal{border-radius:12px;overflow:hidden;background:#e0d4f5}.delivery-person-modal{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px}.delivery-person-modal img{width:45px;height:45px;border-radius:50%;border:3px solid #22c55e;-o-object-fit:cover;object-fit:cover}.driver-name{display:block;font-size:14px;font-weight:700;color:#166534}.driver-phone{font-size:12px;color:#22c55e}.modal-footer{display:flex;gap:10px;padding:16px;border-top:1px solid #e0d4f5}.modal-btn{flex:1;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;position:relative;z-index:10;transition:transform .1s ease,opacity .1s ease}.modal-btn:active{transform:scale(.97);opacity:.9}.modal-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.modal-btn.secondary{background:#e0d4f5;color:#6d28d9}@media(max-width:480px){.sales-main-header{padding:12px 14px;border-radius:0 0 16px 16px}.page-title{font-size:18px}.menu-btn,.action-icon{width:36px;height:36px}.filter-tabs-container{padding:12px 10px 6px;gap:8px;flex-wrap:wrap}.filter-tabs{order:2;width:100%}.filter-tab{padding:8px 10px;font-size:12px}.filter-main-btn{order:1;padding:8px 12px;font-size:12px}.sales-content-area{padding:8px 10px 16px}.sale-card-new{border-radius:16px}.customer-section{padding:12px;gap:10px}.customer-avatar{width:42px;height:42px}.customer-name{font-size:14px}.sale-time-badge{padding:4px 10px;font-size:12px}.product-section{padding:12px;gap:10px}.product-image{width:50px;height:50px;border-radius:12px}.product-price{font-size:18px}.card-actions-new{padding:10px 12px 14px;gap:6px}.action-btn-new{padding:8px;font-size:11px;gap:4px;border-radius:10px}.action-btn-new svg{width:14px;height:14px}.expanded-details{padding:12px}.details-section{padding:12px;border-radius:12px}.section-title{font-size:13px}.detail-row{padding:8px 0}.detail-label,.detail-value{font-size:12px}.detail-row.total-row{margin:8px -12px -12px;padding:12px}.detail-value.total-value{font-size:16px}.sidebar-content{width:280px;max-width:90vw}.status-badge-new{padding:4px 10px;font-size:11px;top:10px;left:10px}}@media(max-width:1200px){.sales-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sales-cards-grid{grid-template-columns:repeat(2,1fr)}.sidebar-content{width:350px}}@media(max-width:600px){.sales-cards-grid{grid-template-columns:1fr}.sale-modal{max-width:100%;max-height:100vh;border-radius:0}.sale-modal-overlay{padding:0}}.thermal-receipt-modal{background:#f5f5f5!important;padding:0!important;max-width:400px!important;max-height:90vh!important;border-radius:20px!important;overflow:hidden;display:flex;flex-direction:column}.modal-close-floating{position:absolute;top:12px;left:12px;width:36px;height:36px;background:#00000080;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:all .2s}.modal-close-floating:hover{background:#000000b3;transform:scale(1.1)}.thermal-receipt{background:#fff;margin:16px;border-radius:16px;padding:20px 16px;box-shadow:0 4px 20px #0000001a;position:relative;flex:1;overflow-y:auto;max-height:calc(90vh - 100px)}.thermal-receipt:before,.thermal-receipt:after{content:"";position:absolute;left:0;right:0;height:16px;background:radial-gradient(circle,transparent 8px,#fff 8px);background-size:16px 16px}.thermal-receipt:before{top:-8px;background-position:8px 8px}.thermal-receipt:after{bottom:-8px;background-position:8px 0}.receipt-header{text-align:center;padding-bottom:16px;border-bottom:2px dashed #e5e7eb;margin-bottom:16px}.store-logo{font-size:40px;margin-bottom:8px}.store-name{font-size:20px;font-weight:800;color:#1f2937;margin-bottom:4px}.store-subtitle{font-size:12px;color:#6b7280;margin-bottom:12px}.invoice-status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-weight:700;font-size:14px;margin-bottom:8px}.invoice-status-badge.paid{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.invoice-status-badge.unpaid{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.invoice-status-badge.credit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.sale-type-tag{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.sale-type-tag.pos{background:#dbeafe;color:#1d4ed8}.sale-type-tag.online{background:#d1fae5;color:#059669}.sale-type-tag.delivery{background:#fef3c7;color:#d97706}.sale-type-tag.store{background:#f3e8ff;color:#7c3aed}.receipt-info-section{padding:12px 0;border-bottom:1px dashed #e5e7eb;margin-bottom:12px}.receipt-info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.receipt-info-row .info-label{color:#6b7280}.receipt-info-row .info-value{color:#1f2937;font-weight:600}.receipt-customer-section{padding:12px 0;border-bottom:1px dashed #e5e7eb;margin-bottom:12px}.customer-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#374151;margin-bottom:12px}.customer-card-receipt{display:flex;align-items:center;gap:12px;padding:10px;background:#f9fafb;border-radius:12px}.customer-avatar-receipt{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb}.customer-details-receipt{flex:1}.customer-name-receipt{font-size:15px;font-weight:700;color:#1f2937;display:block;margin-bottom:4px}.customer-contact-receipt{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:6px;margin-top:2px}.receipt-items-section{padding:12px 0;border-bottom:1px dashed #e5e7eb;margin-bottom:12px}.items-header-receipt{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#374151;margin-bottom:12px}.items-table-receipt{background:#f9fafb;border-radius:12px;overflow:hidden}.items-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:10px 12px;background:#e5e7eb;font-size:11px;font-weight:700;color:#374151;text-align:center}.items-table-header span:first-child{text-align:right}.items-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:10px 12px;font-size:12px;border-bottom:1px solid #e5e7eb;text-align:center}.items-table-row:last-child{border-bottom:none}.items-table-row .item-name{text-align:right;font-weight:600;color:#1f2937}.items-table-row .item-qty,.items-table-row .item-price{color:#6b7280}.items-table-row .item-total{font-weight:700;color:#059669}.items-summary-receipt{padding:16px;background:#f9fafb;border-radius:12px;text-align:center;font-size:14px;font-weight:600;color:#6b7280}.receipt-totals-section{padding:12px 0;border-bottom:1px dashed #e5e7eb;margin-bottom:12px}.total-row-receipt{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:#374151}.total-row-receipt.final{font-size:18px;font-weight:800;padding:12px 0;margin-top:8px;border-top:2px solid #1f2937;color:#1f2937}.total-row-receipt.final span:last-child{color:#059669}.total-row-receipt.discount{color:#dc2626}.total-row-receipt.discount span:last-child{color:#dc2626;font-weight:600}.items-table-row.weighted-item{background:linear-gradient(90deg,#fef3c7 0%,transparent 100%)}.weight-badge{font-size:12px;margin-right:4px}.receipt-notes{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fffbeb;border-radius:12px;font-size:13px;color:#92400e;margin-bottom:12px;border:1px solid #fde68a}.receipt-notes strong{color:#78350f;font-size:12px}.receipt-payment-method{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;background:#f3f4f6;border-radius:12px;font-size:14px;color:#374151;margin-bottom:12px}.receipt-barcode{text-align:center;padding:12px 0;margin-bottom:12px}.barcode-number{font-family:Courier New,monospace;font-size:14px;letter-spacing:2px;color:#6b7280;background:#f9fafb;padding:8px 16px;border-radius:8px;display:inline-block}.receipt-footer{text-align:center;padding-top:12px;border-top:1px dashed #e5e7eb}.thank-you-message{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:4px}.footer-note{font-size:12px;color:#9ca3af}.receipt-actions{display:flex;gap:10px;padding:16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;position:sticky;bottom:0}.receipt-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:none;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.receipt-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.receipt-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.receipt-action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.receipt-action-btn.secondary:hover{background:#e5e7eb}.receipt-action-btn.sent-success{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;border-color:#16a34a!important;animation:successPulse .5s ease}.receipt-action-btn.sent-success svg path{stroke:#fff!important}.receipt-action-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:420px){.thermal-receipt-modal{max-width:100%!important;border-radius:0!important;margin:0}.thermal-receipt{margin:12px;padding:16px 12px}.items-table-header,.items-table-row{font-size:10px;padding:8px 10px}.receipt-actions{flex-direction:column}}.reports-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.reports-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.reports-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.reports-content{padding:20px}.reports-controls{display:flex;gap:20px;align-items:center;margin-bottom:30px;flex-wrap:wrap}.period-selector,.report-selector{display:flex;align-items:center;gap:8px}.period-selector label,.report-selector label{font-weight:500;color:#374151;white-space:nowrap}.period-selector select,.report-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.export-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s;margin-left:auto}.export-btn:hover{background:#059669}.reports-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.revenue{background:#10b981}.stat-icon.orders{background:#3b82f6}.stat-icon.rating{background:#f59e0b}.stat-icon.customers{background:#8b5cf6}.stat-details h4{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#111827}.stat-details p{margin:0 0 8px;color:#6b7280;font-size:.875rem}.stat-change{font-size:.875rem;font-weight:500}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.chart-section{margin-bottom:30px}.chart-section h4{margin:0 0 16px;color:#374151;font-weight:600}.chart-placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:40px;text-align:center;color:#6b7280}.chart-placeholder svg{color:#d1d5db;margin-bottom:16px}.chart-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:20px}.chart-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.chart-item .month{display:block;font-weight:600;color:#374151;margin-bottom:8px}.chart-item .revenue{display:block;color:#10b981;font-weight:500;margin-bottom:4px}.chart-item .orders{display:block;color:#6b7280;font-size:.875rem}.insights-section h4{margin:0 0 16px;color:#374151;font-weight:600}.insights-list{display:flex;flex-direction:column;gap:16px}.insight-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #e5e7eb}.insight-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.insight-icon.positive{background:#10b981}.insight-icon.neutral{background:#6b7280}.insight-content h5{margin:0 0 4px;color:#111827;font-weight:600}.insight-content p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.store-dashboard{display:flex;flex-direction:column;height:100%;min-height:0;background:#f8f9fa;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden;position:relative}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;box-shadow:0 2px 8px #00000014;min-height:60px;gap:20px;flex-wrap:wrap}.store-selector-header{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f8f9ff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d}.store-selector-header label{font-weight:600;color:#4a5568;font-size:14px;white-space:nowrap}.store-selector-dropdown{background:#fff;border:1px solid #cbd5e0;border-radius:8px;padding:8px 12px;font-size:14px;color:#2d3748;min-width:200px;cursor:pointer;transition:all .2s}.store-selector-dropdown:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.store-selector-dropdown:hover{border-color:#a0aec0}.current-store-info{background:#d4edda;color:#155724;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;border:1px solid #c3e6cb}.current-store-info span{display:flex;align-items:center;gap:6px}.no-store-selected{display:flex;justify-content:center;align-items:center;height:60vh;padding:40px 20px}.no-store-message{text-align:center;max-width:400px}.no-store-message h3{margin:20px 0 10px;color:#4a5568;font-size:24px;font-weight:600}.no-store-message p{color:#718096;font-size:16px;line-height:1.6;margin-bottom:30px}.no-store-message .primary-btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.no-store-message .primary-btn:hover{background:#5a67d8;transform:translateY(-1px)}.header-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mobile-menu-btn{display:none;background:none;border:none;color:#667eea;cursor:pointer;padding:8px;border-radius:8px;min-width:44px;min-height:44px;align-items:center;justify-content:center;transition:all .3s}.mobile-menu-btn:hover{background:#f8f9fa}.header-content svg{color:#667eea;flex-shrink:0}.header-text{min-width:0;flex:1}.header-content h1{margin:0;font-size:20px;font-weight:700;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-content p{margin:4px 0 0;font-size:13px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{background:#f8f9fa;border:none;color:#6c757d;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;-webkit-tap-highlight-color:transparent}.icon-btn:hover:not(:disabled){background:#e9ecef;color:#212529;transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.icon-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-btn:hover:not(:disabled){background:#e7f3ff;color:#06c}.share-btn:hover{background:#e8f5e8;color:#28a745}.close-btn{background:#f8f9fa;border:none;color:#6c757d;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.close-btn:hover{background:#e9ecef;color:#212529}.dashboard-tabs{display:flex;gap:8px;padding:12px 20px;background:#fff;border-bottom:1px solid #e9ecef;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.dashboard-tabs::-webkit-scrollbar{display:none}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:98;display:none}.sidebar-overlay.hidden{display:none!important}.dashboard-tabs.collapsed{display:none}@media(max-width:767px){.sidebar-overlay:not(.hidden){display:block}.dashboard-tabs:not(.collapsed){position:fixed;top:60px;left:0;right:0;background:#fff;z-index:99;flex-direction:column;box-shadow:0 4px 12px #00000026;border-radius:0 0 16px 16px;max-height:calc(100vh - 60px);overflow-y:auto;padding:8px 0}.dashboard-tabs:not(.collapsed) button{justify-content:flex-start;padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:#fff;border-radius:0}.dashboard-tabs:not(.collapsed) button .tab-text{display:block!important;color:#374151!important;font-weight:600;font-size:16px;white-space:nowrap;overflow:visible}.dashboard-tabs:not(.collapsed) button.active{background:#f8fafc;color:#667eea}.dashboard-tabs:not(.collapsed) button.active .tab-text{color:#667eea!important}.dashboard-tabs:not(.collapsed) button:last-child{border-bottom:none}.dashboard-tabs:not(.collapsed) button:hover{background:#f8fafc}}@media(min-width:768px){.sidebar-overlay{display:none!important}.dashboard-tabs.collapsed{display:flex}}.dashboard-tabs button{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;background:transparent;border-radius:12px;font-size:14px;font-weight:600;color:#6c757d;cursor:pointer;transition:all .3s;white-space:nowrap;min-height:44px;-webkit-tap-highlight-color:transparent}.dashboard-tabs button:hover{background:#f8f9fa;color:#212529;transform:translateY(-2px)}.dashboard-tabs button:active{transform:translateY(0)}.dashboard-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.dashboard-tabs .pos-tab{margin-left:auto;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 8px #28a7454d}.dashboard-tabs .pos-tab:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.tab-text{white-space:nowrap}.dashboard-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}@media(max-width:767px){.store-dashboard{height:100%;min-height:0}.dashboard-header{padding:12px;flex-shrink:0}.dashboard-content{padding:12px;flex:1;min-height:0;overflow-y:auto!important;touch-action:pan-y;-webkit-overflow-scrolling:touch}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#212529;color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;z-index:9999;animation:slideDown .3s ease;max-width:90vw;text-align:center;box-shadow:0 4px 12px #00000026}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.overview-section{display:flex;flex-direction:column;gap:20px}.stats-grid{display:grid;grid-template-columns:1fr;gap:16px}.stat-card{display:flex;gap:16px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 8px #00000014;transition:all .3s;-webkit-tap-highlight-color:transparent}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-card:active{transform:translateY(0)}.stat-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;flex-shrink:0}.stat-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.stat-label{font-size:12px;color:#6c757d;font-weight:500}.stat-value{margin:0;font-size:22px;font-weight:700;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-change{font-size:11px;font-weight:600}.stat-change.warning{color:#ffc107}.quick-actions{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #00000014}.quick-actions h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#212529}.action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:2px solid #e9ecef;background:#fff;border-radius:16px;cursor:pointer;transition:all .3s;color:#495057}.action-btn:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-4px);box-shadow:0 8px 24px #667eea4d}.action-btn span{font-size:14px;font-weight:600}.recent-sales{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #00000014}.recent-sales h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#212529}.sales-table{overflow-x:auto}.sales-table table{width:100%;border-collapse:collapse}.sales-table th{text-align:right;padding:12px;font-size:13px;font-weight:600;color:#6c757d;background:#f8f9fa;border-bottom:2px solid #e9ecef}.sales-table td{padding:16px 12px;font-size:14px;color:#495057;border-bottom:1px solid #e9ecef}.sales-table tr:hover{background:#f8f9fa}.status-badge.refunded{background:#f8d7da;color:#721c24}.products-section,.categories-section,.sales-section,.reports-section{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{margin:0;font-size:20px;font-weight:700;color:#212529}.primary-btn,.secondary-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.secondary-btn{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.secondary-btn:hover{background:#e9ecef;border-color:#dee2e6}.filters-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:12px;flex:1;min-width:250px;background:#f8f9fa;padding:12px 16px;border-radius:12px;border:2px solid #e9ecef}.search-box:focus-within{border-color:#667eea;background:#fff}.search-box input{flex:1;border:none;outline:none;background:transparent;font-size:14px}.filter-select{padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;background:#f8f9fa;font-size:14px;font-weight:500;color:#495057;cursor:pointer}.view-toggle{display:flex;gap:8px}.view-toggle button{width:40px;height:40px;border:2px solid #e9ecef;background:#f8f9fa;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#6c757d}.view-toggle button:hover{border-color:#667eea;color:#667eea}.view-toggle button.active{background:#667eea;border-color:#667eea;color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.products-list{display:flex;flex-direction:column;gap:16px}.product-item{display:flex;gap:16px;background:#f8f9fa;padding:16px;border-radius:12px;border:2px solid transparent;transition:all .3s}.product-item:hover{border-color:#667eea;background:#fff;box-shadow:0 4px 12px #00000014}.product-item img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0}.product-details{flex:1;min-width:0}.product-details h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#212529}.product-details p{margin:0 0 8px;font-size:13px;color:#6c757d}.product-meta{display:flex;gap:16px;font-size:13px}.product-meta .price{font-weight:700;color:#667eea}.product-meta .stock{color:#28a745}.product-meta .stock.low{color:#dc3545}.product-actions{display:flex;gap:8px}.product-actions button,.icon-btn{width:36px;height:36px;border:none;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#6c757d}.product-actions button:hover,.icon-btn:hover{background:#667eea;color:#fff}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.category-card{background:#f8f9fa;padding:24px;border-radius:16px;border:2px solid transparent;text-align:center;transition:all .3s}.category-card:hover{border-color:#667eea;background:#fff;box-shadow:0 4px 12px #00000014}.category-icon{font-size:48px;margin-bottom:12px}.category-card h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#212529}.category-card p{margin:0 0 8px;font-size:13px;color:#6c757d}.product-count{display:inline-block;padding:4px 12px;background:#fff;border-radius:12px;font-size:12px;font-weight:600;color:#667eea;margin-bottom:12px}.category-actions{display:flex;justify-content:center;gap:8px}.payment-method{display:inline-block;padding:4px 12px;background:#e9ecef;border-radius:8px;font-size:12px;font-weight:600;color:#495057}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.report-card{background:#f8f9fa;padding:32px;border-radius:16px;text-align:center;border:2px solid transparent;transition:all .3s}.report-card:hover{border-color:#667eea;background:#fff;box-shadow:0 4px 12px #00000014}.report-card svg{color:#667eea;margin-bottom:16px}.report-card h4{margin:0 0 8px;font-size:18px;font-weight:700;color:#212529}.report-card p{margin:0 0 16px;font-size:14px;color:#6c757d}@media(max-width:768px){.dashboard-header{padding:16px 20px}.mobile-menu-btn{display:flex}.header-content h1{font-size:18px}.header-content p{font-size:12px}.dashboard-tabs{padding:12px 20px}.dashboard-tabs button{padding:10px 12px;gap:6px}.dashboard-content{padding:16px 20px}.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:1fr 1fr}.filters-bar{flex-direction:column}.products-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:1fr 1fr}.reports-grid{grid-template-columns:1fr}.tab-text{display:block}}@media(min-width:480px){.dashboard-header,.dashboard-content{padding:18px 24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.stat-card{padding:22px}.stat-icon{width:55px;height:55px}.stat-value{font-size:24px}.tab-text{display:inline}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(min-width:768px){.dashboard-header{padding:20px 28px}.mobile-menu-btn{display:none}.header-content h1{font-size:22px}.header-content p{font-size:13px}.dashboard-tabs{padding:14px 28px}.dashboard-content{padding:20px 28px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{padding:24px}.stat-icon{width:60px;height:60px}.stat-value{font-size:26px}.filters-bar{flex-direction:row}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(min-width:1024px){.dashboard-header{padding:24px 32px}.header-content h1{font-size:24px}.header-content p{font-size:14px}.dashboard-tabs{padding:16px 32px}.dashboard-content{padding:24px 32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.stat-card{padding:28px}.stat-value{font-size:28px}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(min-width:1200px){.dashboard-content{max-width:1200px;margin:0 auto;padding:32px}.stats-grid{grid-template-columns:repeat(4,1fr)}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.messages-section,.notifications-section,.reviews-section{padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.messages-section h3,.notifications-section h3,.reviews-section h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.reviews-content{display:flex;flex-direction:column;gap:1.5rem}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.review-card{background:#f9fafb;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;transition:all .2s}.review-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.reviewer-info{display:flex;align-items:center;gap:.75rem}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.reviewer-name{font-weight:600;color:#1f2937;font-size:.9375rem}.review-date{font-size:.8125rem;color:#6b7280;margin-top:.125rem}.review-rating{display:flex;align-items:center;gap:.25rem}.rating-number{font-weight:600;color:#1f2937;font-size:.875rem;margin-left:.25rem}.review-comment{color:#374151;line-height:1.5;font-size:.9375rem}.reviews-actions{display:flex;justify-content:center;gap:.75rem}.secondary-btn{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.secondary-btn:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.secondary-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.reviews-grid{grid-template-columns:1fr}.review-card{padding:1rem}.reviewer-avatar{width:36px;height:36px;font-size:.8125rem}.review-header{flex-direction:column;gap:.5rem;align-items:flex-start}.review-rating{align-self:flex-start}}.overview-section-mobile{display:flex;flex-direction:column;gap:16px;padding:0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.stats-row-mobile{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-mini{display:flex;align-items:center;gap:10px;background:#fff;padding:14px 12px;border-radius:14px;box-shadow:0 2px 8px #0000000f;border-right:4px solid var(--stat-color, #667eea)}.stat-mini svg{color:var(--stat-color, #667eea);flex-shrink:0}.stat-mini-content{display:flex;flex-direction:column;min-width:0}.stat-mini-value{font-size:16px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-mini-label{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions-mobile{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000f}.section-title-mobile{margin:0 0 14px;font-size:16px;font-weight:700;color:#1f2937}.actions-grid-mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action-btn-mobile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:#f9fafb;border:none;border-radius:12px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.action-btn-mobile:active{transform:scale(.95);background:#f3f4f6}.action-icon-mobile{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.action-btn-mobile span{font-size:11px;font-weight:600;color:#374151;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qr-btn-container-mobile{margin-top:14px;display:flex;justify-content:center}.reviews-section-mobile{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000f}.section-header-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.refresh-btn-mobile{width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;color:#667eea;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.refresh-btn-mobile:disabled{opacity:.5}.refresh-btn-mobile:active:not(:disabled){background:#e5e7eb}.empty-state-mobile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:#9ca3af;font-size:13px}.loading-mobile{text-align:center;padding:20px;color:#6b7280;font-size:13px}.reviews-list-mobile{display:flex;flex-direction:column;gap:10px}.review-card-mobile{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f9fafb;border-radius:10px}.review-rating-badge{display:flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}.review-content-mobile{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.review-author-mobile{font-size:13px;font-weight:600;color:#1f2937}.review-text-mobile{font-size:12px;color:#6b7280;line-height:1.4}.sales-section-mobile{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000f}.sales-list-mobile{display:flex;flex-direction:column;gap:10px}.sale-card-mobile{padding:12px;background:#f9fafb;border-radius:10px}.sale-main-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sale-invoice-mobile{font-size:14px;font-weight:700;color:#1f2937}.sale-status-mobile{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px}.sale-status-mobile.completed{background:#d1fae5;color:#065f46}.sale-status-mobile.refunded{background:#fee2e2;color:#991b1b}.sale-details-mobile{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}.sale-total-mobile{font-weight:700;color:#667eea;font-size:13px}@media(min-width:640px){.stats-row-mobile{gap:16px}.stat-mini{padding:18px 16px}.stat-mini-value{font-size:18px}.stat-mini-label{font-size:12px}.actions-grid-mobile{gap:14px}.action-btn-mobile{padding:18px 12px}.action-icon-mobile{width:52px;height:52px}.action-btn-mobile span{font-size:12px}}@media(min-width:1024px){.overview-section-mobile{max-width:800px;margin:0 auto}.stats-row-mobile{grid-template-columns:repeat(4,1fr)}.stats-row-mobile:nth-child(2){display:none}.stats-row-mobile:first-child{grid-template-columns:repeat(4,1fr)}.stats-row-mobile:first-child .stat-mini:nth-child(3),.stats-row-mobile:first-child .stat-mini:nth-child(4){display:none}}.product-manager-enhanced-overlay{position:fixed;inset:0;z-index:2000;background:#f8fafc}.enhanced-manager-integration{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.product-manager-enhanced{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.enhanced-header{padding:8px 16px;min-height:56px}.header-center{margin:0 12px;max-width:none}.enhanced-search{border-radius:8px;padding:0 8px}.sidebar-toggle-btn,.view-toggle-btn,.close-btn{min-width:40px;min-height:40px;padding:6px}}.available-orders-section{display:flex;flex-direction:column;gap:24px}.available-orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.alert-card.warning svg{color:#f59e0b;flex-shrink:0}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h2{margin:0 0 4px;font-size:20px;font-weight:700;color:#212529}.section-header p{margin:0;font-size:14px;color:#6c757d}.header-stats{display:flex;gap:12px}.mini-stat{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.mini-stat svg{color:#0ea5e9}.mini-stat span{font-size:14px;font-weight:600;color:#212529}.filters-bar{display:flex;gap:12px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014}.search-box{flex:1;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f8f9fa;border-radius:8px}.search-box svg{color:#6c757d}.search-box input{flex:1;border:none;background:transparent;font-size:14px;color:#212529;outline:none}.filter-select{padding:10px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;font-weight:500;color:#495057;background:#fff;cursor:pointer;transition:all .3s}.filter-select:hover{border-color:#0ea5e9}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.order-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;transition:all .3s}.order-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.order-header{display:flex;justify-content:space-between;align-items:center}.order-icons{display:flex;gap:8px}.vehicle-icon,.category-icon{font-size:28px}.status-badge.available{background:#fff3cd;color:#856404}.order-details{display:flex;flex-direction:column;gap:12px}.location-row{display:flex;gap:12px}.location-row .icon-green{color:#28a745;flex-shrink:0;margin-top:2px}.location-row .icon-red{color:#dc3545;flex-shrink:0;margin-top:2px}.location-row .label{display:block;font-size:12px;font-weight:600;color:#495057;margin-bottom:2px}.location-row .address{margin:0;font-size:13px;color:#6c757d;line-height:1.4}.notes-box{padding:12px;background:#f8f9fa;border-radius:8px}.notes-label{display:block;font-size:12px;font-weight:600;color:#495057;margin-bottom:4px}.notes-box p{margin:0;font-size:13px;color:#6c757d;line-height:1.4}.scheduled-time{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c757d}.scheduled-time svg{flex-shrink:0}.order-price{display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:8px}.order-price svg{color:#28a745}.price-value{font-size:22px;font-weight:700;color:#28a745}.price-original{font-size:14px;color:#6c757d;text-decoration:line-through;margin-right:auto}.order-actions{display:flex;gap:8px}.btn-accept,.btn-negotiate{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-accept{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.btn-accept:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn-accept:disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed}.btn-negotiate{background:transparent;border:2px solid #0ea5e9;color:#0ea5e9}.btn-negotiate:hover:not(:disabled){background:#f0f9ff}.btn-negotiate:disabled{border-color:#e9ecef;color:#adb5bd;cursor:not-allowed}@media(max-width:768px){.orders-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:12px}}.order-card.urgent{border:2px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7);animation:urgentPulse 2s ease-in-out infinite}@keyframes urgentPulse{0%,to{box-shadow:0 2px 8px #00000014}50%{box-shadow:0 4px 16px #f59e0b4d}}.urgent-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:12px;display:inline-block;animation:bounce 1s ease-in-out infinite}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.message-btn{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;min-width:100px;justify-content:center}.message-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.message-btn:active{transform:translateY(0)}.raise-hand-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;flex:1;min-width:120px;justify-content:center}.raise-hand-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.raise-hand-btn:active{transform:translateY(0)}.order-card.hand-raised{border:2px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.hand-raised-status{display:flex;gap:8px;width:100%;align-items:center;flex-wrap:wrap}.raised-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:2px dashed #10b981;border-radius:8px;color:#059669;font-weight:600;font-size:14px;flex:1;min-width:150px}.hand-icon-raised{animation:wave 1s ease-in-out infinite;color:#10b981}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ride-info{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;font-size:14px;font-weight:500;color:#1e40af;margin-top:8px}.order-notes{display:flex;gap:8px;padding:8px 12px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;margin-top:8px}.order-notes span:first-child{flex-shrink:0}.available-orders-new{padding:24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:calc(100vh - 200px);border-radius:16px}.orders-main-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 12px #0000000f}.orders-title-d{margin:0;font-size:26px;font-weight:800;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.orders-count-d{font-size:18px;font-weight:600;opacity:.8}.header-actions-d{display:flex;gap:12px}.refresh-btn-d{width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.refresh-btn-d:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.refresh-btn-d.spinning svg{animation:spin 1s linear infinite}.filter-btn-d{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;background:#f3f4f6;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.filter-btn-d:hover{background:#e5e7eb}.filter-tabs-d{display:flex;gap:12px;margin-bottom:20px;overflow-x:auto;padding:4px;-webkit-overflow-scrolling:touch}.filter-tab-d{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s;white-space:nowrap}.filter-tab-d:hover{border-color:#10b981;transform:translateY(-2px)}.filter-tab-d.active{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;box-shadow:0 4px 16px #10b98166}.tab-icon-d{font-size:18px}.quick-stats-d{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.quick-stat-d{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;transition:all .3s}.quick-stat-d:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.stat-icon-d{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon-d.available{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-d.urgent{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-d.nearby{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-info-d h4{margin:0 0 4px;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.stat-info-d p{margin:0;font-size:22px;font-weight:800;color:#111827}.orders-grid-d{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.order-card-d{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 12px #0000000f;transition:all .3s;border:2px solid transparent}.order-card-d:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 8px 24px #10b98126}.order-card-d.urgent{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.card-header-d{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.order-type-badge-d{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600}.order-type-badge-d.delivery{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.order-type-badge-d.ride{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.order-id-d{font-size:14px;font-weight:700;color:#6b7280}.card-category-d{display:flex;align-items:center;gap:8px;font-size:24px;margin-bottom:16px}.card-category-d span{font-size:16px;font-weight:600;color:#374151}.route-info-d{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;background:#f8fafc;border-radius:12px}.point-icon-d{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.point-icon-d.pickup{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.point-icon-d.dropoff{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.point-text-d{display:flex;flex-direction:column;gap:2px}.point-label-d{font-size:11px;font-weight:500;color:#9ca3af;text-transform:uppercase}.point-address-d{font-size:14px;font-weight:600;color:#374151}.route-arrow-d{display:flex;align-items:center;justify-content:center;color:#d1d5db;margin-right:44px}.card-meta-d{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.meta-item-d{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.meta-item-d svg{width:16px;height:16px;color:#10b981}.card-price-d{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;margin-bottom:16px}.price-label-d{font-size:13px;color:#065f46;font-weight:500}.price-value-d{font-size:24px;font-weight:800;color:#059669}.card-actions-d{display:flex;gap:12px}.accept-btn-d{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.accept-btn-d:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.accept-btn-d:disabled{opacity:.7;cursor:not-allowed}.reject-btn-d{width:50px;height:50px;border:2px solid #fecaca;border-radius:12px;background:#fff;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.reject-btn-d:hover{background:#fef2f2;border-color:#dc2626}.empty-state-d{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 4px 20px #10b9811a}.empty-icon-d{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#059669}.empty-state-d h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#065f46}.empty-state-d p{margin:0;font-size:15px;color:#6b7280}.loading-state-d{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#059669;font-size:16px;font-weight:500}.loading-spinner-d{width:50px;height:50px;border:4px solid #d1fae5;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.available-orders-section{gap:12px}.available-orders-new{padding:12px;min-height:auto}.orders-main-header{flex-direction:column;align-items:stretch;padding:12px;gap:12px}.orders-title-d{font-size:18px;text-align:center}.header-actions-d{justify-content:center;flex-wrap:wrap;gap:8px}.header-stats{flex-direction:column;gap:8px;width:100%}.mini-stat{width:100%;justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header h2{font-size:18px}.filters-bar{flex-direction:column;padding:12px;gap:8px}.search-box{width:100%;padding:10px 12px}.filter-select{width:100%}.filter-buttons{flex-direction:column;width:100%;gap:8px}.filter-btn{width:100%;justify-content:center}.quick-stats-d{grid-template-columns:1fr;gap:8px}.stat-card-d{padding:12px}.orders-grid,.orders-grid-d{grid-template-columns:1fr;gap:12px}.order-card{padding:16px}.order-header{flex-direction:column;align-items:flex-start;gap:8px}.order-type-badge{align-self:flex-start}.route-info{flex-direction:column;gap:8px}.route-arrow{transform:rotate(90deg);align-self:center}.pickup-location,.dropoff-location{width:100%}.order-details{flex-direction:column;gap:8px}.order-price{font-size:18px}.card-actions-d{flex-direction:column}.reject-btn-d{width:100%;height:44px}.order-actions{flex-direction:column;gap:8px}.order-actions button{width:100%}.btn-accept,.btn-chat,.btn-raise-hand{width:100%;justify-content:center}.filter-sidebar{position:fixed;top:0;right:-300px;width:280px;height:100vh;z-index:1000;transition:right .3s ease}.filter-sidebar.open{right:0}.empty-state{padding:48px 16px}.alert-card{padding:12px;flex-direction:column;text-align:center;gap:8px}.available-orders-loading{min-height:300px}}.menu-btn-d{width:40px;height:40px;border:none;border-radius:10px;background:#f3f4f6;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.menu-btn-d:hover{background:#e5e7eb}.page-title-d{margin:0;font-size:22px;font-weight:800;color:#111827}.action-icon-d{width:40px;height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.action-icon-d:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.action-icon-d.spinning svg{animation:spin 1s linear infinite}.filter-tabs-container-d{display:flex;align-items:center;gap:12px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-btn-d{flex-shrink:0;width:36px;height:36px;border:none;border-radius:10px;background:#10b9811a;color:#10b981;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.filter-btn-d:hover{background:#10b98133}.search-container-d{margin-bottom:20px}.search-wrapper-d{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:14px;transition:all .3s}.search-wrapper-d:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-wrapper-d svg{color:#9ca3af;flex-shrink:0}.search-wrapper-d input{flex:1;border:none;outline:none;font-size:15px;color:#374151;background:transparent}.search-wrapper-d input::-moz-placeholder{color:#9ca3af}.search-wrapper-d input::placeholder{color:#9ca3af}.quick-stat-d.pending{background:#fff}.quick-stat-d.pending .stat-icon-d{background:linear-gradient(135deg,#f59e0b,#d97706);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.quick-stat-d.available .stat-icon-d{background:linear-gradient(135deg,#10b981,#059669);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.quick-stat-d.urgent .stat-icon-d{background:linear-gradient(135deg,#3b82f6,#2563eb);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.orders-content-area-d{margin-top:20px}.empty-illustration-d{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.order-card-d.new{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#d1fae5)}.order-card-header-d{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.order-type-badge-d.food{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#c2410c}.order-type-badge-d.pharmacy{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.order-type-badge-d.package{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#b91c1c}.order-type-badge-d.groceries{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.order-type-badge-d.default{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.order-meta-d{display:flex;align-items:center;gap:12px}.order-time-d{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.order-price-d{font-size:18px;font-weight:800;color:#059669}.order-card-body-d{display:flex;flex-direction:column;gap:16px}.order-route-d{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:12px}.route-point-d{display:flex;align-items:flex-start;gap:12px}.route-icon-d{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.route-icon-d.pickup{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.route-icon-d.dropoff{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.route-details-d{display:flex;flex-direction:column;gap:2px}.route-label-d{font-size:11px;font-weight:500;color:#9ca3af;text-transform:uppercase}.route-address-d{font-size:14px;font-weight:600;color:#374151}.route-connector-d{width:2px;height:20px;background:linear-gradient(180deg,#fbbf24,#10b981);margin-right:15px;border-radius:1px}.order-extras-d{display:flex;flex-wrap:wrap;gap:10px}.order-extra-d{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border-radius:8px;font-size:13px;color:#374151;font-weight:500}.order-extra-d svg{color:#10b981}.order-actions-d{display:flex;gap:10px;margin-top:8px}.action-btn-d{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.action-btn-d.accept{flex:1;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.action-btn-d.accept:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.action-btn-d.hand{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.action-btn-d.hand:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.action-btn-d.hand.raised{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;box-shadow:none}.action-btn-d.chat{width:44px;height:44px;padding:0;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.action-btn-d.chat:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}@media(max-width:768px){.order-actions-d{flex-wrap:wrap}.action-btn-d.accept{order:1;width:100%}.action-btn-d.hand{order:2;flex:1}.action-btn-d.chat{order:3}}.active-delivery-section{display:flex;flex-direction:column;gap:24px;height:100%}.active-delivery{display:flex;gap:24px;height:calc(100vh - 180px);background:#f8f9fa;padding:20px;border-radius:16px}.delivery-sidebar{width:320px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014;overflow-y:auto;flex-shrink:0}.delivery-sidebar h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#212529;padding-bottom:12px;border-bottom:2px solid #e9ecef}.active-orders-list{display:flex;flex-direction:column;gap:12px}.delivery-main{flex:1;background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;overflow-y:auto}.delivery-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid #e9ecef;margin-bottom:24px}.delivery-header h2{margin:0;font-size:20px;font-weight:700;color:#212529}.header-actions{display:flex;gap:12px}.btn-icon{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 2px 8px #0ea5e94d}.btn-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #0ea5e966}.delivery-map{background:#f8f9fa;border-radius:12px;margin-bottom:24px;overflow:hidden}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#6c757d}.map-placeholder svg{margin-bottom:12px;opacity:.5}.delivery-details{display:flex;flex-direction:column;gap:20px}.detail-section{padding:16px;background:#f8f9fa;border-radius:12px;border-left:4px solid #0ea5e9}.detail-section h3{margin:0 0 8px;font-size:14px;font-weight:600;color:#495057}.detail-section p{margin:0;font-size:14px;color:#212529;line-height:1.5}.price-details{display:flex;flex-direction:column;gap:8px}.price-row{display:flex;justify-content:space-between;align-items:center}.delivery-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.active-delivery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;text-align:center}.empty-state svg{color:#adb5bd;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#495057}.empty-state p{margin:0;font-size:14px;color:#6c757d}.delivery-content{display:grid;grid-template-columns:1fr 380px;gap:20px;height:calc(100vh - 220px)}.map-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.map-wrapper{flex:1;min-height:400px}.delivery-details-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:20px}.details-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e9ecef}.details-header h3{margin:0;font-size:18px;font-weight:700;color:#212529}.status-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.progress{background:#fff3cd;color:#856404}.status-badge.assigned{background:#cfe2ff;color:#084298}.location-details{display:flex;flex-direction:column;gap:16px}.location-item{display:flex;gap:12px}.location-item .icon-green{color:#28a745;flex-shrink:0;margin-top:2px}.location-item .icon-red{color:#dc3545;flex-shrink:0;margin-top:2px}.location-label{display:block;font-size:13px;font-weight:600;color:#495057;margin-bottom:4px}.location-address{margin:0;font-size:14px;color:#6c757d;line-height:1.4}.customer-notes{padding:16px;background:#f8f9fa;border-radius:8px}.notes-label{display:block;font-size:13px;font-weight:600;color:#495057;margin-bottom:8px}.customer-notes p{margin:0;font-size:14px;color:#6c757d;line-height:1.5}.earnings-box{padding:16px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:8px}.earnings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.earnings-row:last-child{margin-bottom:0}.earnings-row.small{font-size:13px}.earnings-value{font-size:20px;font-weight:700;color:#28a745}.earnings-net{font-size:16px;font-weight:600;color:#155724}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn-primary,.btn-success,.btn-secondary,.btn-navigation{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none}.btn-navigation{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-navigation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-announce-arrival{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;padding:16px 24px!important;font-size:18px!important;font-weight:700!important;border-radius:12px!important;border:none!important;cursor:pointer!important;width:100%!important;margin-bottom:12px!important;box-shadow:0 4px 12px #10b9814d!important;transition:all .2s!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-announce-arrival:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #10b98166!important}.btn-announce-arrival:active{transform:translateY(0)!important}.arrival-confirmed{background:#d1fae5!important;color:#065f46!important;padding:16px!important;border-radius:12px!important;text-align:center!important;font-weight:600!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #10b98166;z-index:9999;animation:slideDown .3s ease-out,fadeOut .3s ease-in 2.7s;display:flex;align-items:center;gap:10px}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(-20px)}}.pulse-animation{animation:pulseEffect .5s ease-in-out}@keyframes pulseEffect{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.selected-indicator{position:absolute;left:-10px;top:50%;transform:translateY(-50%);color:#0ea5e9;font-size:20px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(5px)}}.btn-secondary{background:transparent;border:2px solid #0ea5e9;color:#0ea5e9}.btn-secondary:hover{background:#f0f9ff}.other-orders{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;overflow-y:auto}.other-orders h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#212529}.orders-list{display:flex;flex-direction:column;gap:12px}.order-item{position:relative;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 4px #0000000d}.order-item:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translate(-5px);box-shadow:0 4px 12px #0000001a;border-color:#0ea5e9}.order-item.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#0ea5e9;box-shadow:0 6px 16px #0ea5e94d;transform:translate(-8px)}.order-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-icon{font-size:24px;margin-right:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.order-id{font-size:14px;font-weight:600;color:#212529}.order-item-price{font-size:18px;font-weight:700;color:#10b981;margin-bottom:4px}.order-item-status{font-size:13px;font-weight:600;padding:4px 8px;border-radius:8px;background:#0ea5e91a;display:inline-block}.passenger-count{font-size:12px;color:#6c757d;margin-top:4px;display:flex;align-items:center;gap:4px}.order-category{font-size:12px;color:#6c757d}.order-address{margin:0 0 12px;font-size:13px;color:#6c757d}.order-item-footer{display:flex;justify-content:space-between;align-items:center}.order-price{font-size:16px;font-weight:700;color:#28a745}.order-status{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.order-status.in_progress{background:#fff3cd;color:#856404}.order-status.driver_assigned{background:#cfe2ff;color:#084298}@media(max-width:1200px){.delivery-content{grid-template-columns:1fr;height:auto}.map-wrapper{min-height:350px}}@media(max-width:768px){.map-wrapper{min-height:300px}}.active-delivery-new{padding:24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:calc(100vh - 200px);border-radius:16px}.loading-state-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#059669;font-size:16px;font-weight:500}.loading-spinner-ad{width:50px;height:50px;border:4px solid #d1fae5;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}.empty-state-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 4px 20px #10b9811a}.empty-icon-ad{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#059669}.empty-state-ad h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#065f46}.empty-state-ad p{margin:0;font-size:15px;color:#6b7280}.ad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 12px #0000000f}.ad-title{margin:0;font-size:24px;font-weight:800;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ad-count{font-size:18px;font-weight:600;opacity:.8}.ad-refresh-btn{width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.ad-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.ad-refresh-btn.spinning svg{animation:spin 1s linear infinite}.success-toast-ad{position:fixed;top:100px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;z-index:1000;box-shadow:0 8px 24px #10b98166;animation:slideDown .3s ease-out}.ad-count-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border-radius:20px;font-size:14px;color:#10b981;margin-bottom:16px}.ad-count-badge span{font-weight:700;font-size:16px}.ad-orders-tabs{display:flex;gap:12px;overflow-x:auto;padding:4px;margin-bottom:20px;-webkit-overflow-scrolling:touch}.ad-orders-tabs::-webkit-scrollbar{height:6px}.ad-orders-tabs::-webkit-scrollbar-track{background:#d1fae5;border-radius:3px}.ad-orders-tabs::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.ad-order-tab{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s;min-width:140px;flex-shrink:0}.ad-order-tab:hover{border-color:#10b981;transform:translateY(-2px)}.ad-order-tab.active{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;box-shadow:0 4px 16px #10b98166}.ad-tab-icon{font-size:24px}.ad-tab-id{font-size:14px;font-weight:700}.ad-order-tab.active .ad-tab-id{color:#fff}.ad-tab-status{font-size:12px;font-weight:600}.ad-order-tab.active .ad-tab-status{color:#ffffffe6!important}.ad-order-details{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000014}.ad-order-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px}.ad-nav-btn{width:36px;height:36px;border:none;border-radius:50%;background:#fff;color:#0ea5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .2s}.ad-nav-btn:hover{background:#0ea5e9;color:#fff;transform:scale(1.05)}.ad-nav-info{font-size:14px;font-weight:600;color:#0369a1}.ad-status-tracker{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-radius:16px;margin-bottom:24px;overflow-x:auto}.ad-status-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.ad-step-icon{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s}.ad-status-step.completed .ad-step-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.ad-status-step.current .ad-step-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b66;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ad-step-label{font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap}.ad-status-step.completed .ad-step-label,.ad-status-step.current .ad-step-label{color:#059669}.ad-step-line{flex:1;height:3px;background:#e5e7eb;min-width:30px;margin:0 8px 28px;border-radius:2px}.ad-step-line.completed{background:linear-gradient(90deg,#10b981,#059669)}.ad-customer-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-radius:16px;margin-bottom:20px;flex-wrap:wrap;gap:16px}.ad-customer-info{display:flex;align-items:center;gap:16px}.ad-customer-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center}.ad-customer-details{display:flex;flex-direction:column;gap:4px}.ad-customer-label{font-size:13px;color:#6b7280;font-weight:500}.ad-customer-phone{font-size:16px;font-weight:700;color:#111827}.ad-customer-actions{display:flex;gap:12px}.ad-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.ad-action-btn.call{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.ad-action-btn.call:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.ad-action-btn.navigate{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.ad-action-btn.navigate:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.ad-route-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:16px;margin-bottom:20px;flex-wrap:wrap}.ad-route-point{display:flex;align-items:center;gap:12px;flex:1;min-width:200px;transition:background-color .2s ease;padding:8px;border-radius:8px}.ad-route-point:hover{background-color:#f3f4f6}.ad-nav-btn{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:auto;margin-left:8px;transition:all .3s ease;box-shadow:0 2px 6px #3b82f64d}.ad-nav-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f680}.ad-point-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ad-point-icon.pickup{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.ad-point-icon.dropoff{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ad-point-info{display:flex;flex-direction:column;gap:4px}.ad-point-label{font-size:12px;color:#6b7280;font-weight:500}.ad-point-address{font-size:14px;font-weight:600;color:#111827}.ad-route-arrow{width:36px;height:36px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.ad-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:20px}.ad-info-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-radius:12px;color:#059669}.ad-info-card>svg{width:24px;height:24px;flex-shrink:0}.ad-info-card>div{display:flex;flex-direction:column;gap:4px}.ad-info-label{font-size:12px;color:#6b7280;font-weight:500}.ad-info-value{font-size:16px;font-weight:700;color:#065f46}.ad-notes-card{padding:16px;background:#fef3c7;border-radius:12px;margin-bottom:20px;border-right:4px solid #f59e0b}.ad-notes-label{display:block;font-size:14px;font-weight:600;color:#92400e;margin-bottom:8px}.ad-notes-text{margin:0;font-size:14px;color:#78350f;line-height:1.6}.ad-actions{display:flex;flex-direction:column;gap:12px}.ad-main-action{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;color:#fff}.ad-main-action:disabled{opacity:.7;cursor:not-allowed}.ad-main-action.pickup{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #3b82f666}.ad-main-action.pickup:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.ad-main-action.progress{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #f59e0b66}.ad-main-action.progress:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b80}.ad-main-action.arrived{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b98166}.ad-main-action.arrived:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98180}.ad-main-action.complete{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #05966966}.ad-main-action.complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #05966980}@media(max-width:768px){.active-delivery-section{gap:16px}.active-delivery{flex-direction:column;height:auto;padding:12px;gap:16px}.delivery-sidebar{width:100%;max-height:none;padding:16px;order:2}.delivery-main{padding:16px;order:1}.delivery-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%;justify-content:space-between}.active-delivery-new{padding:12px;min-height:auto}.ad-header{padding:12px;flex-direction:column;gap:12px;align-items:flex-start}.ad-header-actions{width:100%;justify-content:space-between}.ad-title{font-size:18px}.ad-status-tracker{padding:12px 8px;overflow-x:auto}.ad-status-steps{min-width:500px}.ad-step-label{font-size:9px}.ad-step-icon{width:28px;height:28px;font-size:12px}.ad-step-line{height:2px}.ad-customer-card{flex-direction:column;align-items:stretch;padding:16px}.ad-customer-actions{justify-content:center;flex-wrap:wrap;gap:8px}.ad-customer-actions button{flex:1;min-width:100px}.ad-route-card{flex-direction:column;padding:16px}.ad-route-arrow{transform:rotate(90deg);margin:8px auto}.ad-route-point{width:100%}.ad-main-action{font-size:15px;padding:14px 16px}.ad-order-info{padding:16px}.ad-info-grid{grid-template-columns:1fr;gap:12px}.ad-price-card{padding:16px}.ad-price-breakdown{flex-direction:column;gap:8px}.empty-state-ad{padding:48px 16px}.empty-icon-ad{width:80px;height:80px}.empty-state-ad h3{font-size:18px}.active-order-card{padding:12px}.order-card-header{flex-direction:column;align-items:flex-start;gap:8px}.map-wrapper{min-height:200px;border-radius:12px}.delivery-map{border-radius:12px;margin-bottom:16px}.map-placeholder{padding:40px 16px}.ad-action-buttons{flex-direction:column;gap:8px}.ad-action-buttons button{width:100%}}.earnings-section{display:flex;flex-direction:column;gap:24px}.earnings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.earning-stat{padding:24px;border-radius:16px;color:#fff;box-shadow:0 4px 12px #00000026;transition:all .3s}.earning-stat:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.earning-stat.today{background:linear-gradient(135deg,#10b981,#059669)}.earning-stat.week{background:linear-gradient(135deg,#3b82f6,#2563eb)}.earning-stat.month{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.earning-stat.total{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-header svg:last-child{opacity:.7}.stat-label{display:block;font-size:14px;opacity:.9;margin-bottom:8px}.stat-value{margin:0;font-size:28px;font-weight:700}.earnings-table-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.table-header h2{margin:0;font-size:20px;font-weight:700;color:#212529}.filter-buttons{display:flex;gap:8px}.filter-buttons button{padding:10px 20px;border:none;background:#f8f9fa;border-radius:8px;font-size:14px;font-weight:600;color:#495057;cursor:pointer;transition:all .3s}.filter-buttons button:hover{background:#e9ecef}.filter-buttons button.active{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.empty-earnings{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-earnings svg{color:#adb5bd;margin-bottom:16px}.empty-earnings p{margin:0;font-size:16px;color:#6c757d}.table-wrapper{overflow-x:auto}.table-wrapper table{width:100%;border-collapse:collapse}.table-wrapper thead{background:#f8f9fa}.table-wrapper th{padding:12px 16px;text-align:right;font-size:12px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.5px}.table-wrapper td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px;color:#495057}.table-wrapper tr:hover{background:#f8f9fa}.date-cell{display:flex;flex-direction:column;gap:2px}.date-main{font-weight:600;color:#212529}.date-time{font-size:12px;color:#6c757d}.order-id{font-weight:600;color:#6c757d}.amount-cell{font-weight:600;color:#212529}.commission-cell{font-weight:600;color:#dc3545}.net-cell{font-weight:700;font-size:15px;color:#28a745}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014}.info-card h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#212529}.info-rows{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:14px;color:#6c757d}.info-value{font-size:16px;font-weight:600;color:#212529}.info-value.commission{color:#dc3545}.info-value.profit{color:#28a745}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%;overflow-x:auto}.info-cards{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}}.driver-earnings-new{padding:24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:calc(100vh - 200px);border-radius:16px}.loading-state-de{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#059669;font-size:16px;font-weight:500}.loading-spinner-de{width:50px;height:50px;border:4px solid #d1fae5;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}.de-main-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 12px #0000000f}.de-title-section{display:flex;flex-direction:column;gap:4px}.de-title{margin:0;font-size:26px;font-weight:800;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.de-subtitle{margin:0;font-size:14px;color:#6b7280}.de-header-actions{display:flex;gap:12px;flex-wrap:wrap}.de-refresh-btn{width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.de-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.de-refresh-btn.spinning svg{animation:spin 1s linear infinite}.de-filter-toggle{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;background:#f3f4f6;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.de-filter-toggle:hover{background:#e5e7eb}.de-download-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.de-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.de-actions-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.de-actions-bar .de-filter-toggle,.de-actions-bar .de-download-btn{padding:8px 16px;font-size:13px}.de-period-tabs{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding:4px;-webkit-overflow-scrolling:touch}.de-period-tab{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s;white-space:nowrap}.de-period-tab:hover{border-color:#10b981;transform:translateY(-2px)}.de-period-tab.active{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;box-shadow:0 4px 16px #10b98166}.de-tab-icon{font-size:18px}.de-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.de-stat-card{display:flex;align-items:center;gap:20px;padding:24px;border-radius:16px;color:#fff;box-shadow:0 4px 20px #00000026;transition:all .3s}.de-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0003}.de-stat-card.primary{background:linear-gradient(135deg,#10b981,#059669)}.de-stat-card.success{background:linear-gradient(135deg,#3b82f6,#2563eb)}.de-stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.de-stat-card.info{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.de-stat-icon{width:60px;height:60px;border-radius:16px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.de-stat-content{display:flex;flex-direction:column;gap:4px}.de-stat-label{font-size:13px;opacity:.9}.de-stat-value{font-size:24px;font-weight:800}.de-stat-meta{display:flex;align-items:center;gap:4px;font-size:12px;opacity:.8}.de-filter-sidebar{position:fixed;top:0;left:0;width:320px;height:100vh;background:#fff;box-shadow:4px 0 20px #0000001a;z-index:1000;padding:24px;animation:slideInLeft .3s ease-out;overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.de-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.de-filter-header h3{margin:0;font-size:18px;font-weight:700;color:#111827}.de-filter-header button{width:36px;height:36px;border:none;border-radius:8px;background:#f3f4f6;cursor:pointer;font-size:18px;transition:all .3s}.de-filter-header button:hover{background:#e5e7eb}.de-filter-section{margin-bottom:24px}.de-filter-section label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.de-filter-options{display:flex;flex-direction:column;gap:8px}.de-filter-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500;color:#374151}.de-filter-option:hover{border-color:#10b981}.de-filter-option.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#059669;font-weight:600}.de-earnings-section{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000014}.de-earnings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.de-earnings-header h2{margin:0;font-size:20px;font-weight:700;color:#111827}.de-earnings-count{padding:6px 16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;font-size:13px;font-weight:600;color:#059669}.de-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.de-empty-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#059669}.de-empty-state h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#065f46}.de-empty-state p{margin:0;font-size:14px;color:#6b7280}.de-earnings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.de-earning-card{background:#f8fafc;border-radius:16px;padding:20px;border:2px solid #e5e7eb;transition:all .3s}.de-earning-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 16px #10b98126}.de-earning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.de-earning-category{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-radius:20px;font-size:13px;font-weight:600;color:#374151}.de-earning-id{font-size:14px;font-weight:700;color:#6b7280}.de-earning-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;margin-bottom:16px}.de-earning-amounts{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.de-amount-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#374151}.de-amount-value{font-weight:600}.de-amount-row.commission .de-amount-value{color:#dc2626}.de-amount-row.net{padding-top:8px;border-top:2px dashed #e5e7eb}.de-amount-row.net .de-amount-value{font-size:18px;font-weight:800;color:#059669}.de-earning-status{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;font-size:13px;font-weight:600}.de-earning-status.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}@media(max-width:768px){.driver-earnings-new{padding:12px;min-height:auto}.de-main-header{flex-direction:column;align-items:stretch;padding:12px;gap:12px}.de-header-actions{justify-content:center;flex-wrap:wrap;gap:8px}.de-title{font-size:18px;text-align:center}.de-period-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.de-period-tabs::-webkit-scrollbar{display:none}.de-period-btn{padding:8px 14px;font-size:13px;white-space:nowrap;flex-shrink:0}.de-stats-grid{grid-template-columns:1fr;gap:12px}.de-stat-card{padding:16px}.de-stat-value{font-size:18px}.de-stat-icon{width:40px;height:40px}.de-earnings-grid{grid-template-columns:1fr;gap:12px}.de-filter-sidebar{width:100%;max-height:none}.de-summary-section{padding:16px}.de-summary-grid{grid-template-columns:1fr;gap:12px}.de-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.de-table-wrapper table{min-width:500px}.de-earning-card{padding:12px}.de-earning-header{flex-direction:column;align-items:flex-start;gap:8px}.de-earning-body{flex-direction:column;gap:12px}.de-earning-route{flex-direction:column}.de-route-arrow{transform:rotate(90deg);align-self:center}.de-earning-amounts{width:100%}.de-amount-row{justify-content:space-between}.de-chart-section{padding:16px}.de-chart-container{height:200px}.de-date-filter{flex-direction:column;gap:8px}.de-date-input{width:100%}.de-withdrawal-section{padding:16px}.de-withdrawal-form{flex-direction:column}.de-withdrawal-input,.de-withdrawal-btn{width:100%}.loading-state-de{min-height:300px}.stats-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start;gap:12px}.filter-buttons{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.info-cards{grid-template-columns:1fr}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}.driver-dashboard{display:flex;flex-direction:column;height:100%;min-height:0;background:linear-gradient(180deg,#e0f2fe,#f0f9ff);overflow:hidden;direction:rtl}@media(max-width:768px){.driver-dashboard{height:100%;min-height:0}}.driver-header-simple{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#0ea5e9,#2563eb);flex-shrink:0}.driver-status-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;transition:all .3s}.driver-status-btn.online{background:#22c55e4d;color:#22c55e;box-shadow:0 0 10px #22c55e80}.driver-status-btn.offline{background:#ef44444d;color:#ef4444}.driver-status-btn:hover{transform:scale(1.1)}.driver-page-title{color:#fff;font-size:16px;font-weight:600;margin:0;flex:1;text-align:center}.driver-refresh-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.driver-refresh-btn:hover{background:#ffffff4d;transform:scale(1.05)}.driver-refresh-btn:active{transform:scale(.95)}.driver-refresh-btn svg{transition:transform .3s}.driver-refresh-btn:hover svg{transform:rotate(180deg)}.driver-header-gradient{background:linear-gradient(135deg,#0ea5e9,#2563eb,#1d4ed8);padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-radius:0 0 24px 24px;position:sticky;top:0;z-index:10}.driver-header-content{display:flex;align-items:center;justify-content:space-between}.driver-header-left{display:flex;align-items:center;gap:8px}.status-toggle-mini{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.status-toggle-mini.online{background:#22c55e4d;box-shadow:0 0 12px #22c55e80}.status-toggle-mini.offline{background:#ef44444d}.status-toggle-mini:hover{transform:scale(1.05)}.driver-title{color:#fff;font-size:20px;font-weight:700;margin:0}.driver-header-right{display:flex;align-items:center;gap:8px}.header-icon-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.header-icon-btn:hover{background:#ffffff4d}.header-icon-btn.notification{background:#ef44444d}.notification-dot{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.header-filter-tabs{display:flex;gap:8px;margin-top:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.header-filter-tabs::-webkit-scrollbar{display:none}.header-filter-tab{background:#fff3;border:none;color:#ffffffd9;padding:10px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .3s}.header-filter-tab:hover{background:#ffffff4d}.header-filter-tab.active{background:#fff;color:#0ea5e9}.header-filter-tab .tab-count{background:#ffffff4d;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:700}.header-filter-tab.active .tab-count{background:#0ea5e926;color:#0ea5e9}.dashboard-header{display:none}.header-content{display:flex;align-items:center;gap:16px}.header-content svg{color:#0ea5e9}.header-content h1{margin:0;font-size:24px;font-weight:700;color:#212529}.header-content p{margin:4px 0 0;font-size:14px;color:#6c757d}.dashboard-header .close-btn{background:#f8f9fa;border:none;color:#6c757d;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.dashboard-header .close-btn:hover{background:#e9ecef;color:#212529}.dashboard-tabs{display:flex;gap:8px;padding:16px 32px;background:#fff;border-bottom:1px solid #e9ecef;overflow-x:auto}.dashboard-tabs button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;border-radius:12px;font-size:14px;font-weight:600;color:#6c757d;cursor:pointer;transition:all .3s;white-space:nowrap;position:relative}.dashboard-tabs button:hover{background:#f8f9fa;color:#212529}.dashboard-tabs button.active{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.dashboard-tabs button .tab-badge{position:absolute;top:-5px;right:-5px;background:#dc3545;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.dashboard-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}@media(max-width:767px){.dashboard-content{padding:12px;flex:1;min-height:0;overflow-y:auto!important;touch-action:pan-y;-webkit-overflow-scrolling:touch}}@media(min-width:768px){.dashboard-content{padding:24px 32px}}.driver-overview{display:flex;flex-direction:column;gap:24px}.online-status-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center}.status-content{display:flex;gap:16px;align-items:center}.status-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff}.status-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#212529}.status-info p{margin:0;font-size:14px}.status-text.online{color:#28a745;font-weight:600}.status-text.offline{color:#dc3545;font-weight:600}.status-toggle{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.status-toggle.online{background:#dc3545;color:#fff}.status-toggle.online:hover{background:#c82333}.status-toggle.offline{background:#28a745;color:#fff}.status-toggle.offline:hover{background:#218838}.alert-card{background:#fff;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:0 2px 8px #00000014}.alert-card.warning{border-left:4px solid #f59e0b}.alert-card.warning svg{color:#f59e0b}.alert-card.success{border-left:4px solid #28a745}.alert-card.success svg{color:#28a745}.alert-card p{margin:0;font-size:14px;color:#495057}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #00000014;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:#6c757d;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#212529;margin:0}.stat-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.stat-change.positive{color:#28a745}.stat-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#f8f9fa;color:#495057}.stat-badge.success{background:#d4edda;color:#155724}.quick-actions{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014}.quick-actions h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#212529}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s;position:relative}.action-btn:hover:not(:disabled){border-color:#0ea5e9;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e933}.action-btn svg{color:#0ea5e9}.action-btn span{font-size:14px;font-weight:600;color:#212529}.action-btn .action-badge{position:absolute;top:-8px;right:-8px;background:#dc3545;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:24px;text-align:center}.recent-deliveries{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014}.recent-deliveries h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#212529}.deliveries-table{overflow-x:auto}.deliveries-table table{width:100%;border-collapse:collapse}.deliveries-table thead tr{background:#f8f9fa;border-bottom:2px solid #e9ecef}.deliveries-table th{padding:12px;text-align:right;font-size:13px;font-weight:600;color:#495057}.deliveries-table td{padding:16px 12px;border-bottom:1px solid #e9ecef;font-size:14px;color:#495057}.deliveries-table tr:hover{background:#f8f9fa}.delivery-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;background:#e3f2fd;color:#1976d2}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.completed{background:#d4edda;color:#155724}.driver-profile-section{display:flex;flex-direction:column;gap:24px}.profile-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014}.profile-header{display:flex;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid #e9ecef;margin-bottom:24px}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff}.profile-info h2{margin:0 0 4px;font-size:24px;font-weight:700;color:#212529}.profile-info p{margin:0 0 12px;font-size:14px;color:#6c757d}.rating-display{display:flex;align-items:center;gap:8px}.rating-display svg.filled{color:#f59e0b}.rating-display span{font-size:16px;font-weight:600;color:#212529}.rating-display .reviews{font-size:14px;font-weight:400;color:#6c757d}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:24px}.profile-stat{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px}.profile-stat svg{color:#0ea5e9}.profile-stat h4{margin:0 0 4px;font-size:20px;font-weight:700;color:#212529}.profile-stat p{margin:0;font-size:12px;color:#6c757d}.vehicle-info{margin-bottom:24px}.vehicle-info h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#212529}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px}.info-item svg{color:#0ea5e9}.info-label{margin:0;font-size:12px;color:#6c757d}.info-value{margin:4px 0 0;font-size:14px;font-weight:600;color:#212529}.account-settings{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.account-settings h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#212529}.account-settings .btn-secondary{display:block;width:100%;padding:12px 20px;margin-bottom:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;font-size:14px;font-weight:600;color:#495057;cursor:pointer;transition:all .3s;text-align:right}.account-settings .btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}.vehicle-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-row .label{font-size:14px;color:#6c757d;font-weight:500}.detail-row .value{font-size:14px;color:#212529;font-weight:600}.achievements h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#212529}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.achievement{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f8f9fa;border-radius:12px;text-align:center}.achievement-icon{font-size:32px}.achievement-name{font-size:12px;font-weight:600;color:#495057}.driver-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8f9fa;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid #e9ecef;border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.driver-settings{display:flex;flex-direction:column;gap:24px}.settings-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.settings-section h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#212529}.location-status{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.location-status svg{flex-shrink:0}.location-status h4{margin:0 0 4px;font-size:14px;font-weight:600}.location-coords{font-size:13px;color:#10b981;font-family:Courier New,monospace;margin:4px 0 0}.text-green{color:#10b981}.text-gray{color:#6c757d}.text-error{color:#ef4444;font-size:12px;margin:4px 0 0}.location-actions{display:flex;gap:12px;margin-bottom:20px}.btn-update-location,.btn-toggle-tracking{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-update-location{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.btn-update-location:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn-toggle-tracking{background:#e9ecef;color:#6c757d}.btn-toggle-tracking.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-toggle-tracking:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-view-map{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf633}.btn-view-map:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.location-info{padding:16px;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px}.location-info h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#d97706}.location-info ul{margin:0;padding:0 0 0 20px;list-style:none}.location-info li{font-size:13px;color:#6c757d;margin-bottom:8px;line-height:1.5}.service-status{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px}.status-item span{font-size:14px;color:#6c757d}.status-item strong{font-size:14px}.driver-dashboard-loading p{font-size:14px;color:#6c757d}@media(max-width:768px){.dashboard-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.dashboard-header h1{font-size:16px;flex:1;order:1}.mobile-menu-btn{order:0;width:40px;height:40px}.header-actions{order:2;gap:8px}.online-status .status-toggle span{display:none}.online-status .status-toggle{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.location-indicator{display:none}.btn-notification{width:40px;height:40px}.dashboard-tabs{display:none}.dashboard-content{padding:12px;flex:1;min-height:0;overflow-y:auto!important;touch-action:pan-y;-webkit-overflow-scrolling:touch}.stats-grid,.actions-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.status-card-modern{padding:16px}.status-header-modern{flex-direction:column;gap:16px}.status-toggle-modern{width:100%}.status-metrics{flex-direction:row;gap:16px}.metric-separator{display:none}.stats-grid-modern{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card-modern{padding:16px}.stat-value-modern{font-size:1.5rem}.stat-icon-wrapper{width:44px;height:44px}.recent-deliveries{padding:16px}.delivery-item{padding:12px}.delivery-route{flex-direction:column;gap:4px}.delivery-route .arrow{transform:rotate(90deg);align-self:flex-start}.settings-section{padding:16px}.location-actions{flex-direction:column}.location-actions button{width:100%}.profile-card{padding:16px}.profile-stats{flex-direction:column;gap:12px}.info-grid{grid-template-columns:1fr}.total-stats-grid{flex-direction:column;gap:12px}.total-stat-item{width:100%;justify-content:flex-start}}.reviews-section{margin-top:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.reviews-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-card{padding:16px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease}.review-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.review-customer{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#4b5563}.review-customer svg{color:#9ca3af}.review-rating{display:flex;align-items:center;gap:4px}.review-rating .filled{color:gold}.review-rating .empty{color:#d1d5db}.review-rating .rating-value{margin-right:4px;font-size:13px;font-weight:600;color:#374151}.review-text{margin:0 0 12px;font-size:14px;line-height:1.6;color:#1f2937;padding:12px;background:#fff;border-radius:8px;border-right:3px solid #3b82f6}.review-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}.review-type{display:flex;align-items:center;gap:4px;font-weight:500}.review-date{color:#9ca3af}.header-actions{display:flex;align-items:center;gap:1rem}.online-status{display:flex;align-items:center;gap:.75rem}.status-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.75rem;border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease}.status-toggle.online{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98166}.status-toggle.offline{background:#e5e7eb;color:#6b7280}.status-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98180}.location-indicator{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#10b9811a;border-radius:.5rem;font-size:.75rem;color:#059669}.location-indicator .pulse{animation:pulse 2s infinite}.btn-notification{position:relative;width:44px;height:44px;border-radius:.75rem;border:none;background:#fff;color:#667eea;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000001a}.btn-notification:hover{background:#f3f4f6;transform:translateY(-2px)}.btn-notification.pulse{animation:pulse 2s infinite}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;min-width:20px;text-align:center}.driver-notifications{padding:1.5rem}.driver-notifications .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.driver-notifications .section-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.notification-card{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.notification-card.new{border-left:4px solid #667eea;animation:slideIn .3s ease}.notification-icon{color:#667eea;flex-shrink:0}.notification-content{flex:1}.notification-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:#1f2937}.notification-content p{margin:0 0 1rem;color:#6b7280;font-size:.875rem}.btn-text{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:.5rem 0;font-size:.875rem}.btn-text:hover{color:#764ba2;text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#9ca3af;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{margin:0;font-size:1rem;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.status-card-modern{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:1.25rem;padding:1.75rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;border:1px solid rgba(102,126,234,.1)}.status-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:1rem}.status-info-flex{display:flex;gap:1rem;align-items:center;flex:1}.user-avatar-modern{width:64px;height:64px;border-radius:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px #667eea4d}.user-details h3{margin:0 0 .375rem;font-size:1.25rem;font-weight:700;color:#1f2937}.driver-id-badge{display:inline-block;background:#667eea1a;color:#667eea;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.rating-inline{display:flex;align-items:center;gap:.375rem;font-size:.875rem}.star-filled{color:#fbbf24;fill:#fbbf24}.rating-value{font-weight:700;color:#1f2937}.rating-count{color:#6b7280;font-size:.8125rem}.status-toggle-modern{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.875rem;border:none;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;white-space:nowrap}.status-toggle-modern.online{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-toggle-modern.offline{background:#e5e7eb;color:#6b7280}.status-toggle-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.status-metrics{display:flex;gap:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.metric-item{display:flex;align-items:center;gap:.75rem;flex:1}.metric-icon{width:40px;height:40px;border-radius:.625rem;display:flex;align-items:center;justify-content:center}.metric-icon.success{background:#10b9811a;color:#059669}.metric-icon.muted{background:#9ca3af1a;color:#9ca3af}.pulse-soft{animation:pulseSoft 2s infinite}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.6}}.metric-info{display:flex;flex-direction:column;gap:.125rem}.metric-label{font-size:.75rem;color:#6b7280;font-weight:500}.metric-value{font-size:1rem;font-weight:700;color:#1f2937}.metric-separator{width:1px;background:#e5e7eb;align-self:stretch}.location-error-banner{margin-top:1rem;padding:.875rem 1rem;background:#ef44441a;border-left:4px solid #ef4444;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;color:#991b1b;font-size:.875rem;font-weight:500}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1.5rem}.stat-card-modern{position:relative;padding:1.5rem;border-radius:1.25rem;color:#fff;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.stat-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.stat-card-modern:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30%,-30%)}.primary-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.success-gradient{background:linear-gradient(135deg,#10b981,#059669)}.warning-gradient{background:linear-gradient(135deg,#f59e0b,#d97706)}.info-gradient{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card-modern.has-pulse{animation:cardPulse 2s infinite}@keyframes cardPulse{0%,to{box-shadow:0 4px 16px #0000001a}50%{box-shadow:0 4px 24px #ef444466}}.new-order-indicator{position:absolute;top:12px;left:12px;width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 #ef4444b3}.stat-icon-wrapper{width:56px;height:56px;background:#fff3;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;backdrop-filter:blur(10px)}.stat-content-modern{position:relative;z-index:1}.stat-label-modern{font-size:.875rem;opacity:.9;margin:0 0 .5rem;font-weight:500}.stat-value-modern{font-size:2rem;font-weight:700;margin:0 0 .75rem;line-height:1}.stat-trend{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ffffff40;border-radius:.5rem;font-size:.8125rem;font-weight:600;backdrop-filter:blur(10px)}.stat-trend.positive{background:#10b98133}.stat-badge{display:inline-block;padding:.375rem .75rem;background:#ffffff40;border-radius:.5rem;font-size:.75rem;font-weight:600;backdrop-filter:blur(10px)}.stat-alert{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ef44444d;border-radius:.5rem;font-size:.75rem;font-weight:700;animation:alertBlink 1.5s infinite}@keyframes alertBlink{0%,to{opacity:1}50%{opacity:.7}}.total-stats-modern{background:#fff;border-radius:1.25rem;padding:1.75rem;box-shadow:0 4px 16px #00000014}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.stats-header h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.btn-refresh-mini{width:36px;height:36px;border-radius:.5rem;border:none;background:#f3f4f6;color:#667eea;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.btn-refresh-mini:hover{background:#e5e7eb;transform:rotate(180deg)}@media(max-width:768px){.status-card-modern{padding:1rem}.status-header-modern{flex-direction:column;gap:1rem}.status-info-flex{flex-direction:column;align-items:center;text-align:center}.status-toggle-modern{width:100%;justify-content:center}.status-metrics{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center}.metric-item{flex:1;min-width:120px;justify-content:center}.metric-separator{display:none}.stats-grid-modern{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card-modern{padding:1rem}.stat-value-modern{font-size:1.25rem}.stat-icon-wrapper{width:40px;height:40px;margin-bottom:.5rem}.stat-icon-wrapper svg{width:20px;height:20px}.stat-label-modern{font-size:.75rem}.stat-trend,.stat-badge,.stat-alert{font-size:.625rem;padding:.25rem .5rem}.user-avatar-modern{width:56px;height:56px}.user-details h3{font-size:1.125rem}.user-details .driver-id-badge{font-size:.75rem}.rating-inline{justify-content:center}.total-stats-modern{padding:1rem}.stats-header{margin-bottom:.75rem}.stats-header h3{font-size:.875rem}.total-stats-grid{display:flex;flex-direction:column;gap:.5rem}.total-stat-item{padding:.75rem;font-size:.8125rem}.recent-deliveries{padding:1rem}.recent-deliveries h3{font-size:.875rem;margin-bottom:.75rem}.deliveries-list{gap:.5rem}.delivery-item{padding:.75rem}.delivery-icon{font-size:1.25rem}.delivery-header{flex-direction:column;align-items:flex-start;gap:.25rem}.order-number{font-size:.8125rem}.delivery-time{font-size:.6875rem}.delivery-route{flex-direction:column;gap:.25rem;font-size:.75rem}.delivery-route .arrow{display:none}.delivery-details{gap:.5rem}.delivery-details .distance,.delivery-details .earnings{font-size:.6875rem;padding:.25rem .5rem}.driver-notifications{padding:1rem}.notification-card{padding:1rem;flex-direction:column;text-align:center}.notification-card button{width:100%}.driver-settings{gap:1rem}.settings-section{padding:1rem}.settings-section h3{font-size:1rem;margin-bottom:.75rem}.location-status{flex-direction:column;text-align:center;padding:.75rem}.location-actions{flex-direction:column;gap:.5rem}.location-actions button{width:100%;padding:.75rem;font-size:.875rem}.location-info{padding:.75rem}.location-info h4{font-size:.8125rem}.location-info li{font-size:.75rem;margin-bottom:.5rem}.service-status{gap:.5rem}.status-item{padding:.75rem;font-size:.8125rem}}@media(min-width:769px)and (max-width:1024px){.stats-grid-modern{grid-template-columns:repeat(2,1fr)}}.real-estate-dashboard{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);direction:rtl}.dashboard-container{padding:2rem;max-width:1400px;margin:0 auto}.toast-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 12px #10b9814d;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;z-index:9999;animation:slideDown .3s ease}.welcome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014}.welcome-header h2{margin:0 0 .5rem;font-size:2rem;color:#1a1a1a;font-weight:700}.welcome-header p{margin:0;color:#666;font-size:1rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff14934d}.stat-card{background:#fff;padding:1.75rem;border-radius:16px;box-shadow:0 2px 12px #00000014;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--card-color-start),var(--card-color-end))}.stat-card.primary{--card-color-start: #FF1493;--card-color-end: #FF69B4}.stat-card.success{--card-color-start: #10b981;--card-color-end: #34d399}.stat-card.warning{--card-color-start: #f59e0b;--card-color-end: #fbbf24}.stat-card.info{--card-color-start: #3b82f6;--card-color-end: #60a5fa}.stat-card.purple{--card-color-start: #8b5cf6;--card-color-end: #a78bfa}.stat-card.pink{--card-color-start: #ec4899;--card-color-end: #f472b6}.stat-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--card-color-start),var(--card-color-end));color:#fff;flex-shrink:0}.stat-content h3{margin:0 0 .25rem;font-size:2rem;font-weight:700;color:#1a1a1a}.stat-content p{margin:0 0 .5rem;color:#666;font-size:.95rem}.stat-badge{display:inline-block;padding:.25rem .75rem;background:#f3f4f6;border-radius:20px;font-size:.85rem;color:#374151;font-weight:500}.stat-badge.active{background:#dcfce7;color:#16a34a}.rating-stars{font-size:1.1rem}.recent-properties{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 2px 12px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.5rem;color:#1a1a1a;font-weight:700}.view-all-btn{padding:.625rem 1.25rem;background:transparent;border:2px solid #FF1493;color:#ff1493;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:#ff1493;color:#fff}.properties-quick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.property-quick-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#f9fafb}.property-quick-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#ff1493}.property-image{position:relative;width:100%;height:180px;overflow:hidden}.property-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.property-status-badge{position:absolute;top:.75rem;right:.75rem;padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:600;backdrop-filter:blur(10px)}.property-status-badge.active{background:#10b981e6;color:#fff}.property-status-badge.pending{background:#f59e0be6;color:#fff}.property-status-badge.sold,.property-status-badge.rented{background:#6b7280e6;color:#fff}.property-info{padding:1.25rem}.property-info h4{margin:0 0 .75rem;font-size:1.1rem;color:#1a1a1a;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.property-location{display:flex;align-items:center;gap:.375rem;margin:0 0 .75rem;color:#6b7280;font-size:.9rem}.property-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.property-meta .price{font-size:1.25rem;font-weight:700;color:#ff1493}.property-meta .area{font-size:.95rem;color:#6b7280;font-weight:500}.property-stats{display:flex;gap:1rem;color:#6b7280;font-size:.875rem}.property-stats span{display:flex;align-items:center;gap:.375rem}.my-properties-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 2px 12px #00000014}.properties-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.properties-header h2{margin:0;font-size:2rem;color:#1a1a1a;font-weight:700}.add-property-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.add-property-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff14934d}.properties-toolbar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:280px;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.search-box:focus-within{border-color:#ff1493;background:#fff}.search-box input{flex:1;border:none;background:transparent;font-size:1rem;outline:none;color:#1a1a1a}.filter-buttons{display:flex;gap:.75rem;background:#f9fafb;padding:.5rem;border-radius:12px}.filter-buttons button{padding:.625rem 1.25rem;border:none;background:transparent;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#6b7280}.filter-buttons button.active{background:#fff;color:#ff1493;box-shadow:0 2px 8px #00000014}.filter-buttons button:hover{color:#ff1493}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.property-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s ease}.property-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:#ff1493}.property-card-image{position:relative;width:100%;height:220px;overflow:hidden}.property-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.property-card:hover .property-card-image img{transform:scale(1.05)}.status-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;backdrop-filter:blur(10px);z-index:2}.property-card-actions{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;opacity:0;transition:opacity .3s ease}.property-card:hover .property-card-actions{opacity:1}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.action-btn:hover{transform:scale(1.1)}.action-btn.edit{color:#3b82f6}.action-btn.delete{color:#ef4444}.action-btn.share{color:#10b981}.property-card-content{padding:1.5rem}.property-type-badge{display:inline-block;padding:.375rem .875rem;background:#ffe4f3;color:#ff1493;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.property-card-content h3{margin:0 0 .75rem;font-size:1.25rem;color:#1a1a1a;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.property-card-content .location{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#6b7280;font-size:.95rem}.property-details{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:10px;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-weight:500}.detail-item.price-tag{color:#ff1493;font-weight:700;font-size:1.125rem}.property-metrics{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb;margin-bottom:.75rem;align-items:center;justify-content:space-between}.metric{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.listing-type{background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;padding:.375rem .875rem;border-radius:8px;font-size:.85rem;font-weight:600}.property-date{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.85rem}.loading-state,.empty-state,.placeholder-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#9ca3af;grid-column:1 / -1}.empty-state-inline svg{color:#d1d5db;margin-bottom:1rem}.empty-state-inline p{margin:0;font-size:1rem}.loading-state .spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#ff1493;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state svg,.placeholder-section svg{color:#d1d5db;margin-bottom:1.5rem}.empty-state h3,.placeholder-section h3{margin:0 0 .75rem;font-size:1.5rem;color:#374151}.empty-state p,.placeholder-section p{margin:0 0 1.5rem;font-size:1rem}.primary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff14934d}.add-property-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 2px 12px #00000014}.form-placeholder{padding:4rem 2rem;text-align:center;border:2px dashed #d1d5db;border-radius:16px;background:#f9fafb}.form-placeholder svg{color:#d1d5db;margin-bottom:1.5rem}.form-placeholder h3{margin:0 0 .75rem;font-size:1.5rem;color:#374151}.form-placeholder p{margin:0 0 1.5rem;color:#6b7280}@media(max-width:1024px){.dashboard-main-content{margin-right:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.properties-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.dashboard-container{padding:1rem}.welcome-header{flex-direction:column;align-items:flex-start;gap:1rem}.properties-toolbar{flex-direction:column}.filter-buttons{width:100%;justify-content:space-between}.stats-grid,.properties-grid,.properties-quick-list{grid-template-columns:1fr}.properties-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-property-btn{width:100%;justify-content:center}}@media(max-width:480px){.welcome-header h2{font-size:1.5rem}.stat-card{flex-direction:column;text-align:center}.stat-content h3{font-size:1.75rem}.property-card-content h3{font-size:1.1rem}}.maintenance-overview{padding:1.25rem;background:transparent;min-height:auto}.overview-header{background:linear-gradient(135deg,#ef4444,#dc2626);padding:2rem;border-radius:1rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #ef44444d}.overview-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.overview-header p{margin:0;opacity:.95;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.75rem;border-radius:1rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;border:2px solid transparent}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-icon{width:64px;height:64px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.total .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card.progress .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-card.completed .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card.revenue .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card.rating .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card.response .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.stat-card.customers .stat-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.stat-info{flex:1}.stat-info h3{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:#6b7280}.stat-value{margin:0;font-size:2rem;font-weight:700;color:#111827;line-height:1}.stat-label{display:block;margin-top:.375rem;font-size:.875rem;color:#9ca3af}.overview-charts{display:grid;grid-template-columns:1fr;gap:1.5rem}.chart-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000000f}.chart-card h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#111827}.chart-placeholder{padding:4rem 2rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.75rem;text-align:center}.chart-placeholder p{margin:0;font-size:1.125rem;color:#6b7280;font-weight:600}.loading-state{padding:4rem 2rem;text-align:center;background:#fff;border-radius:1rem;box-shadow:0 2px 12px #0000000f;font-size:1.125rem;color:#6b7280}@media(max-width:768px){.maintenance-overview{padding:1rem}.overview-header{padding:1.5rem}.header-content{gap:1rem}.header-icon{padding:.75rem}.overview-header h2{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-icon{width:56px;height:56px}.stat-value{font-size:1.75rem}}.maintenance-requests{padding:1.25rem;background:transparent;min-height:auto}.requests-header{background:linear-gradient(135deg,#ef4444,#dc2626);padding:2rem;border-radius:1rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #ef44444d}.requests-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.requests-header p{margin:0;opacity:.95;font-size:1rem}.requests-controls{background:#fff;padding:1.5rem;border-radius:1rem;margin-bottom:1.5rem;box-shadow:0 2px 12px #0000000f;display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;transition:all .25s ease}.search-box:focus-within{border-color:#ef4444;background:#fff;box-shadow:0 0 0 4px #ef44441a}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:#111827}.search-box input::-moz-placeholder{color:#9ca3af}.search-box input::placeholder{color:#9ca3af}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-buttons button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;font-weight:600;font-size:.95rem;color:#6b7280;cursor:pointer;transition:all .25s ease}.filter-buttons button:hover{background:#f3f4f6;border-color:#d1d5db}.filter-buttons button.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.requests-list{display:flex;flex-direction:column;gap:1.25rem}.request-card{background:#fff;padding:1.75rem;border-radius:1rem;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;border:2px solid transparent}.request-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px);border-color:#fee2e2}.request-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.customer-info{display:flex;flex-direction:column;gap:.5rem}.customer-info h3{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.service-type{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-radius:.5rem;font-size:.875rem;font-weight:600;align-self:flex-start}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;font-weight:600;font-size:.875rem}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.accepted{background:#d1fae5;color:#059669}.status-badge.rejected{background:#fee2e2;color:#dc2626}.request-description{color:#4b5563;font-size:1rem;line-height:1.6;margin:0 0 1.25rem}.request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem;padding:1.25rem;background:#f9fafb;border-radius:.75rem}.detail-item{display:flex;align-items:center;gap:.625rem;color:#6b7280;font-size:.95rem}.detail-item svg{color:#ef4444;flex-shrink:0}.detail-item.price{color:#059669;font-weight:700;font-size:1.05rem}.detail-item.price svg{color:#059669}.info-message{margin-top:1rem;padding:.875rem 1.25rem;background:#dbeafe;border:2px solid #93c5fd;border-radius:.75rem;color:#1e40af;font-size:.95rem;font-weight:600;text-align:center}.request-actions{display:flex;gap:1rem;flex-wrap:wrap}.request-actions button{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .25s ease}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-accept:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-reject{background:#fff;color:#dc2626;border:2px solid #dc2626}.btn-reject:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #dc26264d}.empty-state svg{color:#d1d5db;margin-bottom:1.5rem}.empty-state h3{margin:0 0 .5rem;font-size:1.5rem;color:#374151}.empty-state p{margin:0;color:#9ca3af;font-size:1rem}@media(max-width:768px){.maintenance-requests{padding:1rem}.requests-header{padding:1.5rem}.header-content{gap:1rem}.requests-controls{padding:1rem;flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-buttons{width:100%}.filter-buttons button{flex:1}.request-card{padding:1.25rem}.request-details{grid-template-columns:1fr}.request-actions{flex-direction:column}.request-actions button{width:100%}}.detail-item.payment{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:.5rem;padding:.75rem;grid-column:span 2;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.detail-item.payment svg{color:#0284c7}.payment-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;margin-right:auto}.payment-badge.paid{background:#dcfce7;color:#166534}.payment-badge.awaiting{background:#fef3c7;color:#92400e}.payment-badge.pending{background:#e0e7ff;color:#3730a3}.payment-badge.refunded{background:#fce7f3;color:#9d174d}.maintenance-portfolio{padding:1.25rem;background:transparent;min-height:auto}.portfolio-header{background:linear-gradient(135deg,#ef4444,#dc2626);padding:2rem;border-radius:1rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #ef44444d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.portfolio-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.portfolio-header p{margin:0;opacity:.95;font-size:1rem}.btn-add-image{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:#fff;color:#ef4444;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #0000001a}.btn-add-image:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.portfolio-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:all .3s ease}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.image-container{position:relative;width:100%;height:240px;overflow:hidden;background:#f3f4f6}.image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.portfolio-card:hover .image-container img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;justify-content:flex-end;gap:.75rem;padding:1rem;opacity:0;transition:opacity .3s ease}.portfolio-card:hover .image-overlay{opacity:1}.btn-view,.btn-delete{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.btn-view{background:#3b82f6f2;color:#fff}.btn-view:hover{background:#3b82f6;transform:scale(1.1)}.btn-delete{background:#ef4444f2;color:#fff}.btn-delete:hover{background:#ef4444;transform:scale(1.1)}.image-info{padding:1.5rem}.image-info h3{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;color:#111827}.image-info p{margin:0 0 1rem;color:#6b7280;font-size:.95rem;line-height:1.5}.image-date{display:inline-block;padding:.375rem .875rem;background:#fef2f2;color:#dc2626;border-radius:.5rem;font-size:.875rem;font-weight:600}.empty-portfolio{padding:4rem 2rem;text-align:center;background:#fff;border-radius:1rem;box-shadow:0 2px 12px #0000000f}.empty-portfolio svg{color:#d1d5db;margin-bottom:1.5rem}.empty-portfolio h3{margin:0 0 .75rem;font-size:1.5rem;color:#374151}.empty-portfolio p{margin:0 0 2rem;color:#9ca3af;font-size:1rem}.btn-upload-first{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #ef44444d}.btn-upload-first:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.upload-modal{background:#fff;border-radius:1rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:2px solid #f3f4f6}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.btn-close{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;color:#6b7280}.btn-close:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;font-size:.95rem;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1.125rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;color:#111827;transition:all .25s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.form-group textarea{resize:vertical;min-height:80px}.hint{display:block;margin-top:.5rem;font-size:.875rem;color:#9ca3af}.image-preview{margin-top:1.5rem;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px #0000001a}.image-preview img{width:100%;height:240px;-o-object-fit:cover;object-fit:cover}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #f3f4f6}.btn-cancel,.btn-save{flex:1;padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .25s ease}.btn-cancel{background:#f3f4f6;color:#6b7280}.btn-cancel:hover{background:#e5e7eb;color:#374151}.btn-save{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;gap:.625rem;box-shadow:0 4px 12px #ef44444d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.maintenance-portfolio{padding:1rem}.portfolio-header{padding:1.5rem;flex-direction:column;align-items:flex-start}.btn-add-image{width:100%;justify-content:center}.portfolio-grid{grid-template-columns:1fr}.upload-modal{margin:0}.modal-header,.modal-body,.modal-footer{padding:1.5rem}.modal-footer{flex-direction:column}}.maintenance-reviews{padding:1.25rem;background:transparent;min-height:auto}.reviews-header{background:linear-gradient(135deg,#ef4444,#dc2626);padding:2rem;border-radius:1rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #ef44444d}.reviews-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.reviews-header p{margin:0;opacity:.95;font-size:1rem}.rating-summary{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000000f;margin-bottom:2rem;display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:center}.overall-rating{text-align:center;padding:2rem;background:linear-gradient(135deg,#fef2f2,#fff7ed);border-radius:1rem}.rating-number{font-size:4rem;font-weight:700;color:#ef4444;line-height:1;margin-bottom:1rem}.stars-large{display:flex;justify-content:center;gap:.375rem;margin-bottom:1rem}.total-reviews{margin:0;color:#6b7280;font-size:1rem;font-weight:600}.rating-bars{display:flex;flex-direction:column;gap:1rem}.rating-bar-row{display:flex;align-items:center;gap:1rem}.star-label{display:flex;align-items:center;gap:.25rem;font-weight:600;color:#374151;min-width:50px}.bar-container{flex:1;height:12px;background:#e5e7eb;border-radius:1rem;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);transition:width .5s ease;border-radius:1rem}.bar-count{min-width:40px;text-align:center;font-weight:600;color:#6b7280;font-size:.95rem}.reviews-list{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000000f}.section-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#111827;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.review-card{padding:1.75rem;border:2px solid #f3f4f6;border-radius:1rem;margin-bottom:1.25rem;transition:all .3s ease}.review-card:hover{border-color:#fca5a5;box-shadow:0 4px 16px #ef44441a;transform:translateY(-2px)}.review-card:last-child{margin-bottom:0}.review-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.reviewer-info{display:flex;gap:1rem;align-items:center}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.reviewer-info h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#111827}.review-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.service-badge{display:inline-block;padding:.25rem .75rem;background:#fef2f2;color:#dc2626;border-radius:.5rem;font-size:.875rem;font-weight:600}.review-date{display:flex;align-items:center;gap:.375rem;color:#9ca3af;font-size:.875rem}.stars-small{display:flex;gap:.25rem}.review-comment{margin:0 0 1.25rem;color:#4b5563;font-size:1rem;line-height:1.6;padding:1rem;background:#f9fafb;border-radius:.75rem;border-right:4px solid #ef4444}.review-actions{display:flex;gap:1rem}.btn-like,.btn-reply{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;font-weight:600;font-size:.95rem;color:#6b7280;cursor:pointer;transition:all .25s ease}.btn-like:hover{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.btn-reply:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}@media(max-width:768px){.maintenance-reviews{padding:1rem}.reviews-header{padding:1.5rem}.header-content{gap:1rem}.rating-summary{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.overall-rating{padding:1.5rem}.rating-number{font-size:3rem}.reviews-list{padding:1.5rem}.review-card{padding:1.25rem}.reviewer-info,.stars-small{width:100%}.review-actions{flex-direction:column}.btn-like,.btn-reply{width:100%;justify-content:center}}.maintenance-inprogress{padding:1.25rem;background:transparent;min-height:auto}.loading-state{padding:4rem 2rem;text-align:center;background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;font-size:1.125rem;color:#6b7280;font-weight:600}.inprogress-header{background:linear-gradient(135deg,#ef4444,#dc2626);padding:2rem;border-radius:1rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #ef44444d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-content{display:flex;align-items:center;gap:1.5rem}.header-icon{background:#fff3;padding:1rem;border-radius:.75rem;backdrop-filter:blur(10px)}.inprogress-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.inprogress-header p{margin:0;opacity:.95;font-size:1rem}.active-count{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#fff3;border-radius:.75rem;backdrop-filter:blur(10px)}.count-badge{background:#fff;color:#ef4444;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.active-count span:last-child{font-weight:600;font-size:1rem}.orders-container{display:flex;flex-direction:column;gap:1.5rem}.order-card-active{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000000f;border:2px solid transparent;transition:all .3s ease}.order-card-active:hover{border-color:#fca5a5;box-shadow:0 8px 24px #ef444426;transform:translateY(-2px)}.order-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.customer-details{display:flex;flex-direction:column;gap:.625rem}.customer-details h3{margin:0;font-size:1.375rem;font-weight:700;color:#111827}.service-tag{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-radius:.5rem;font-size:.875rem;font-weight:600;align-self:flex-start}.status-badge-active{padding:.625rem 1.25rem;border-radius:.75rem;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 4px 12px #00000026}.order-description{margin:0 0 1.5rem;color:#4b5563;font-size:1.05rem;line-height:1.6}.progress-section{margin-bottom:1.5rem;padding:1.25rem;background:#f9fafb;border-radius:.75rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-label{font-weight:600;color:#374151;font-size:.95rem}.progress-percentage{font-weight:700;color:#ef4444;font-size:1.125rem}.progress-bar{width:100%;height:16px;background:#e5e7eb;border-radius:1rem;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:1rem;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.detail-box{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:#f9fafb;border-radius:.75rem;border:2px solid #f3f4f6;transition:all .25s ease;position:relative}.detail-box:hover{border-color:#fca5a5;background:#fef2f2}.location-box{padding-left:3.5rem}.btn-navigate-small{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 6px #3b82f64d}.btn-navigate-small:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #3b82f680}.detail-icon{color:#ef4444;flex-shrink:0}.detail-box>div{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;color:#9ca3af;font-weight:500}.detail-value{font-size:.95rem;color:#111827;font-weight:600}.time-remaining{color:#ef4444!important;font-weight:700!important}.price-box .detail-icon{color:#10b981}.price{color:#10b981!important;font-size:1.125rem!important;font-weight:700!important}.order-actions-active{display:flex;gap:1rem;flex-wrap:wrap}.order-actions-active button{flex:1;min-width:160px;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .25s ease}.btn-message{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-message:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-update{background:#fff;color:#f59e0b;border:2px solid #f59e0b}.btn-update:hover{background:#f59e0b;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d}.btn-complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-complete:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.empty-state{padding:4rem 2rem;text-align:center;background:#fff;border-radius:1rem;box-shadow:0 2px 12px #0000000f}.empty-state svg{color:#10b981;margin-bottom:1.5rem}.empty-state h3{margin:0 0 .75rem;font-size:1.5rem;color:#374151}.empty-state p{margin:0;color:#9ca3af;font-size:1.125rem}@media(max-width:768px){.maintenance-inprogress{padding:1rem}.inprogress-header{padding:1.5rem;flex-direction:column;align-items:flex-start}.active-count{width:100%;justify-content:center}.order-card-active{padding:1.5rem}.customer-details h3{font-size:1.25rem}.order-details-grid{grid-template-columns:1fr}.order-actions-active{flex-direction:column}.order-actions-active button{width:100%}}.maintenance-dashboard{display:flex;flex-direction:column;height:100%;min-height:0;background:transparent;overflow:hidden}.maintenance-dashboard .dashboard-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}.add-service-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));animation:fadeIn .2s ease-out}.add-service-modal{width:100%;max-width:900px;max-height:90vh;background:#fff;direction:rtl;border-radius:1.5rem;box-shadow:0 25px 80px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}@media(max-width:768px){.add-service-modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.add-service-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;box-shadow:none}.modal-content{padding:1rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.close-btn{width:40px;height:40px;border-radius:.75rem;border:none;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-content{flex:1;overflow-y:auto;padding:2rem}.service-type-selection h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;text-align:center}.service-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.service-type-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:1.25rem;cursor:pointer;transition:all .3s;text-align:right}.service-type-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.service-type-icon{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.service-type-info{flex:1}.service-type-info h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .375rem}.service-type-info p{font-size:.875rem;color:#6b7280;margin:0}.service-form{display:flex;flex-direction:column;gap:2rem}.selected-type-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:1.25rem}.selected-type-icon{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.selected-type-header>div{flex:1}.selected-type-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .375rem}.change-type-btn{padding:.375rem .875rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.change-type-btn:hover{border-color:#667eea;color:#667eea}.form-section{display:flex;flex-direction:column;gap:1rem}.section-title{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;color:#1f2937;margin:0;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#374151}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9375rem;font-family:inherit;color:#1f2937;outline:none;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-group textarea{resize:vertical;min-height:100px}.location-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:2px dashed #667eea;border-radius:.75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#667eea;font-weight:600;cursor:pointer;transition:all .2s}.location-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-2px)}.image-upload-section{display:flex;flex-direction:column;gap:1rem}.upload-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:2px dashed #d1d5db;border-radius:.75rem;background:#f9fafb;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s}.upload-btn:hover{border-color:#667eea;background:#eff6ff;color:#667eea}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.image-preview{position:relative;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:all .2s}.image-preview.invalid{border-color:#fca5a5;background:#fef2f2}.image-preview img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.image-info{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.image-size{font-size:.75rem;color:#6b7280}.validation-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600}.validation-status.valid{color:#10b981}.validation-status.invalid{color:#ef4444}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:.5rem;border:none;background:#ef4444e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:0}.image-preview:hover .remove-image-btn{opacity:1}.tags-input{display:flex;gap:.5rem}.tags-input input{flex:1;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9375rem;outline:none;transition:all .2s}.tags-input input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.add-tag-btn{width:48px;height:48px;border-radius:.75rem;border:none;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.add-tag-btn:hover{background:#5568d3;transform:scale(1.05)}.tag{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:.75rem;color:#1e40af;font-size:.875rem;font-weight:600}.tag button{width:18px;height:18px;border-radius:50%;border:none;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.tag button:hover{background:#2563eb;transform:scale(1.1)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .2s}.checkbox-label:hover{border-color:#667eea;background:#eff6ff}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.checkbox-label span{font-weight:600;color:#374151}.form-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.cancel-btn,.create-btn{flex:1;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#6b7280}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.create-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.add-service-modal{max-width:100%;max-height:100vh;border-radius:0}.modal-content{padding:1.5rem}.form-grid,.service-types-grid,.images-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.options-grid{grid-template-columns:1fr}}.location-picker{width:100%}.location-input-container{position:relative}.address-input-wrapper{position:relative;margin-bottom:1rem}.address-input{width:100%;min-height:60px;padding:12px 60px 12px 40px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fff;direction:rtl;text-align:right}.address-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-icon{position:absolute;right:12px;top:18px;color:#64748b;z-index:2}.input-actions{position:absolute;left:8px;top:8px;display:flex;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;min-width:36px;height:36px;border:none;border-radius:8px;background:#f8fafc;color:#475569;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.detecting-text{font-size:12px;font-weight:500;color:#059669;animation:pulse 1.5s infinite}.action-btn:hover{background:#e2e8f0;color:#334155}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.detect-location:hover{background:#dcfdf4;color:#059669}.action-btn.open-map:hover{background:#dbeafe;color:#2563eb}.action-btn.saved-addresses:hover{background:#fef3c7;color:#d97706}.action-btn.save-address:hover{background:#e0e7ff;color:#5b21b6}.loading-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.saved-addresses-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:300px;overflow:hidden}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.dropdown-header h4{margin:0;font-size:14px;font-weight:600;color:#334155}.close-dropdown{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.close-dropdown:hover{background:#e2e8f0;color:#334155}.search-saved{display:flex;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0;gap:8px}.search-saved svg{color:#64748b;flex-shrink:0}.search-saved input{flex:1;border:none;outline:none;font-size:14px;direction:rtl;text-align:right}.addresses-list{max-height:200px;overflow-y:auto}.saved-address-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease}.saved-address-item:hover{background:#f8fafc}.saved-address-item:last-child{border-bottom:none}.address-content{flex:1;display:flex;align-items:center;gap:12px}.address-content svg{color:#64748b;flex-shrink:0}.address-text{flex:1;min-width:0}.address-main{display:block;font-size:14px;font-weight:500;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address-details{display:block;font-size:12px;color:#64748b;margin-top:2px}.delete-address{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease;margin-left:8px}.delete-address:hover{background:#fee2e2;color:#dc2626}.no-results{padding:20px;text-align:center;color:#64748b;font-size:14px}.address-details-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:1rem}.detail-group{display:flex;gap:12px}.detail-input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;direction:rtl;text-align:right}.detail-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.detail-input.small{flex:1}.detail-input.full-width{width:100%}.address-preview{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem}.address-preview h5{margin:0 0 8px;font-size:13px;font-weight:600;color:#475569}.preview-content{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.preview-content svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.preview-content span{font-size:14px;color:#334155;line-height:1.4}.coordinates-info{display:flex;align-items:center;gap:6px;margin-top:4px}.coordinates-info svg{color:#64748b}.coordinates-info span{font-size:12px;color:#64748b;font-family:monospace}.map-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.map-modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.map-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.map-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#334155}.close-map{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.close-map:hover{background:#e2e8f0;color:#334155}.map-container{flex:1;min-height:400px}.map-modal-actions{display:flex;gap:12px;padding:20px;background:#f8fafc;border-top:1px solid #e2e8f0}.cancel-btn{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-btn:hover{background:#2563eb}@media(max-width:768px){.detail-group{flex-direction:column}.map-modal{padding:10px}.map-modal-content{max-height:95vh}.input-actions{flex-direction:column;top:4px;left:4px}.address-input{padding-left:50px}}.store-form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:11000;padding:20px}.store-form{background:#fff;border-radius:24px;max-width:1200px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.store-form .form-header{padding:24px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:24px 24px 0 0;background:#10b981!important}.store-form .header-content{display:flex;align-items:center;gap:16px}.store-form h2{margin:0;font-size:28px;font-weight:800}.store-form .header-content p{margin:4px 0 0;opacity:.9;font-size:14px}.business-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.business-type-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500}.business-type-item:hover{border-color:#10b981;background:#d1fae5}.business-type-item.selected{border-color:#10b981;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.business-type-item .business-icon{font-size:24px}.business-type-item.selected .business-icon{transform:scale(1.1)}.day-hours{display:grid;grid-template-columns:100px 1fr auto 1fr auto;gap:12px;align-items:center;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.day-hours input[type=time]:focus{outline:none;border-color:#10b981;background:#d1fae5}.checkbox-inline input[type=checkbox]{width:18px;height:18px;cursor:pointer}.services-subtitle{font-size:14px;font-weight:400;color:#6b7280;margin-inline-start:8px}.service-item:hover{border-color:#10b981;background:#d1fae5}.service-item.selected{border-color:#10b981;background:#10b981;color:#fff}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.payment-method-item:hover{border-color:#10b981;background:#d1fae5}.payment-method-item.selected{border-color:#10b981;background:#10b981;color:#fff}.store-form .form-group input:focus,.store-form .form-group select:focus,.store-form .form-group textarea:focus{border-color:#10b981;background:#d1fae5}.store-form .upload-label:hover{border-color:#10b981;background:#d1fae5}.store-form .btn-primary{background:linear-gradient(135deg,#10b981,#059669)}.store-form .btn-primary:hover{box-shadow:0 8px 24px #10b98166}@media(max-width:768px){.store-form-overlay{padding:0;align-items:stretch;justify-content:stretch}.store-form{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.store-form .form-header{position:sticky;top:0;z-index:1;border-radius:0}.store-form .service-form-content{flex:1;overflow-y:auto;padding:16px}.day-hours{grid-template-columns:1fr;gap:8px}.day-label{font-weight:700}.services-grid,.payment-methods-grid,.business-type-grid{grid-template-columns:repeat(2,1fr)}.business-type-item{padding:12px 8px;font-size:12px}.business-type-item .business-icon{font-size:20px}}@media(max-width:480px){.services-grid,.payment-methods-grid{grid-template-columns:1fr}.business-type-grid{grid-template-columns:repeat(2,1fr)}}.image-upload-area{display:flex;flex-direction:column;gap:12px}.upload-label{display:flex;gap:12px;align-items:center;padding:16px;border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;background:#fff}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.image-preview{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.image-info{padding:8px;font-size:12px;color:#374151;display:flex;justify-content:space-between;align-items:center}.remove-image-btn{position:absolute;top:6px;left:6px;background:#ffffffe6;border:none;padding:6px;border-radius:6px;cursor:pointer}.validation-status.valid{color:#059669}.validation-status.invalid{color:#dc2626}.location-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.location-btn:hover{background:#d1fae5;border-color:#10b981}.restaurant-form{background:#fff;border-radius:24px;max-width:1200px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.restaurant-form .form-header{padding:24px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:24px 24px 0 0;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.restaurant-form .header-content{display:flex;align-items:center;gap:16px}.restaurant-form h2{margin:0;font-size:28px;font-weight:800}.restaurant-form .header-content p{margin:4px 0 0;opacity:.9;font-size:14px}.working-hours{display:flex;flex-direction:column;gap:12px}.day-hours{display:grid;grid-template-columns:100px 1fr auto 1fr auto;gap:12px;align-items:center;padding:12px;background:#fff;border-radius:8px;border:2px solid #e5e7eb;transition:all .3s}.day-hours:hover{border-color:#2563eb;background:#eff6ff}.day-label{font-weight:600;color:#374151}.day-hours input[type=time]{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s}.day-hours input[type=time]:focus{outline:none;border-color:#2563eb;background:#eff6ff}.day-hours input[type=time]:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.day-hours span{color:#6b7280;font-size:14px}.checkbox-inline{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.checkbox-inline input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.feature-item{padding:14px 18px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500}.feature-item:hover{border-color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.feature-item.selected{border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb4d}.feature-item svg{flex-shrink:0}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.service-item{padding:12px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500}.service-item:hover{border-color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.service-item.selected{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb4d}.specialties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.specialty-item{padding:12px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500}.specialty-item:hover{border-color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.specialty-item.selected{border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb4d}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.payment-method-item{padding:12px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500}.payment-method-item:hover{border-color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.payment-method-item.selected{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb4d}.restaurant-form .form-group input:focus,.restaurant-form .form-group select:focus,.restaurant-form .form-group textarea:focus{border-color:#2563eb;background:#eff6ff}.restaurant-form .upload-label:hover{border-color:#2563eb;background:#eff6ff}.restaurant-form .btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.restaurant-form .btn-primary:hover{box-shadow:0 8px 24px #2563eb66}.restaurant-form .form-group.checkbox-group{flex-direction:row;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;border:2px solid #e5e7eb;transition:all .3s}.restaurant-form .form-group.checkbox-group:has(input:checked){background:#eff6ff;border-color:#2563eb}.restaurant-form .form-group.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;width:100%}.restaurant-form .form-group.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2563eb}.restaurant-form .section-title{display:flex;align-items:center;gap:10px;color:#2563eb}.restaurant-form .section-title svg{color:#2563eb}.restaurant-form .form-section{margin-bottom:32px;padding:28px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:16px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #00000008}.restaurant-form .form-section:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}@media(max-width:768px){.day-hours{grid-template-columns:1fr;gap:8px}.day-label{font-weight:700;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.features-grid,.services-grid,.specialties-grid,.payment-methods-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.restaurant-form .header-content{gap:12px}.restaurant-form h2{font-size:22px}.features-grid,.services-grid,.specialties-grid,.payment-methods-grid{grid-template-columns:1fr}}@keyframes pulseBlue{0%,to{box-shadow:0 4px 12px #2563eb4d}50%{box-shadow:0 8px 20px #2563eb80}}.feature-item.selected,.service-item.selected,.specialty-item.selected,.payment-method-item.selected{animation:pulseBlue 2s ease-in-out infinite}:root{--ac-primary: #f59e0b;--ac-primary-700: #d97706;--ac-muted: #9ca3af;--ac-border: #e5e7eb;--ac-bg: #f9fafb;--ac-text: #111827;--ac-white: #ffffff;--ac-success: #10b981;--ac-info: #3b82f6;--ac-warning: #f59e0b;--ac-surf: #06b6d4}.accommodation-form-advanced{background:var(--ac-white);border-radius:16px;max-width:100%;direction:rtl}.accommodation-form-advanced form{padding:0}.form-section{margin-bottom:16px;background:var(--ac-white);border-radius:16px;border:2px solid var(--ac-border);overflow:hidden;transition:all .3s ease}.form-section:hover{border-color:#d1d5db}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--ac-bg);border-bottom:1px solid var(--ac-border)}.section-header.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.section-header.clickable:hover{background:#f3f4f6}.section-title-row{display:flex;align-items:center;gap:12px}.section-title-row svg{color:var(--ac-primary)}.section-title-row h4{margin:0;font-size:16px;font-weight:700;color:var(--ac-text)}.section-title-row .badge{background:var(--ac-primary);color:#fff;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:700}.section-title-row .badge.highlight{background:linear-gradient(135deg,#06b6d4,#0891b2)}.section-title-row .badge.success{background:var(--ac-success)}.section-content{padding:20px}.type-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:8px}.type-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--ac-white);border:2px solid var(--ac-border);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.type-card:hover{border-color:var(--ac-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.type-card.selected{border-color:var(--ac-primary);background:linear-gradient(135deg,#fef3c720,#fef3c740);box-shadow:0 4px 16px #f59e0b33}.type-card.selected svg{color:var(--ac-primary)}.type-card svg{color:#6b7280;transition:color .3s ease}.type-label{font-weight:700;font-size:14px;color:var(--ac-text)}.type-desc{font-size:11px;color:var(--ac-muted);line-height:1.3}.stars-selector{display:flex;gap:8px}.star-btn{background:none;border:none;padding:4px;cursor:pointer;transition:transform .2s ease}.star-btn:hover{transform:scale(1.2)}.star-btn.active svg{color:#ffc107}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid.four-cols{grid-template-columns:repeat(4,1fr)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.form-group label svg{color:var(--ac-muted)}.location-confirmed{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#10b98115,#10b98108);border:2px solid var(--ac-success);border-radius:12px;margin-top:12px;animation:slideInFromTop .4s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-icon{font-size:20px}.location-text{font-weight:600;color:var(--ac-success);font-size:14px}.location-coords{color:var(--ac-muted);font-size:12px;font-family:Courier New,monospace;margin-right:auto}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:2px solid var(--ac-border);border-radius:10px;font-size:14px;transition:all .3s;font-family:inherit;background:var(--ac-white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ac-primary);background:#fffbeb}.form-group textarea{resize:vertical;min-height:70px}.price-input{display:flex;gap:8px}.price-input input{flex:1}.price-input select{width:90px}.field-error{color:#ef4444;font-size:12px;margin-top:4px}.room-form-card,.package-form-card,.activity-form-card{background:var(--ac-bg);border:2px solid var(--ac-border);border-radius:14px;padding:18px;margin-bottom:14px;position:relative}.room-card-header,.package-card-header,.activity-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--ac-border)}.room-number,.package-number,.activity-number{font-weight:700;color:var(--ac-primary);font-size:14px;display:flex;align-items:center;gap:6px}.linked-room-card{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:2px solid #0ea5e9;border-radius:12px;padding:14px;margin-top:8px}.linked-room-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed #7dd3fc}.linked-room-icon{font-size:18px}.linked-room-title{font-weight:700;font-size:14px;color:#0369a1}.linked-room-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.linked-room-item{display:flex;flex-direction:column;gap:2px}.linked-room-item .label{font-size:11px;color:#64748b;font-weight:500}.linked-room-item .value{font-size:13px;color:#0c4a6e;font-weight:700}.room-images-upload{display:flex;flex-direction:column;gap:12px;margin-top:10px;padding:16px;background:linear-gradient(135deg,#fef3c720,#fef3c740);border:2px solid #fde68a;border-radius:12px}.room-upload-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border:3px dashed var(--ac-primary);border-radius:12px;background:var(--ac-white);cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:700;color:var(--ac-primary)}.room-upload-label:hover{border-style:solid;background:#fef3c7;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.room-upload-label svg{color:inherit;width:24px;height:24px}.room-images-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.room-image-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--ac-border);aspect-ratio:1}.room-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.remove-room-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-room-image-btn:hover{background:#dc2626;transform:scale(1.1)}@media(max-width:480px){.room-images-grid{grid-template-columns:repeat(3,1fr)}}.package-number{color:var(--ac-surf)}.remove-btn{background:#fee2e2;border:none;color:#ef4444;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#fecaca;transform:scale(1.05)}.package-includes-section{margin-top:16px;padding-top:16px;border-top:1px dashed var(--ac-border)}.package-includes-section h5{margin:0 0 12px;font-size:14px;color:var(--ac-text);font-weight:700}.includes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#374151}.checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--ac-primary)}.checkbox-item.main-toggle{font-size:15px;font-weight:600;padding:12px;background:var(--ac-bg);border-radius:10px;margin-bottom:14px}.checkbox-item.main-toggle input[type=checkbox]{width:20px;height:20px}.number-input-item{display:flex;flex-direction:column;gap:4px}.number-input-item label{font-size:12px;color:#6b7280}.number-input-item input{width:70px;padding:6px 10px;border:1px solid var(--ac-border);border-radius:8px;font-size:13px}.meals-selection,.levels-selection,.cuisine-selection,.meal-plans-selection{margin-top:14px}.meals-selection h6,.levels-selection h6,.cuisine-selection h6,.meal-plans-selection h6{margin:0 0 10px;font-size:13px;font-weight:600;color:#6b7280}.meals-checkboxes,.levels-checkboxes,.cuisine-checkboxes,.meal-plans-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--ac-white);border:2px dashed var(--ac-primary);border-radius:12px;color:var(--ac-primary);font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;margin-top:12px}.add-item-btn:hover{background:#fef3c7;border-style:solid}.add-item-btn.highlight{border-color:var(--ac-surf);color:var(--ac-surf)}.add-item-btn.highlight:hover{background:#e0f7ff}.add-item-btn.small{width:auto;padding:10px 16px;font-size:13px}.surf-packages-section{margin-top:18px;padding-top:16px;border-top:1px dashed var(--ac-border)}.surf-packages-section h6{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ac-text)}.surf-package-item{position:relative;padding:12px;background:var(--ac-white);border:1px solid var(--ac-border);border-radius:10px;margin-bottom:10px}.remove-inline-btn{position:absolute;top:8px;left:8px;background:#fee2e2;border:none;color:#ef4444;padding:4px;border-radius:6px;cursor:pointer;opacity:0;transition:all .2s ease}.surf-package-item:hover .remove-inline-btn{opacity:1}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.amenity-item{padding:10px 14px;border:2px solid var(--ac-border);background:#fff;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s;font-size:13px;font-weight:500}.amenity-item:hover{border-color:var(--ac-primary);background:#fffbeb}.amenity-item.selected{border-color:var(--ac-primary);background:var(--ac-primary);color:var(--ac-white)}.amenity-icon{font-size:16px}.custom-amenity-input{display:flex;gap:8px;margin-top:12px}.custom-amenity-input input{flex:1;padding:10px 14px;border:2px solid var(--ac-border);border-radius:10px;font-size:13px}.custom-amenity-input input:focus{outline:none;border-color:var(--ac-primary)}.add-amenity-btn{background:var(--ac-primary);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease}.add-amenity-btn:hover:not(:disabled){background:var(--ac-primary-700)}.add-amenity-btn:disabled{opacity:.5;cursor:not-allowed}.upload-area{margin-bottom:16px}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;border:3px dashed #d1d5db;border-radius:14px;background:var(--ac-bg);cursor:pointer;transition:all .3s;position:relative}.upload-label:hover{border-color:var(--ac-primary);background:#fffbeb}.upload-label svg{color:var(--ac-muted)}.upload-label p{margin:0;font-size:15px;font-weight:600;color:#374151}.upload-label span{font-size:12px;color:var(--ac-muted)}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.image-preview{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--ac-border);background:#fff}.image-preview img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border:none;padding:4px 6px;border-radius:6px;cursor:pointer;transition:all .2s ease}.remove-image-btn:hover{background:#ef4444}.quality-badge{position:absolute;left:6px;bottom:6px;background:#0009;color:#fff;padding:3px 6px;border-radius:6px;font-size:10px}.policies-checkboxes{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.pricing-note{background:#fef3c7;padding:14px 16px;border-radius:10px;border:1px solid #fde68a}.pricing-note p{margin:0;font-size:14px;color:#92400e}.section-hint{margin:0 0 16px;padding:10px 14px;background:#f0f9ff;border-radius:8px;color:#0369a1;font-size:13px;border-left:3px solid #0ea5e9}.terms-checkbox{padding:16px;background:var(--ac-bg);border-radius:10px}.terms-checkbox span{font-weight:600}.final-section{background:transparent;border:none;padding:0}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:2px solid var(--ac-border)}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;border:none}.btn-primary{background:linear-gradient(135deg,var(--ac-primary),var(--ac-primary-700));color:var(--ac-white)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b59}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{background:var(--ac-white);color:#6b7280;border:2px solid var(--ac-border)}.btn-secondary:hover{border-color:var(--ac-muted);background:var(--ac-bg)}.form-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px;font-weight:500}@media(max-width:1024px){.form-grid.four-cols{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-grid.four-cols,.type-selector-grid,.amenities-grid{grid-template-columns:repeat(2,1fr)}.includes-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}.section-content{padding:16px}.room-form-card,.package-form-card,.activity-form-card{padding:14px}}@media(max-width:480px){.type-selector-grid{grid-template-columns:1fr 1fr}.type-card{padding:12px 8px}.type-card svg{width:24px;height:24px}.type-label{font-size:12px}.type-desc{display:none}.form-grid.four-cols{grid-template-columns:1fr 1fr}.amenities-grid{grid-template-columns:1fr}.image-previews{grid-template-columns:repeat(3,1fr)}.section-header{padding:12px 16px}.section-title-row h4{font-size:14px}.stars-selector{flex-wrap:wrap}.upload-label{padding:24px 16px}.upload-label p{font-size:13px}}@media(prefers-color-scheme:dark){.accommodation-form-advanced{background:#1f2937;color:#f9fafb}.form-section{background:#1f2937;border-color:#374151}.section-header{background:#111827;border-color:#374151}.section-title-row h4{color:#f9fafb}.form-group label{color:#d1d5db}.form-group input,.form-group select,.form-group textarea{background:#111827;border-color:#374151;color:#f9fafb}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#1f2937;border-color:var(--ac-primary)}.type-card{background:#111827;border-color:#374151;color:#f9fafb}.type-card:hover{background:#1f2937}.type-card.selected{background:#292524}.room-form-card,.package-form-card,.activity-form-card{background:#111827;border-color:#374151}.amenity-item{background:#111827;border-color:#374151;color:#f9fafb}.amenity-item:hover{background:#1f2937}.upload-label{background:#111827;border-color:#4b5563}.btn-secondary{background:#374151;color:#f9fafb;border-color:#4b5563}}.transport-form{padding:1rem;border:2px dashed #e5e7eb;border-radius:.75rem;background:#fff}.transport-form .muted{color:#6b7280}.maintenance-form-pro{padding:2rem;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:1rem;direction:rtl;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(239,68,68,.1)}.form-header-pro{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f3f4f6}.header-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626);width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #ef44444d;animation:pulseGlow 3s ease-in-out infinite;flex-shrink:0}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 6px 16px #ef44444d}50%{transform:scale(1.05);box-shadow:0 8px 24px #ef444466}}.header-icon{color:#fff}.form-header-pro h3{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem}.form-subtitle{color:#6b7280;font-size:.95rem;margin:0;font-weight:400}.form-section-pro{margin-bottom:1.5rem}.label-pro{display:block;font-weight:600;font-size:1rem;color:#111827;margin-bottom:.5rem}.required{color:#ef4444;margin-right:.25rem;font-weight:700}.hint-text{color:#9ca3af;font-size:.875rem;margin:.25rem 0 .75rem;font-weight:400}.input-pro,.select-pro,.textarea-pro{width:100%;padding:.875rem 1.125rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit;color:#111827}.textarea-pro{resize:vertical;min-height:80px}.input-pro:focus,.select-pro:focus,.textarea-pro:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f;transform:translateY(-1px)}.input-pro::-moz-placeholder,.textarea-pro::-moz-placeholder{color:#9ca3af}.input-pro::placeholder,.textarea-pro::placeholder{color:#9ca3af}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-add-tag{padding:.875rem 1.75rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 12px #ef444440}.btn-add-tag:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.tag-chip-pro{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:2rem;font-size:.9rem;font-weight:600;cursor:default;box-shadow:0 3px 10px #ef444440;animation:slideInTag .3s ease}@keyframes slideInTag{0%{opacity:0;transform:translate(20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.tag-chip-pro:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ef444459}.tag-remove{background:#ffffff40;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;color:#fff}.tag-remove:hover{background:#fff6;transform:rotate(90deg)}.checkbox-label-pro{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.checkbox-label-pro:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ef4444,#dc2626);opacity:0;transition:opacity .25s ease}.checkbox-label-pro:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef44441f}.checkbox-label-pro input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ef4444;position:relative;z-index:1}.upload-section{padding:1.75rem;background:linear-gradient(135deg,#fef2f2,#fff7ed);border:2px dashed #fca5a5;border-radius:1rem;transition:all .3s ease}.drop-zone{padding:2.5rem 2rem;border:3px dashed #d1d5db;border-radius:1rem;background:#fff;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.drop-zone:hover{border-color:#ef4444;background:#fef2f2;transform:scale(1.01)}.drop-zone.dragging{border-color:#ef4444;border-width:4px;background:linear-gradient(135deg,#fef2f2,#fff7ed);transform:scale(1.02);box-shadow:0 8px 24px #ef444433}.drop-icon{color:#ef4444;margin:0 auto 1rem;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.btn-upload-pro{width:100%;padding:1rem;background:#fff;border:2px solid #ef4444;color:#ef4444;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-upload-pro:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #ef444440}.images-grid-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1.25rem}.image-preview-pro{position:relative;aspect-ratio:1;border-radius:.75rem;overflow:hidden;background:#e5e7eb;box-shadow:0 4px 12px #00000014;transition:all .3s ease;animation:zoomIn .4s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.image-preview-pro:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0000001f}.image-preview-pro.invalid{border:3px solid #fca5a5}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;justify-content:space-between;padding:.625rem;opacity:0;transition:opacity .25s ease}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fffffff2;border-radius:.375rem;font-size:.75rem;font-weight:600;align-self:flex-start}.btn-remove-image{align-self:flex-end;background:#ef4444f2;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1) rotate(90deg)}.documents-list-pro{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.document-item-pro{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:slideInDoc .3s ease}@keyframes slideInDoc{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.document-item-pro:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef44441a;transform:translate(-3px)}.btn-remove-doc:hover{background:#fca5a5;transform:rotate(90deg) scale(1.1)}@media(max-width:768px){.maintenance-form-pro{padding:1.5rem}.form-header-pro h3{font-size:1.25rem}.form-grid-2,.checkboxes-grid{grid-template-columns:1fr}.images-grid-pro{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.drop-zone{padding:2rem 1.5rem}.header-icon-wrapper{width:48px;height:48px}}.form-section-pro{margin-bottom:1.75rem}.label-pro{display:block;font-weight:600;font-size:1rem;color:#1f2937;margin-bottom:.5rem}.required{color:#ef4444;margin-right:.25rem}.hint-text{color:#9ca3af;font-size:.875rem;margin:.25rem 0 .75rem}.input-pro,.select-pro,.textarea-pro{width:100%;padding:1rem 1.25rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit;resize:vertical}.input-pro:hover,.select-pro:hover,.textarea-pro:hover{border-color:#fca5a5}.input-pro:focus,.select-pro:focus,.textarea-pro:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426;transform:translateY(-1px)}.input-pro.input-error{border-color:#fca5a5;background:#fef2f2;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.field-error-pro{color:#dc2626;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.tags-input-pro{display:flex;gap:.75rem;margin-bottom:.75rem}.btn-add-tag{padding:1rem 2rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 12px #ef44444d}.btn-add-tag:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-add-tag:active{transform:translateY(0)}.tags-list-pro{display:flex;gap:.625rem;flex-wrap:wrap}.tag-chip-pro{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:none;border-radius:2rem;font-size:.95rem;font-weight:600;cursor:default;box-shadow:0 4px 12px #ef444440;transition:all .3s ease;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tag-chip-pro:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}.tag-remove{background:#fff3;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;color:#fff}.tag-remove:hover{background:#ffffff4d;transform:rotate(90deg)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.checkboxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.checkbox-label-pro{display:flex;align-items:center;gap:.875rem;padding:1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.checkbox-label-pro:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ef4444,#f97316);opacity:0;transition:opacity .3s ease}.checkbox-label-pro:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.checkbox-label-pro:hover:before{opacity:.05}.checkbox-label-pro input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:#ef4444;position:relative;z-index:1}.checkbox-label-pro span{font-weight:600;color:#374151;position:relative;z-index:1}.upload-section{padding:2rem;background:linear-gradient(135deg,#fef2f2,#fff7ed);border:2px dashed #fca5a5;border-radius:1rem;transition:all .3s ease}.upload-section:hover{border-color:#ef4444;background:linear-gradient(135deg,#fee2e2,#ffedd5)}.drop-zone{padding:3rem 2rem;border:3px dashed #d1d5db;border-radius:1rem;background:#fff;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.drop-zone:hover{border-color:#ef4444;background:#fef2f2;transform:scale(1.02)}.drop-zone.dragging{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff7ed);border-width:4px;transform:scale(1.05);box-shadow:0 8px 24px #ef444433}.drop-icon{color:#ef4444;margin:0 auto 1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-text{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.drop-hint{font-size:.875rem;color:#6b7280;margin:0}.section-header-upload{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#374151}.btn-upload-pro{width:100%;padding:1rem;background:#fff;border:2px solid #ef4444;color:#ef4444;border-radius:.625rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-upload-pro:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-upload-pro.secondary{border-color:#6b7280;color:#6b7280}.btn-upload-pro.secondary:hover{background:#6b7280;color:#fff}.images-grid-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.25rem;margin-top:1.5rem}.image-preview-pro{position:relative;aspect-ratio:1;border-radius:.75rem;overflow:hidden;background:#e5e7eb;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-preview-pro:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.image-preview-pro.invalid{border:3px solid #fca5a5;animation:shake .5s}.image-preview-pro img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;opacity:0;transition:opacity .2s ease}.image-preview-pro:hover .image-overlay{opacity:1}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fffffff2;border-radius:.25rem;font-size:.75rem;align-self:flex-start}.status-badge.valid{color:#16a34a}.status-badge.invalid{color:#dc2626}.btn-remove-image{align-self:flex-end;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.documents-list-pro{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.document-item-pro{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideIn .3s ease}.document-item-pro:hover{border-color:#ef4444;box-shadow:0 4px 16px #ef444426;transform:translate(-4px)}.doc-icon{color:#6b7280;flex-shrink:0}.doc-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.doc-name{font-weight:600;color:#111827;font-size:.95rem}.doc-size{font-size:.875rem;color:#9ca3af}.btn-remove-doc{background:#fee2e2;color:#dc2626;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-doc:hover{background:#fca5a5;transform:rotate(90deg)}@media(max-width:768px){.form-grid-2,.checkboxes-grid{grid-template-columns:1fr}.images-grid-pro{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.maintenance-form-pro{padding:1rem}.form-header-pro h4{font-size:1.25rem}}.maintenance-form .field-error,.service-form-modal.maintenance-form .field-error{color:#dc2626;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.maintenance-form .form-error,.service-form-modal.maintenance-form .form-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;margin-top:1rem;font-size:.875rem;text-align:center}.maintenance-form .btn-primary:disabled,.service-form-modal.maintenance-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.maintenance-form .btn-secondary:disabled,.service-form-modal.maintenance-form .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.delivery-form-modal{background:#fff;border-radius:20px;max-width:900px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.delivery-form{padding:24px;display:flex;flex-direction:column;gap:32px}.delivery-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.type-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:2px solid #e9ecef;border-radius:16px;background:#fff;cursor:pointer;transition:all .3s;text-align:center}.type-btn svg{color:#6c757d}.type-btn span{font-size:18px;font-weight:600;color:#212529}.type-btn p{margin:0;font-size:14px;color:#6c757d}.type-btn:hover{border-color:#0ea5e9;background:#f0f9ff}.type-btn.active{border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#f0f9ff)}.type-btn.active svg{color:#0ea5e9}.type-btn.active span{color:#0ea5e9}.vehicle-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s}.vehicle-card svg{color:var(--vehicle-color, #6c757d)}.vehicle-card span{font-size:14px;font-weight:600;color:#495057}.vehicle-card:hover{border-color:var(--vehicle-color);background:#f8f9fa;transform:translateY(-2px)}.vehicle-card.selected{border-color:var(--vehicle-color);background:linear-gradient(135deg,#0ea5e91a,#0ea5e90d)}.vehicle-card .check-icon{position:absolute;top:8px;right:8px;color:var(--vehicle-color)}.days-selector{margin-top:16px}.days-selector label{display:block;margin-bottom:12px;font-weight:600;color:#495057}.days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.day-btn{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#495057;cursor:pointer;transition:all .3s}.day-btn:hover{border-color:#0ea5e9;background:#f0f9ff}.day-btn.selected{border-color:#0ea5e9;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.feature-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;font-size:14px;color:#495057;cursor:pointer;transition:all .3s;text-align:right}.feature-chip:hover{border-color:#0ea5e9;background:#f0f9ff}.feature-chip.selected{border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);color:#0ea5e9}.feature-chip svg{flex-shrink:0;color:#0ea5e9}.images-upload{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.upload-item{display:flex;flex-direction:column;gap:12px}.upload-item.full-width{grid-column:1 / -1}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 24px;border:2px dashed #dee2e6;border-radius:12px;background:#f8f9fa;cursor:pointer;transition:all .3s}.upload-label svg{color:#6c757d}.upload-label span{font-size:14px;font-weight:600;color:#495057}.upload-label input{display:none}.preview{border-radius:12px;overflow:hidden;border:2px solid #e9ecef}.preview img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.previews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.preview-item{position:relative;border-radius:12px;overflow:hidden;border:2px solid #e9ecef}.preview-item img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.preview-item .remove-btn{position:absolute;top:8px;right:8px;padding:4px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s}.preview-item .remove-btn:hover{background:#dc2626;transform:scale(1.1)}.input-with-icon .currency{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:#6c757d}.btn-gps{display:flex;align-items:center;gap:8px;justify-content:center;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:8px;box-shadow:0 2px 8px #10b98133}.btn-gps:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.btn-gps:active:not(:disabled){transform:translateY(0)}.btn-gps:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.7}.btn-gps svg{animation:pulse 2s ease-in-out infinite}.btn-gps:disabled svg{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media(max-width:768px){.delivery-form-modal{width:100%;max-height:100vh;border-radius:0}.delivery-type-selector{grid-template-columns:1fr}.vehicles-grid,.days-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.images-upload{grid-template-columns:1fr}}@media(max-width:480px){.vehicles-grid{grid-template-columns:1fr}}.property-boundary-drawer{position:fixed;inset:0;background:#fff;z-index:10000;display:flex;flex-direction:column}.property-boundary-drawer.fullscreen{width:100vw;height:100vh}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 8px #0000001a}.drawer-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.drawer-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.control-section{display:flex;gap:.5rem;align-items:center}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.control-btn:hover:not(:disabled){background:#f3f4f6;border-color:#0ea5e9;color:#0ea5e9;transform:translateY(-1px)}.control-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e94d;animation:pulse 2s infinite}.control-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;animation:successPulse 1.5s infinite}.control-btn.success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.control-btn.warning{border-color:#fbbf24;color:#f59e0b}.control-btn.warning:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0ea5e94d}50%{box-shadow:0 4px 20px #0ea5e980}}.property-boundary-drawer .gm-style{font-family:inherit}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.control-btn.danger{border-color:#fca5a5;color:#dc2626}.control-btn.danger:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.control-btn:disabled{opacity:.5;cursor:not-allowed}.map-type-select{padding:.625rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.map-type-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.map-container{flex:1;position:relative;background:#f3f4f6}.map-container.drawing-mode,.map-container.drawing-mode *{cursor:crosshair!important}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#fffffff2;z-index:10}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay p{font-size:.875rem;color:#6b7280}.drawer-info{display:flex;gap:2rem;padding:1rem 1.5rem;background:linear-gradient(to right,#f9fafb,#fff);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.info-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;transition:all .2s}.info-item:hover{box-shadow:0 2px 8px #0ea5e926;transform:translateY(-1px)}.info-item .label{font-size:.875rem;color:#6b7280;font-weight:500}.info-item .value{font-size:1.125rem;color:#0ea5e9;font-weight:700;min-width:60px;text-align:left}.drawing-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#0f172ae6;color:#fff;padding:.625rem 1rem;border-radius:8px;text-align:center;box-shadow:0 4px 16px #0003;z-index:100;pointer-events:none;animation:fadeInUp .25s ease-out;backdrop-filter:blur(8px);display:flex;align-items:center;gap:.5rem}.location-info-panel{position:absolute;top:12px;right:12px;background:#fffffff2;color:#1f2937;padding:.5rem .75rem;border-radius:8px;min-width:180px;max-width:280px;box-shadow:0 2px 12px #00000026;z-index:100;backdrop-filter:blur(10px);animation:fadeIn .2s ease-out;border:1px solid rgba(0,0,0,.08)}[dir=rtl] .location-info-panel{right:auto;left:12px}.location-panel-close{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .15s;padding:0}[dir=rtl] .location-panel-close{right:auto;left:4px}.location-panel-close:hover{background:#0000001a;color:#1f2937}.location-info-content{display:flex;flex-wrap:wrap;gap:.375rem;padding-right:1.5rem}[dir=rtl] .location-info-content{padding-right:0;padding-left:1.5rem}.location-tag{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.location-tag.city{background:#0ea5e91f;color:#0284c7}.location-tag.district{background:#10b9811f;color:#059669}.location-address{font-size:.7rem;color:#6b7280;margin-top:.375rem;padding-top:.375rem;border-top:1px solid rgba(0,0,0,.06);line-height:1.4}.location-loading{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.geocoding-spinner{width:14px;height:14px;border:2px solid rgba(14,165,233,.2);border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite}.editing-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#0f172ae6;color:#fff;padding:.5rem 1rem;border-radius:8px;text-align:center;box-shadow:0 4px 16px #0003;z-index:100;pointer-events:none;animation:fadeInUp .25s ease-out;font-size:.75rem;font-weight:500;backdrop-filter:blur(8px)}.editing-hint p{margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.drawing-hint .hint-icon{font-size:1rem}.drawing-hint .hint-text{font-size:.8rem;font-weight:500}.drawer-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;background:#fff;box-shadow:0 -2px 8px #0000000d}.cancel-btn,.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.drawer-header{padding:.75rem 1rem}.drawer-header h3{font-size:1rem}.drawer-controls{padding:.75rem 1rem;flex-direction:column;align-items:stretch}.control-section{width:100%;justify-content:space-between}.control-btn span{display:none}.control-btn{flex:1;justify-content:center}.drawer-info{padding:.75rem 1rem;gap:1rem}.info-item{flex-direction:column;gap:.25rem;align-items:flex-start}.drawer-actions{padding:.75rem 1rem;flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%;justify-content:center}.drawing-hint{max-width:90%}.location-info-panel{max-width:calc(100% - 80px);min-width:150px}}@media(max-width:480px){.drawer-controls{gap:.5rem}.control-section{gap:.25rem}.control-btn{padding:.5rem}.map-type-select{padding:.5rem;font-size:.75rem}}.drawer-search-box{position:absolute;top:180px;left:50%;transform:translate(-50%);z-index:120;transition:all .25s ease}.drawer-search-box .search-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 12px #00000026;cursor:pointer;transition:all .2s;color:#374151}.drawer-search-box .search-toggle-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 16px #0003}.drawer-search-box.expanded{display:flex;align-items:center;gap:8px;padding:8px 12px;min-width:280px;max-width:90%;background:#fffffff2;border-radius:24px;box-shadow:0 2px 12px #00000026}.drawer-search-box .search-icon{color:#6b7280;flex-shrink:0}.drawer-search-box input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#1f2937;padding:4px 0}.drawer-search-box input::-moz-placeholder{color:#9ca3af}.drawer-search-box input::placeholder{color:#9ca3af}.drawer-search-box .search-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0000000d;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .15s;padding:0}.drawer-search-box .search-close-btn:hover{background:#0000001a;color:#1f2937}.property-boundary-drawer .pac-container{z-index:10001!important;border-radius:12px!important;box-shadow:0 4px 20px #00000026!important;border:none!important;margin-top:8px!important}.real-estate-form{max-width:100%;padding:1rem}.real-estate-form form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f9fafb;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.section-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #0ea5e9}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-message{font-size:.75rem;color:#ef4444;margin-top:-.25rem}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.location-draw-section{margin:1rem 0}.draw-boundary-btn-main{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .25s ease;text-align:start}.draw-boundary-btn-main:hover{border-color:#0ea5e9;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.draw-boundary-btn-main svg{color:#0ea5e9;flex-shrink:0}.draw-boundary-btn-main .btn-content{display:flex;flex-direction:column;gap:.25rem}.draw-boundary-btn-main .btn-title{font-size:.95rem;font-weight:600;color:#1f2937}.draw-boundary-btn-main .btn-subtitle{font-size:.8rem;color:#6b7280}.draw-boundary-btn-main.has-boundary{border-style:solid;border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.draw-boundary-btn-main.has-boundary svg{color:#10b981}.draw-boundary-btn-main.has-boundary:hover{border-color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.location-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:.75rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.location-display .location-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff;border-radius:6px;font-size:.8rem;box-shadow:0 1px 3px #00000014}.location-display .location-tag.full-width{flex-basis:100%}.location-display .location-tag.success{background:#d1fae5;color:#059669}.location-display .location-tag .tag-icon{font-size:.9rem}.location-display .location-tag .tag-label{color:#6b7280;font-weight:500}.location-display .location-tag .tag-value{color:#1f2937;font-weight:500}.image-upload-area{margin:1rem 0}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;border:2px dashed #d1d5db;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.upload-label:hover{border-color:#0ea5e9;background:#f0f9ff}.upload-label svg{color:#6b7280}.upload-label span{font-size:.875rem;font-weight:500;color:#374151}.upload-label small{font-size:.75rem;color:#6b7280}.images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;background:#f3f4f6}.image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;gap:.5rem;justify-content:center}.quality-badge,.size-badge{font-size:.625rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;color:#fff}.quality-badge.عالية{background:#10b981}.quality-badge.متوسطة{background:#f59e0b}.quality-badge.منخفضة{background:#ef4444}.size-badge{background:#fff3}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.tags-input{display:flex;gap:.5rem;margin-bottom:1rem}.tags-input input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.tags-input input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.add-tag-btn{padding:.75rem;background:#0ea5e9;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.add-tag-btn:hover{background:#0284c7}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0ea5e9;color:#fff;border-radius:6px;font-size:.75rem;font-weight:500}.tag button{display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;width:18px;height:18px;cursor:pointer;transition:all .2s;color:#fff}.tag button:hover{background:#fff6}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.amenity-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.amenity-checkbox:hover{border-color:#0ea5e9;background:#f0f9ff}.amenity-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.amenity-checkbox input[type=checkbox]:checked+.amenity-icon+span{color:#0ea5e9;font-weight:600}.amenity-icon{font-size:1.25rem}.amenity-checkbox span:last-child{font-size:.875rem;color:#374151}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;color:#374151}.checkbox-label:hover{border-color:#0ea5e9;background:#f0f9ff}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.terms-checkbox{padding:1rem;background:#fef3c7;border-color:#fbbf24}.terms-checkbox:hover{background:#fde68a;border-color:#f59e0b}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.cancel-btn,.submit-btn{padding:.75rem 2rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:#0ea5e9;color:#fff}.submit-btn:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.real-estate-form{padding:.5rem}.form-section{padding:1rem}.form-row,.amenities-grid,.options-grid{grid-template-columns:1fr}.images-preview{grid-template-columns:repeat(2,1fr)}.location-buttons{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.pd-root{height:100%;height:100dvh;display:flex;flex-direction:column;background:#f3f4ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}@media(max-width:768px){.pd-root{height:calc(100dvh - 70px)}}.pd-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;padding:.6rem .8rem;gap:.5rem;background:radial-gradient(circle at 0% 0%,#8b5cf6,#4f46e5 38%,#312e81);color:#e5e7eb;box-shadow:0 8px 18px #0f172a66}.pd-header-section{display:flex;align-items:center}.pd-header-right{flex:1.4;justify-content:flex-start;gap:.4rem}.pd-header-center{flex:1.3;justify-content:center}.pd-header-left{flex:.6;justify-content:flex-end;position:relative}.pd-icon-btn{border:none;background:#0f172a59;color:#e5e7eb;width:2.25rem;height:2.25rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease-out}.pd-icon-btn:hover{background:#0f172a99;transform:translateY(-1px)}.pd-header-user{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem}.pd-user-name{font-size:.8rem;font-weight:600;letter-spacing:.01em}.pd-current-service{display:flex;align-items:center;gap:.25rem;font-size:.72rem;color:#d1d5db;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-current-service svg{flex-shrink:0}@media(max-width:480px){.pd-header-user{align-items:center}.pd-user-name{display:none}.pd-current-service{max-width:unset}.pd-current-service span{display:none}}.pd-mode-toggle{display:inline-flex;align-items:center;padding:.12rem;background:#0f172a8c;border-radius:999px;border:1px solid rgba(191,219,254,.4)}.pd-mode-btn{border:none;background:transparent;color:#dbeafe;font-size:.7rem;padding:.22rem .7rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:all .18s ease-out}.pd-mode-btn-active{background:linear-gradient(135deg,#a855f7,#6366f1);color:#f9fafb;box-shadow:0 6px 12px #818cf899}.pd-actions-toggle{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:none;padding:.4rem .8rem;background:#0f172a59;color:#e5e7eb;font-size:.75rem;cursor:pointer;white-space:nowrap}.pd-actions-toggle span{font-weight:500}.pd-actions-toggle svg{flex-shrink:0}.pd-sidebar-wrapper{position:fixed;inset:0;pointer-events:none;z-index:50}.pd-sidebar-open{pointer-events:auto}.pd-sidebar-backdrop{position:absolute;inset:0;background:#0f172a73;opacity:0;transition:opacity .2s ease-out}.pd-sidebar-open .pd-sidebar-backdrop{opacity:1}.pd-sidebar{position:absolute;top:0;bottom:0;right:0;width:80%;max-width:320px;background:#fff;box-shadow:-6px 0 30px #0f172a59;border-radius:1.25rem 0 0 1.25rem;transform:translate(100%);transition:transform .22s ease-out;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pd-sidebar-open .pd-sidebar{transform:translate(0)}.pd-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1rem .7rem}.pd-sidebar-header h2{margin:0;font-size:1.1rem;font-weight:700;color:#111827}.pd-sidebar-add-section{padding:.5rem .9rem .7rem;border-bottom:1px solid #e5e7eb}.pd-services-list{flex:1;padding:.8rem;overflow-y:auto;min-height:0}.pd-services-list::-webkit-scrollbar{width:5px}.pd-services-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.pd-services-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.pd-services-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.pd-service-item{width:100%;display:flex;align-items:center;gap:.7rem;padding:.75rem .8rem;border-radius:.9rem;border:none;background:#f9fafb;margin-bottom:.45rem;cursor:pointer;text-align:right;transition:all .16s ease-out}.pd-service-item-active{background:#eff6ff;box-shadow:0 0 0 1px #bfdbfe}.pd-service-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#f9fafb}.pd-service-text{flex:1}.pd-service-title{font-size:.9rem;font-weight:600;color:#111827}.pd-service-type{font-size:.76rem;color:#6b7280}.pd-add-service-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.9rem;border:none;padding:.75rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#f9fafb;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #818cf866;transition:transform .15s ease,box-shadow .15s ease}.pd-add-service-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #818cf880}.pd-add-service-btn:active{transform:translateY(0)}.pd-add-service-btn svg{flex-shrink:0}.pd-sections-wrapper{position:fixed;inset:0;z-index:55}.pd-sections-backdrop{position:absolute;inset:0;background:#0f172a73}.pd-sections-sidebar{position:absolute;top:0;bottom:0;left:0;width:75%;max-width:280px;background:#fff;box-shadow:6px 0 30px #0f172a59;border-radius:0 1.25rem 1.25rem 0;display:flex;flex-direction:column}.pd-sections-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1rem .7rem}.pd-sections-header h3{margin:0;font-size:1rem;font-weight:700;color:#111827}.pd-sections-list{flex:1;padding:0 .8rem 1rem;overflow-y:auto}.pd-section-item{width:100%;text-align:right;border:none;background:#f9fafb;border-radius:.85rem;padding:.7rem .85rem;font-size:.82rem;color:#111827;margin-bottom:.35rem;cursor:pointer}.pd-section-item-active{background:#eff6ff;box-shadow:0 0 0 1px #bfdbfe}.pd-section-item-accent{background:#eff6ff;color:#2563eb}.pd-main{flex:1;padding:.9rem .7rem 1.2rem;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.pd-empty-state{min-height:calc(100vh - 5.5rem);border-radius:1.25rem;border:1px dashed #c7d2fe;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#4b5563;padding:2.2rem 1.4rem;gap:.7rem}.pd-empty-state svg{color:#c7d2fe}.pd-empty-state h3{margin:0;font-size:1rem;font-weight:700}.pd-empty-state p{margin:0;font-size:.8rem;color:#6b7280}.pd-panel-placeholder{border-radius:1rem;background:#fff;padding:2rem 1.2rem;text-align:center;color:#6b7280}@media(min-width:768px){.pd-header,.pd-main{padding-inline:1.5rem}.pd-sidebar{width:320px}}@media(min-width:1024px){.pd-root{background:radial-gradient(circle at top,#e5e7ff 0,#eef2ff 40%,#e5e7eb)}.pd-main{max-width:1120px;margin:.7rem auto 1.5rem}}.pd-success-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #22c55e59;z-index:1000;animation:slideDownFade .4s ease,fadeOutUp .4s ease 2.6s forwards}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.dashboard-page{padding:2rem 0;min-height:100vh;background:#f9fafb}@media(max-width:768px){.dashboard-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.welcome-section{flex:1}.dashboard-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:#6b7280;font-size:1rem;margin-bottom:.75rem}.user-role-badge{display:inline-block;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.verification-notice{display:flex;align-items:center;gap:.5rem;background:#fef3c7;color:#92400e;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #f59e0b;font-size:.875rem}.verification-notice.pending{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.verification-notice.approved{background:#d1fae5;color:#065f46;border-color:#10b981}.verification-notice.rejected{background:#fee2e2;color:#991b1b;border-color:#ef4444}.verify-btn{background:#f59e0b;color:#fff;border:none;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.verify-btn:hover{background:#d97706}.upgrade-vip-btn{background:#3b82f6;color:#fff;border:none;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-right:.5rem}.upgrade-vip-btn:hover{background:#2563eb}.verification-status{margin-top:.75rem}.verification-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.header-actions{display:flex;gap:1rem;align-items:center}.add-service-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.add-service-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0596694d}.notification-btn,.settings-btn{position:relative;background:#f3f4f6;border:none;padding:.75rem;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .3s ease}.notification-btn:hover,.settings-btn:hover{background:#e5e7eb;color:#374151}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background:#dc2626;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.enhanced{position:relative;overflow:hidden}.stat-card.enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stat-color)}.stat-icon{width:60px;height:60px;background:var(--stat-color);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:800;color:#1f2937;margin-bottom:.25rem}.stat-title{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#6b7280;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;display:flex;align-items:center;gap:.5rem}.tab-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.tab-btn:hover:not(.active){background:#f3f4f6;color:#374151}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.section-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.section-title{font-size:1.25rem;font-weight:700;color:#1f2937}.section-subtitle{color:#6b7280;font-size:.875rem;margin-top:.5rem}.view-all-btn{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .3s ease}.view-all-btn:hover{background:#2563eb1a}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.quick-action-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .3s ease;text-align:left}.quick-action-btn:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-icon{width:50px;height:50px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-content h3{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.action-content p{font-size:.875rem;color:#6b7280;margin:0}.profile-summary.enhanced{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#2563eb,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.profile-info{flex:1}.profile-name{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.profile-email,.profile-phone{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.profile-badges{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;background:#d1fae5;color:#065f46;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.unverified-badge,.membership-badge{display:inline-flex;align-items:center;gap:.25rem;background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.edit-profile-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.edit-profile-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.bookings-list{display:flex;flex-direction:column;gap:1rem}.booking-item.enhanced{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease}.booking-item.enhanced:hover{background:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.booking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.booking-service{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.booking-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.booking-customer,.booking-provider,.booking-date{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.booking-details{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.booking-amount{font-weight:700;color:#2563eb;font-size:1rem}.action-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn.view{background:#f3f4f6;color:#374151}.action-btn.view:hover{background:#e5e7eb}.action-btn.message{background:#059669;color:#fff}.action-btn.message:hover{background:#047857}.action-btn.edit{background:#dbeafe;color:#1e40af}.action-btn.edit:hover{background:#bfdbfe}.action-btn.delete{background:#fee2e2;color:#991b1b}.action-btn.delete:hover{background:#fecaca}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease;position:relative}.notification-item:hover{background:#fff;border-color:#2563eb}.notification-item.unread{background:#f0f9ff;border-color:#93c5fd}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.success{background:#d1fae5;color:#065f46}.notification-icon.info{background:#dbeafe;color:#1e40af}.notification-icon.warning{background:#fef3c7;color:#92400e}.notification-icon.error{background:#fee2e2;color:#991b1b}.notification-content h4{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.notification-content p{font-size:.75rem;color:#6b7280;margin-bottom:.5rem;line-height:1.4}.notification-time{font-size:.625rem;color:#9ca3af}.unread-indicator{position:absolute;top:1rem;right:1rem;width:8px;height:8px;background:#2563eb;border-radius:50%}.notification-count{background:#dc2626;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.view-all-notifications{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.view-all-notifications:hover{background:#e5e7eb}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.booking-modal{background:#fff;border-radius:1rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.close-modal{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1}.modal-content{padding:1.5rem}.booking-summary-card{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.summary-header{display:flex;gap:1rem}.accommodation-image-small{width:80px;height:60px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.accommodation-image-small img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.summary-details h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.summary-meta{display:flex;flex-direction:column;gap:.25rem}.summary-location,.summary-dates,.summary-guests{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.booking-details-summary{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.rating-stars{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.star-btn{background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .2s ease}.star-btn:hover{transform:scale(1.1)}.rating-text{text-align:center;font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.message-textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;resize:vertical;min-height:120px;font-size:.875rem;transition:border-color .3s ease}.message-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-cancel{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#e2e8f0}.btn-send{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-send:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-send:disabled{opacity:.6;cursor:not-allowed}.bookings-management.enhanced{grid-column:1 / -1}.bookings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bookings-filters{display:flex;gap:1rem}.bookings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.booking-card.enhanced{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease}.booking-card.enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.booking-info h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.booking-customer,.booking-provider{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.booking-status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.booking-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.booking-actions{display:flex;gap:.5rem}.action-btn.primary{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.action-btn.primary:hover{background:#1d4ed8}.action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.action-btn.secondary:hover{background:#e5e7eb}.action-btn.rating{background:#fef3c7;color:#92400e;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.action-btn.rating:hover{background:#fde68a}.favorites-section{grid-column:1 / -1}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.favorite-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease}.favorite-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.favorite-image{position:relative;height:200px;overflow:hidden}.favorite-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.favorite-card:hover .favorite-image img{transform:scale(1.05)}.favorite-btn{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.favorite-btn.active{background:#ef4444;color:#fff}.favorite-btn:hover{transform:scale(1.1)}.favorite-content{padding:1.5rem}.favorite-content h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.favorite-rating{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.favorite-location{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;margin-bottom:1rem}.favorite-price{font-size:1.125rem;font-weight:700;color:#2563eb;margin-bottom:1rem}.book-favorite-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.book-favorite-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.notifications-section{grid-column:1 / -1}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.mark-all-read-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.mark-all-read-btn:hover{background:#e5e7eb}.notifications-full-list{display:flex;flex-direction:column;gap:1rem}.notification-item-full{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;cursor:pointer}.notification-item-full:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.notification-item-full.unread{background:#f0f9ff;border-color:#93c5fd}.mark-read-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.mark-read-btn:hover{background:#f3f4f6;color:#059669}.loading-state{text-align:center;padding:3rem;color:#6b7280;font-size:1rem}.error-state{text-align:center;padding:3rem;color:#ef4444;font-size:1rem;background:#fee2e2;border-radius:.5rem;margin:1rem 0}.no-bookings{text-align:center;padding:3rem;color:#6b7280}.no-bookings h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.no-bookings p{color:#6b7280}.invite-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-top:2rem}.invite-section h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.invite-section p{color:#6b7280;margin-bottom:1rem}.referral-code-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;font-family:monospace;font-size:1.25rem;font-weight:600;color:#1f2937;text-align:center;margin-bottom:1rem}.copy-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;width:100%;margin-bottom:1rem}.copy-btn:hover{background:#2563eb}.close-invite-btn{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;width:100%}.close-invite-btn:hover{background:#e5e7eb}.mode-switcher{position:fixed;top:80px;left:20px;z-index:1000;display:flex;align-items:center;justify-content:center}.mode-toggle-container{display:flex;align-items:center;gap:.5rem;background:#fffffff2;padding:.5rem;border-radius:50px;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:pointer}.mode-toggle-container:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.mode-option{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-weight:500;font-size:.875rem;transition:all .3s ease;padding:.25rem .5rem;border-radius:20px;white-space:nowrap}.mode-option.active{color:#1f2937;font-weight:600;background:#3b82f61a}.mode-toggle-button{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mode-toggle-button:hover{background:#3b82f61a;color:#2563eb;transform:scale(1.1)}.mode-info{display:none}.mode-toggle-container:hover .mode-info{display:block;position:absolute;top:60px;left:0;right:0;font-size:.75rem;color:#6b7280;background:#fffffff2;padding:.375rem .75rem;border-radius:15px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 8px #0000001a;backdrop-filter:blur(10px);text-align:center;white-space:nowrap;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mode-switcher{top:70px;left:15px}.mode-toggle-container{padding:.375rem;gap:.375rem}.mode-option{font-size:.8rem;padding:.2rem .4rem}.mode-option span{display:none}}.mode-switcher.customer-mode .mode-toggle-container{border-left:3px solid #3b82f6}.mode-switcher.provider-mode .mode-toggle-container{border-left:3px solid #8b5cf6}@keyframes switchMode{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-content{animation:switchMode .3s ease-out}.mode-switcher.customer-mode{background:linear-gradient(135deg,#3b82f6,#1e40af)}.mode-switcher.provider-mode{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(3,1fr)}.analytics-grid,.earnings-content{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.orders-list{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-page{padding:1rem 0}.dashboard-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}.dashboard-title{font-size:1.75rem}.dashboard-stats{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1rem}.stat-icon{width:50px;height:50px}.stat-value{font-size:1.5rem}.dashboard-tabs{flex-direction:column;gap:.25rem}.tab-btn{padding:.75rem 1rem}.section-card{padding:1rem}.booking-item{flex-direction:column;align-items:flex-start;gap:.5rem}.booking-details{align-items:flex-start;flex-direction:row;gap:1rem}.services-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.verification-notice{flex-direction:column;text-align:center;gap:.75rem}.order-actions{flex-direction:column}.services-header{flex-direction:column;gap:1rem}.services-actions{flex-direction:column;width:100%}.search-filter-bar{width:100%}.search-box{flex:1}.search-box input{width:100%}.add-service-btn{width:100%;justify-content:center}.bookings-header{flex-direction:column;gap:1rem}.bookings-filters{width:100%}.bookings-filters select{flex:1}.rewards-stats{grid-template-columns:1fr}.membership-card{flex-direction:column;text-align:center;gap:1rem}.settings-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-header{padding:1rem}.dashboard-title{font-size:1.5rem}.stat-card{flex-direction:column;text-align:center}.profile-summary{gap:.75rem}.profile-avatar{width:60px;height:60px}.modal-content{margin:.5rem}.modal-header,.modal-body,.modal-footer{padding:1rem}.categories-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.setting-card,.notification-item-full{flex-direction:column;text-align:center}.notification-icon,.mark-read-btn{margin:0 auto}.dashboard-stats,.quick-actions-grid,.services-discovery-grid,.favorites-grid,.rewards-grid,.bookings-grid{grid-template-columns:1fr}.booking-actions{flex-direction:column;width:100%}.action-btn.primary,.action-btn.secondary,.action-btn.rating{width:100%;justify-content:center}}.verification-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.verification-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.verification-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.verification-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.close-modal{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-modal:hover{background:#f1f5f9;color:#475569}.verification-content{padding:24px}.verification-message{text-align:center;margin-bottom:24px}.verification-message svg{color:#3b82f6;margin-bottom:16px}.verification-message h4{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:12px}.verification-message p{color:#64748b;font-size:16px;line-height:1.5;margin-bottom:16px}.verification-email{background:#f0f9ff;color:#0c4a6e;padding:12px 16px;border-radius:8px;font-weight:500;margin-bottom:24px;text-align:center}.verification-form{margin-bottom:24px}.verification-form label{display:block;font-weight:600;color:#1e293b;margin-bottom:8px}.code-input-container{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.code-input{width:50px;height:60px;border:2px solid #e2e8f0;border-radius:8px;font-size:24px;font-weight:600;text-align:center;transition:all .2s ease}.code-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.code-input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:14px;margin-top:8px;text-align:center}.success-message{color:#10b981;font-size:14px;margin-top:8px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.verification-actions{display:flex;flex-direction:column;gap:12px}.verify-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.verify-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.resend-btn{background:none;border:none;color:#3b82f6;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease;text-align:center}.resend-btn:hover:not(:disabled){background:#f0f9ff}.resend-btn:disabled{opacity:.6;cursor:not-allowed;color:#94a3b8}.resend-timer{color:#64748b;font-size:14px;text-align:center}.verification-success{text-align:center;padding:24px 0}.success-icon{color:#10b981;margin-bottom:16px}.verification-success h4{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:12px}.verification-success p{color:#64748b;margin-bottom:24px}.continue-btn{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.continue-btn:hover{background:#059669;transform:translateY(-1px)}@media(max-width:480px){.verification-modal{width:95%}.verification-header,.verification-content{padding:20px}.code-input{width:40px;height:50px;font-size:20px}}.account-page-new{min-height:100vh;min-height:100dvh;background:#f8f9fa;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));direction:rtl}.account-header-compact{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px))}.account-header-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.account-avatar-compact{position:relative;width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid rgba(255,255,255,.4);cursor:pointer;flex-shrink:0}.account-avatar-compact img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.account-avatar-compact svg{color:#667eea}.avatar-loading{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.avatar-camera-badge{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #667eea;display:flex;align-items:center;justify-content:center}.avatar-camera-badge svg{color:#667eea}.spinning{animation:spin 1s linear infinite}.account-user-info-compact{flex:1;min-width:0}.account-user-name-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.account-user-name{font-size:17px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified-icon{color:#4ade80;flex-shrink:0}.account-badge-compact{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#fff3}.account-badge-compact.gold{background:linear-gradient(135deg,gold,#ffb347);color:#5d4037}.account-badge-compact.silver{background:linear-gradient(135deg,silver,#e8e8e8);color:#424242}.account-badge-compact.bronze{background:linear-gradient(135deg,#cd7f32,#e8a87c);color:#3e2723}.account-edit-btn-compact{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.account-edit-btn-compact:active{transform:scale(.95);background:#ffffff4d}.account-edit-btn-compact svg{color:#fff}.account-settings-row{display:flex;gap:10px}.account-dropdown-wrapper{position:relative;flex:1}.account-setting-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.account-setting-btn:active{background:#ffffff40}.account-setting-btn svg.rotated{transform:rotate(180deg)}.dropdown-overlay{position:fixed;inset:0;z-index:100}.account-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;z-index:101;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid #f0f0f0;font-size:14px;color:#1f2937;cursor:pointer;transition:background .2s ease;text-align:right}.dropdown-item:last-child{border-bottom:none}.dropdown-item:active{background:#f5f5f5}.dropdown-item.active{background:#f0f4ff;color:#667eea}.dropdown-item.active svg{color:#667eea}.account-menu-sections{padding:16px}.account-menu-section{margin-bottom:20px}.account-section-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px 4px}.account-menu-items{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.account-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease;text-align:right}.account-menu-item:last-child{border-bottom:none}.account-menu-item:active{background:#f5f5f5}.account-menu-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-menu-item-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.account-menu-item-label{font-size:14px;font-weight:600;color:#1f2937}.account-menu-item-desc{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.account-menu-item-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.account-menu-item-arrow{color:#9ca3af;flex-shrink:0}[dir=rtl] .account-menu-item-arrow{transform:rotate(180deg)}.account-logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:none;border-radius:16px;cursor:pointer;transition:background .2s ease;box-shadow:0 2px 8px #0000000a}.account-logout-btn:active{background:#fef2f2}.account-logout-btn .logout-icon{width:40px;height:40px;border-radius:10px;background:#fee2e2;display:flex;align-items:center;justify-content:center}.account-logout-btn .logout-icon svg{color:#ef4444}.account-logout-btn span{font-size:14px;font-weight:600;color:#ef4444}.account-app-version{text-align:center;padding:16px;color:#9ca3af;font-size:11px}@media(max-width:768px){.account-page-new{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.account-header-compact{padding:14px;padding-top:calc(14px + env(safe-area-inset-top,0px))}.account-menu-sections{padding:12px}}@media(max-width:360px){.account-avatar-compact{width:48px;height:48px}.account-user-name{font-size:15px}.account-badge-compact{font-size:10px;padding:2px 8px}.account-setting-btn{padding:8px 10px;font-size:12px}.account-menu-item{padding:10px 12px}.account-menu-item-icon{width:36px;height:36px}.account-menu-item-label{font-size:13px}.account-menu-item-desc{font-size:11px}}.profile-page{min-height:100vh;background:#f5f5f5;padding-bottom:80px}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10}.profile-header h1{font-size:20px;font-weight:700;margin:0;color:#1a1a1a}.profile-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-edit-btn:hover{background:#5568d3;transform:translateY(-1px)}.profile-edit-btn:active{transform:translateY(0)}.profile-avatar-section{padding:32px 16px;background:#fff;display:flex;justify-content:center;margin-bottom:16px}.profile-avatar-large{position:relative;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px #667eea4d}.profile-avatar-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar-large svg{color:#fff}.profile-avatar-change-btn{position:absolute;bottom:0;right:0;width:40px;height:40px;border-radius:50%;background:#667eea;color:#fff;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000026}.profile-avatar-change-btn:hover{background:#5568d3;transform:scale(1.05)}.profile-info-container{background:#fff;border-radius:12px;margin:0 16px 16px;overflow:hidden}.profile-field{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0}.profile-field:last-child{border-bottom:none}.profile-field-icon{width:40px;height:40px;border-radius:10px;background:#667eea15;color:#667eea;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-field-content{flex:1;min-width:0}.profile-field-content label{display:block;font-size:12px;font-weight:600;color:#6c757d;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.profile-field-content p{font-size:15px;color:#1a1a1a;margin:0;word-break:break-word}.profile-field-content input,.profile-field-content textarea{width:100%;padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease}.profile-field-content input:focus,.profile-field-content textarea:focus{outline:none;border-color:#667eea;background:#667eea05}.profile-field-content textarea{resize:vertical;min-height:60px}@media(max-width:480px){.profile-header{padding:16px 12px}.profile-header h1{font-size:18px}.profile-avatar-large{width:100px;height:100px}.profile-avatar-large svg{width:48px;height:48px}.profile-info-container{margin:0 8px 16px}}@media(prefers-color-scheme:dark){.profile-page{background:#0a0a0a}.profile-header{background:#1a1a1a;border-bottom-color:#2a2a2a}.profile-header h1{color:#fff}.profile-avatar-section,.profile-info-container{background:#1a1a1a}.profile-field{border-bottom-color:#2a2a2a}.profile-field-content p{color:#fff}.profile-field-content input,.profile-field-content textarea{background:#0a0a0a;border-color:#2a2a2a;color:#fff}}.role-card{position:relative;background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;cursor:pointer;overflow:hidden}.role-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.role-card.active{border-color:currentColor;box-shadow:0 4px 16px #667eea33}.role-active-indicator{position:absolute;top:0;left:0;right:0;height:4px}.role-card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.role-card-content{flex:1}.role-card-content h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.role-card-content p{font-size:14px;color:#6c757d;line-height:1.5;margin:0}.role-card-toggle{display:flex;justify-content:flex-end}.role-toggle-btn{width:56px;height:32px;border-radius:16px;border:2px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;color:#fff}.role-toggle-btn:hover{transform:scale(1.05)}.role-toggle-btn:active{transform:scale(.95)}.role-default-badge{padding:6px 12px;background:#667eea15;color:#667eea;border-radius:16px;font-size:12px;font-weight:700}@media(max-width:480px){.role-card{padding:16px}.role-card-icon{width:56px;height:56px}.role-card-icon svg{width:28px;height:28px}.role-card-content h3{font-size:16px}}@media(prefers-color-scheme:dark){.role-card{background:#1a1a1a;border-color:#2a2a2a}.role-card-content h3{color:#fff}.role-default-badge{background:#667eea30}}.roles-page{min-height:100vh;background:#f5f5f5;padding:20px 16px 100px}.roles-header{text-align:center;margin-bottom:24px}.roles-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.roles-header p{font-size:14px;color:#6c757d;margin:0}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.roles-info-box{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea30;border-radius:12px;padding:16px;margin-top:24px}.roles-info-box h3{font-size:16px;font-weight:700;color:#667eea;margin:0 0 8px}.roles-info-box p{font-size:14px;color:#6c757d;line-height:1.6;margin:0}@media(max-width:768px){.roles-grid{grid-template-columns:1fr}}@media(max-width:480px){.roles-page{padding:16px 12px 80px}.roles-header h1{font-size:20px}}@media(prefers-color-scheme:dark){.roles-page{background:#0a0a0a}.roles-header h1{color:#fff}.roles-info-box{background:#667eea20;border-color:#667eea40}.roles-info-box p{color:#adb5bd}}.notification-settings-page{min-height:100vh;background:#f5f5f5;padding:24px 16px 100px}.notification-settings-header{text-align:center;margin-bottom:32px}.notification-settings-header .header-icon{color:#667eea;margin-bottom:12px}.notification-settings-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.notification-settings-header p{font-size:14px;color:#6c757d;margin:0}.notification-settings-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.notification-setting-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.notification-setting-info{display:flex;gap:12px;margin-bottom:16px}.notification-setting-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-setting-text{flex:1}.notification-setting-text h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.notification-setting-text p{font-size:13px;color:#6c757d;margin:0}.notification-setting-channels{display:flex;gap:8px;justify-content:flex-end}.channel-btn{width:44px;height:44px;border-radius:10px;border:2px solid #e9ecef;background:#fff;color:#adb5bd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.channel-btn:hover{border-color:#667eea;background:#667eea05}.channel-btn.active{border-color:#667eea;background:#667eea;color:#fff}.channel-btn.active:hover{background:#5568d3;border-color:#5568d3}.notification-settings-legend{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.notification-settings-legend h4{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6c757d}.legend-item svg{color:#667eea}@media(max-width:480px){.notification-settings-page{padding:20px 12px 80px}.notification-settings-header h1{font-size:20px}.notification-setting-card{padding:14px}.channel-btn{width:40px;height:40px}}@media(prefers-color-scheme:dark){.notification-settings-page{background:#0a0a0a}.notification-settings-header h1{color:#fff}.notification-setting-card{background:#1a1a1a}.notification-setting-text h3{color:#fff}.channel-btn{background:#0a0a0a;border-color:#2a2a2a}.channel-btn:hover{background:#667eea15}.notification-settings-legend{background:#1a1a1a}.notification-settings-legend h4{color:#fff}}.password-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:fadeIn .2s ease}.password-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.password-modal-header{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #f0f0f0;position:relative}.password-modal-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.password-modal-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;flex:1}.password-modal-close{position:absolute;top:20px;left:20px;width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#666}.password-modal-close:hover:not(:disabled){background:#e9ecef;color:#1a1a1a}.password-modal-close:disabled{opacity:.5;cursor:not-allowed}.password-success-message,.password-error-message{margin:20px 24px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;animation:slideDown .3s ease}.password-success-message{background:#d4f4dd;color:#22543d}.password-error-message{background:#fed7d7;color:#742a2a}.password-modal-form{padding:24px}.password-input-group{margin-bottom:20px}.password-input-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.password-input-wrapper{position:relative;display:flex;align-items:center;gap:10px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:0 16px;transition:all .2s}.password-input-wrapper:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.password-input-wrapper>svg:first-child{color:#999;flex-shrink:0}.password-input-wrapper input{flex:1;border:none;background:transparent;padding:14px 0;font-size:15px;color:#1a1a1a;outline:none}.password-input-wrapper input::-moz-placeholder{color:#aaa}.password-input-wrapper input::placeholder{color:#aaa}.password-input-wrapper input:disabled{cursor:not-allowed}.password-toggle{border:none;background:transparent;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover:not(:disabled){color:#667eea}.password-toggle:disabled{cursor:not-allowed}.password-modal-actions{display:flex;gap:12px;margin-top:24px}.password-modal-cancel,.password-modal-submit{flex:1;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.password-modal-cancel{background:#f8f9fa;color:#666}.password-modal-cancel:hover:not(:disabled){background:#e9ecef}.password-modal-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.password-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.password-modal-cancel:disabled,.password-modal-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.password-modal{max-width:100%;margin:20px}.password-modal-actions{flex-direction:column}}.settings-page{min-height:100vh;background:#f5f5f5;padding:20px 16px 100px}.settings-header{margin-bottom:24px}.settings-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.settings-section{margin-bottom:24px}.settings-section-title{font-size:13px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.settings-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f0f0f0;gap:12px}.settings-item:last-child{border-bottom:none}.settings-item.clickable{width:100%;background:none;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;text-align:right;transition:background .2s ease}.settings-item.clickable:hover{background:#f8f9fa}.settings-item.clickable:last-child{border-bottom:none}.settings-item-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.settings-item-info svg{color:#667eea;flex-shrink:0}.settings-item-info>div{flex:1;min-width:0}.settings-item-info h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 2px}.settings-item-info p{font-size:13px;color:#6c757d;margin:0}.settings-item select{padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s ease}.settings-item select:focus{outline:none;border-color:#667eea}.settings-arrow{color:#adb5bd;font-size:18px}.theme-buttons{display:flex;gap:8px}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:12px;color:#6c757d}.theme-btn:hover{border-color:#667eea;background:#667eea05}.theme-btn.active{border-color:#667eea;background:#667eea;color:#fff}.theme-btn svg{color:currentColor}.settings-actions{margin-top:24px}.settings-save-btn{width:100%;padding:16px;background:#667eea;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.settings-save-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.settings-save-btn:active{transform:translateY(0)}@media(max-width:480px){.settings-page{padding:16px 12px 80px}.settings-header h1{font-size:20px}.theme-buttons{flex-direction:column}.theme-btn{flex-direction:row;justify-content:center}}@media(prefers-color-scheme:dark){.settings-page{background:#0a0a0a}.settings-header h1{color:#fff}.settings-card{background:#1a1a1a}.settings-item{border-bottom-color:#2a2a2a}.settings-item.clickable:hover{background:#2a2a2a}.settings-item-info h3{color:#fff}.settings-item select{background:#0a0a0a;border-color:#2a2a2a;color:#fff}.theme-btn{background:#0a0a0a;border-color:#2a2a2a}.theme-btn:hover{background:#667eea15}}.verification-page{min-height:100vh;background:#f5f5f5;padding:24px 16px 100px}.verification-header{text-align:center;margin-bottom:32px}.verification-icon{color:#28a745;margin-bottom:16px}.verification-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.verification-header p{font-size:14px;color:#6c757d;margin:0}.verification-benefits{background:linear-gradient(135deg,#28a74515,#28a74510);border:2px solid #28a74530;border-radius:12px;padding:20px;margin-bottom:24px}.verification-benefits h2{font-size:16px;font-weight:700;color:#28a745;margin:0 0 16px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.benefit-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#1a1a1a}.benefit-item svg{color:#28a745;flex-shrink:0}.verification-steps{margin-bottom:24px}.verification-steps h2{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.steps-list{display:flex;flex-direction:column;gap:12px}.verification-step{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d;position:relative}.step-number{width:32px;height:32px;border-radius:50%;background:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.verification-step.completed .step-number{background:#28a745;color:#fff}.step-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content{flex:1;min-width:0}.step-content h3{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.step-content p{font-size:13px;color:#6c757d;margin:0 0 8px}.step-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.step-status.completed{background:#28a74515;color:#28a745}.step-status.not-started{background:#6c75 7d15;color:#6c757d}.step-action-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.step-action-btn:hover{background:#5568d3;transform:translateY(-1px)}.verification-upload h2{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.upload-area{background:#fff;border:2px dashed #667eea;border-radius:12px;padding:40px 20px;text-align:center;transition:all .2s ease;cursor:pointer}.upload-area:hover{border-color:#5568d3;background:#667eea05}.upload-area svg{color:#667eea;margin-bottom:16px}.upload-area h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.upload-area p{font-size:14px;color:#6c757d;margin:0 0 16px}.upload-btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background:#5568d3}.upload-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:13px;color:#6c757d}.upload-note svg{color:#ffc107;flex-shrink:0}@media(max-width:480px){.verification-page{padding:20px 12px 80px}.verification-header h1{font-size:20px}.benefits-grid{grid-template-columns:1fr}.upload-area{padding:32px 16px}}@media(prefers-color-scheme:dark){.verification-page{background:#0a0a0a}.verification-header h1,.verification-steps h2,.verification-upload h2{color:#fff}.verification-step{background:#1a1a1a}.step-content h3,.benefit-item{color:#fff}.upload-area{background:#1a1a1a}.upload-area h3{color:#fff}.upload-area:hover{background:#667eea10}}.verification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.verification-loading .spinning{color:#667eea;animation:spin 1s linear infinite}.verification-current-status{background:#fff;border:2px solid;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.status-info h3{font-size:18px;font-weight:700;margin:0 0 8px}.status-info p{font-size:14px;color:#6c757d;margin:0 0 4px}.status-info small{font-size:12px;color:#999}.verification-action-area{margin-bottom:24px}.verification-start{background:#fff;border-radius:12px;padding:48px 24px;text-align:center}.verification-start .shield-icon{color:#667eea;margin-bottom:16px}.verification-start h2{font-size:20px;font-weight:700;margin:0 0 8px}.verification-start p{font-size:14px;color:#6c757d;margin:0 0 24px}.verification-start-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.verification-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.verification-upload-form{background:#fff;border-radius:12px;padding:24px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.form-header h2{font-size:18px;font-weight:700;margin:0}.close-form-btn{background:#f5f5f5;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-form-btn:hover{background:#e0e0e0}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-section{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.form-section h3{font-size:16px;font-weight:700;margin:0 0 16px}.file-upload-field{margin-bottom:16px}.file-upload-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.file-upload-field input[type=file]{width:100%;padding:8px;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer}.file-upload-field input[type=file]:hover{border-color:#667eea}.file-name{display:block;margin-top:4px;font-size:12px;color:#28a745;font-weight:500}.form-note{display:flex;align-items:center;gap:8px;padding:12px;background:#ffc10715;border:1px solid #ffc10730;border-radius:8px;margin:16px 0;font-size:13px;color:#856404}.submit-verification-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;margin-top:24px}.submit-verification-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.submit-verification-btn:disabled{opacity:.6;cursor:not-allowed}.submit-verification-btn .spinning{animation:spin 1s linear infinite}.verification-success-info{background:linear-gradient(135deg,#28a74515,#28a74510);border:2px solid #28a74530;border-radius:12px;padding:48px 24px;text-align:center}.verification-success-info .success-icon{color:#28a745;margin-bottom:16px}.verification-success-info h2{font-size:20px;font-weight:700;color:#28a745;margin:0 0 8px}.verification-success-info p{font-size:14px;color:#6c757d;margin:0}.help-page{min-height:100vh;background:#f5f5f5;padding:24px 16px 100px}.help-header{text-align:center;margin-bottom:32px}.help-icon{color:#667eea;margin-bottom:16px}.help-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.help-header p{font-size:14px;color:#6c757d;margin:0}.help-quick-actions{margin-bottom:32px}.help-quick-actions h2{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.quick-action-btn{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;text-align:right}.quick-action-btn:hover{border-color:#667eea;background:#667eea05;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.quick-action-btn svg{color:#667eea;flex-shrink:0}.quick-action-btn h3{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 2px}.quick-action-btn p{font-size:13px;color:#6c757d;margin:0}.help-faq{margin-bottom:32px}.help-faq h2{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.faq-question{width:100%;display:flex;align-items:center;gap:12px;padding:16px;background:none;border:none;cursor:pointer;text-align:right;transition:background .2s ease}.faq-question:hover{background:#f8f9fa}.faq-category{padding:4px 12px;background:#667eea15;color:#667eea;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.faq-question-text{flex:1;font-size:15px;font-weight:600;color:#1a1a1a}.faq-question svg{color:#6c757d;flex-shrink:0}.faq-answer{padding:0 16px 16px;border-top:1px solid #f0f0f0;animation:fadeIn .2s ease}.faq-answer p{font-size:14px;color:#6c757d;line-height:1.6;margin:12px 0 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.help-contact-form{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.help-contact-form h2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.help-contact-form>p{font-size:14px;color:#6c757d;margin:0 0 24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#667eea05}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.submit-btn:active{transform:translateY(0)}@media(max-width:480px){.help-page{padding:20px 12px 80px}.help-header h1{font-size:20px}.quick-actions-grid{grid-template-columns:1fr}.help-contact-form{padding:20px}}@media(prefers-color-scheme:dark){.help-page{background:#0a0a0a}.help-header h1,.help-quick-actions h2,.help-faq h2,.help-contact-form h2{color:#fff}.quick-action-btn{background:#1a1a1a;border-color:#2a2a2a}.quick-action-btn:hover{background:#667eea10}.quick-action-btn h3{color:#fff}.faq-item{background:#1a1a1a}.faq-question:hover{background:#2a2a2a}.faq-question-text{color:#fff}.faq-answer{border-top-color:#2a2a2a}.help-contact-form{background:#1a1a1a}.form-group label{color:#fff}.form-group select,.form-group textarea{background:#0a0a0a;border-color:#2a2a2a;color:#fff}}.wallet-balance-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}.balance-main{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e9ecef}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.balance-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #667eea4d}.balance-toggle{width:40px;height:40px;border-radius:10px;border:none;background:#f8f9fa;color:#6c757d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.balance-toggle:hover{background:#e9ecef;color:#667eea}.balance-amount{margin-bottom:12px}.balance-amount label{display:block;font-size:13px;color:#6c757d;margin-bottom:8px;font-weight:600}.balance-amount h2{font-size:36px;font-weight:700;color:#1a1a1a;margin:0;direction:ltr;text-align:right}.balance-tokens{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffc10715;border:2px solid #ffc10730;border-radius:20px}.tokens-label{font-size:13px;color:#6c757d;font-weight:600}.tokens-value{font-size:16px;color:#ffc107;font-weight:700}.balance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.balance-stat{display:flex;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.earnings{background:#28a74515;color:#28a745}.stat-icon.pending{background:#ffc10715;color:#ffc107}.stat-icon.paid{background:#17a2b815;color:#17a2b8}.stat-icon.month.positive{background:#28a74515;color:#28a745}.stat-icon.month.negative{background:#dc354515;color:#dc3545}.stat-content{flex:1;min-width:0}.stat-content label{display:block;font-size:12px;color:#6c757d;margin-bottom:4px;font-weight:600}.stat-content p{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.change{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:700}.change.positive{background:#28a74515;color:#28a745}.change.negative{background:#dc354515;color:#dc3545}.balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.balance-action-btn.primary{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.balance-action-btn.primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.balance-action-btn.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.balance-action-btn.secondary:hover{background:#667eea05}.balance-note{text-align:center;font-size:13px;color:#856404;padding:10px;background:#fff3cd;border-radius:8px;margin-top:12px;border:1px solid #ffeaa7}@media(max-width:768px){.wallet-balance-card{padding:20px}.balance-amount h2{font-size:28px}.balance-stats,.balance-actions{grid-template-columns:1fr}}.balance-note-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;margin-top:20px;border:1px solid #bae6fd}.balance-note-info span{font-size:20px;flex-shrink:0}.balance-note-info p{margin:0;font-size:14px;color:#0369a1;line-height:1.5}@media(prefers-color-scheme:dark){.wallet-balance-card{background:#1a1a1a}.balance-main{border-bottom-color:#2a2a2a}.balance-toggle{background:#0a0a0a}.balance-toggle:hover{background:#2a2a2a}.balance-amount h2{color:#fff}.balance-stat{background:#0a0a0a}.stat-content p{color:#fff}.balance-action-btn.secondary{background:#1a1a1a}}.loyalty-points-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}.loyalty-header{display:flex;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.loyalty-icon{color:#667eea;flex-shrink:0}.loyalty-header h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.loyalty-header p{font-size:13px;color:#6c757d;margin:0}.loyalty-current{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px}.loyalty-points-display{display:flex;align-items:baseline;gap:8px}.points-number{font-size:42px;font-weight:700;color:#667eea}.points-label{font-size:16px;color:#6c757d;font-weight:600}.loyalty-level{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:20px;font-weight:700;font-size:14px}.loyalty-progress{margin-bottom:24px}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#6c757d;font-weight:600}.progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.loyalty-rewards{margin-bottom:24px}.loyalty-rewards h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.rewards-list{display:flex;flex-direction:column;gap:12px}.reward-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;transition:all .2s ease}.reward-item.unlocked{background:#28a74515;border:2px solid #28a74530}.reward-item.locked{background:#f8f9fa;border:2px solid #e9ecef;opacity:.6}.reward-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-item.unlocked .reward-icon{background:#28a74520;color:#28a745}.reward-item.locked .reward-icon{background:#e9ecef;color:#adb5bd}.reward-content{flex:1;min-width:0}.reward-content h4{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 2px}.reward-content p{font-size:13px;color:#6c757d;margin:0}.reward-badge{padding:6px 12px;background:#28a745;color:#fff;border-radius:12px;font-size:12px;font-weight:700;flex-shrink:0}.loyalty-how-to-earn h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.earn-methods{display:grid;gap:12px}.earn-method{display:flex;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px}.earn-icon{width:44px;height:44px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.earn-method h4{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 2px}.earn-method p{font-size:13px;color:#6c757d;margin:0}.loyalty-compact{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center}.loyalty-compact-header{display:flex;gap:12px;align-items:center}.loyalty-compact-icon{color:#667eea}.loyalty-compact h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 2px}.loyalty-compact p{font-size:18px;font-weight:700;color:#667eea;margin:0}.loyalty-level-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border:2px solid;border-radius:16px;font-size:13px;font-weight:700}.loyalty-notice{display:flex;gap:12px;padding:16px;background:#e7f3ff;border-radius:12px;border:1px solid #b3d9ff;margin-top:24px}.loyalty-notice .notice-icon{font-size:24px;flex-shrink:0}.loyalty-notice .notice-text strong{font-size:14px;color:#004085;display:block;margin-bottom:4px}.loyalty-notice .notice-text p{font-size:13px;color:#004085;margin:0;line-height:1.5}@media(max-width:768px){.loyalty-current{flex-direction:column;gap:16px;align-items:flex-start}.points-number{font-size:36px}}@media(prefers-color-scheme:dark){.loyalty-points-card,.loyalty-compact{background:#1a1a1a}.loyalty-header{border-bottom-color:#2a2a2a}.loyalty-header h2,.loyalty-rewards h3,.loyalty-how-to-earn h3,.reward-content h4,.earn-method h4,.loyalty-compact h3{color:#fff}.loyalty-current{background:#667eea20}.progress-bar{background:#2a2a2a}.reward-item.locked{background:#0a0a0a;border-color:#2a2a2a}.earn-method{background:#0a0a0a}.earn-icon{background:#2a2a2a}}.referral-program-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}.referral-header{display:flex;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.referral-icon{color:#667eea;flex-shrink:0}.referral-header h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.referral-header p{font-size:13px;color:#6c757d;margin:0}.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.referral-stat-card{display:flex;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px}.stat-icon-wrapper{width:48px;height:48px;border-radius:12px;background:#667eea15;color:#667eea;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper.earned{background:#28a74515;color:#28a745}.stat-content h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 2px}.stat-content p{font-size:13px;color:#6c757d;margin:0}.referral-code-section{margin-bottom:24px}.referral-code-section h3{font-size:14px;font-weight:700;color:#6c757d;margin:0 0 12px}.referral-code-box{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea30;border-radius:12px}.referral-code-display{flex:1;display:flex;align-items:center;gap:12px}.code-label{font-size:13px;color:#6c757d;font-weight:700}.code-value{font-size:24px;font-weight:700;color:#667eea;letter-spacing:2px;font-family:Courier New,monospace}.code-copy-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0}.code-copy-btn:hover{background:#5568d3}.code-copy-btn.copied{background:#28a745}.referral-link-section{margin-bottom:24px}.referral-link-section h3{font-size:14px;font-weight:700;color:#6c757d;margin:0 0 12px}.referral-link-box{display:flex;gap:12px}.referral-link-input{flex:1;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#f8f9fa;color:#495057;direction:ltr;text-align:left}.link-share-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0}.link-share-btn:hover{background:#667eea05}.referral-how-it-works{margin-bottom:24px}.referral-how-it-works h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.step-card{padding:20px;background:#f8f9fa;border-radius:12px;text-align:center}.step-number{width:40px;height:40px;margin:0 auto 12px;border-radius:50%;background:#667eea;color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-card h4{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.step-card p{font-size:13px;color:#6c757d;margin:0;line-height:1.5}.referral-benefits h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.benefits-list{display:flex;flex-direction:column;gap:12px}.benefit-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;font-size:14px;color:#495057}.benefit-icon{color:#28a745;flex-shrink:0}.referral-compact{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center}.referral-compact-header{display:flex;gap:12px;align-items:center}.referral-compact-icon{color:#667eea}.referral-compact h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 2px}.referral-compact p{font-size:13px;color:#6c757d;margin:0}.referral-share-compact{width:40px;height:40px;border-radius:10px;background:#667eea;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.referral-share-compact:hover{background:#5568d3;transform:scale(1.05)}.referral-notice{display:flex;gap:12px;padding:16px;background:#e7f3ff;border-radius:12px;border:1px solid #b3d9ff;margin-top:24px}.referral-notice .notice-icon{font-size:24px;flex-shrink:0}.referral-notice .notice-text strong{font-size:14px;color:#004085;display:block;margin-bottom:4px}.referral-notice .notice-text p{font-size:13px;color:#004085;margin:0;line-height:1.5}@media(max-width:768px){.referral-stats{grid-template-columns:1fr}.referral-code-box{flex-direction:column}.code-value{font-size:20px}.referral-link-box{flex-direction:column}.steps-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.referral-program-card,.referral-compact{background:#1a1a1a}.referral-header{border-bottom-color:#2a2a2a}.referral-header h2,.referral-how-it-works h3,.referral-benefits h3,.stat-content h3,.step-card h4,.referral-compact h3{color:#fff}.referral-stat-card,.step-card,.benefit-item{background:#0a0a0a}.referral-code-box{background:#667eea20}.referral-link-input{background:#0a0a0a;border-color:#2a2a2a;color:#fff}.link-share-btn{background:#1a1a1a}}.earnings-history-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}.earnings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e9ecef;gap:16px}.earnings-title-section{display:flex;gap:12px}.earnings-icon{color:#667eea;flex-shrink:0}.earnings-title-section h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.earnings-title-section p{font-size:13px;color:#6c757d;margin:0}.export-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.export-btn:hover{background:#218838;transform:translateY(-1px)}.earnings-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none}.search-box input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s ease}.search-box input:focus{outline:none;border-color:#667eea}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:10px 18px;background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{border-color:#667eea30}.filter-btn.active{background:#667eea;color:#fff;border-color:#667eea}.transactions-table{background:#f8f9fa;border-radius:12px;overflow:hidden;margin-bottom:20px}.table-header{display:grid;grid-template-columns:120px 100px 1fr 120px 140px;gap:12px;padding:16px 20px;background:#667eea;color:#fff;font-size:13px;font-weight:700}.table-body{max-height:500px;overflow-y:auto}.table-row{display:grid;grid-template-columns:120px 100px 1fr 120px 140px;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #e9ecef;transition:all .2s ease;align-items:center}.table-row:hover{background:#f8f9fa}.table-row:last-child{border-bottom:none}.date-text{font-size:13px;color:#6c757d}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:2px solid;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.description-text{font-size:14px;color:#1a1a1a;font-weight:600;display:block;margin-bottom:2px}.order-id{font-size:12px;color:#6c757d;font-family:Courier New,monospace}.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.amount-text{font-size:16px;font-weight:700;text-align:left;direction:ltr}.amount-text.positive{color:#28a745}.amount-text.negative{color:#dc3545}.no-transactions{padding:60px 20px;text-align:center;background:#fff}.no-data-icon{color:#dee2e6;margin-bottom:16px}.no-transactions p{font-size:14px;color:#6c757d;margin:0}.earnings-summary{display:flex;gap:24px;padding:20px;background:#f8f9fa;border-radius:12px;flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:8px}.summary-label{font-size:14px;color:#6c757d;font-weight:700}.summary-value{font-size:16px;font-weight:700;color:#1a1a1a}.summary-value.positive{color:#28a745}.summary-value.negative{color:#dc3545}.earnings-compact{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.earnings-compact h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.compact-transactions-list{display:flex;flex-direction:column;gap:8px}.compact-transaction-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:8px}.compact-transaction-info{display:flex;flex-direction:column;gap:2px}.compact-transaction-desc{font-size:13px;color:#1a1a1a;font-weight:600}.compact-transaction-date{font-size:11px;color:#6c757d}.compact-transaction-amount{font-size:14px;font-weight:700;direction:ltr}.compact-transaction-amount.positive{color:#28a745}.compact-transaction-amount.negative{color:#dc3545}@media(max-width:1024px){.table-header,.table-row{grid-template-columns:100px 90px 1fr 100px 120px;gap:8px;font-size:12px}}@media(max-width:768px){.earnings-header{flex-direction:column}.export-btn{width:100%;justify-content:center}.earnings-controls{flex-direction:column}.search-box{min-width:100%}.filter-buttons{width:100%;justify-content:space-between}.filter-btn{flex:1;padding:10px 8px;font-size:12px}.table-header{display:none}.table-row{grid-template-columns:1fr;gap:8px;padding:16px}.col-date:before{content:"التاريخ: ";font-weight:700;color:#6c757d}.col-type,.col-description,.col-status,.col-amount{display:flex;justify-content:space-between;align-items:center}.earnings-summary{flex-direction:column;gap:12px}.summary-item{justify-content:space-between}}@media(prefers-color-scheme:dark){.earnings-history-card,.earnings-compact,.table-row{background:#1a1a1a}.earnings-header{border-bottom-color:#2a2a2a}.earnings-title-section h2,.description-text,.summary-value,.earnings-compact h3,.compact-transaction-desc{color:#fff}.transactions-table{background:#0a0a0a}.table-row:hover{background:#2a2a2a}.search-box input,.filter-btn{background:#0a0a0a;border-color:#2a2a2a;color:#fff}.filter-btn.active{background:#667eea;border-color:#667eea}.earnings-summary,.compact-transaction-item{background:#0a0a0a}.no-transactions{background:#1a1a1a}}.provider-payment-methods{max-width:800px;margin:0 auto}.ppm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.ppm-header-content{display:flex;align-items:center;gap:16px}.ppm-header-icon{color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:12px;border-radius:14px}.ppm-header h2{margin:0;font-size:22px;color:#1f2937}.ppm-header p{margin:4px 0 0;font-size:14px;color:#6b7280}.ppm-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.ppm-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98159}.ppm-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:24px;color:#92400e;font-size:14px;line-height:1.6}.ppm-notice svg{flex-shrink:0;margin-top:2px}.ppm-notice strong{color:#78350f}.ppm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#6b7280}.ppm-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:ppm-spin .8s linear infinite}@keyframes ppm-spin{to{transform:rotate(360deg)}}.ppm-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden;border:1px solid #e5e7eb}.ppm-form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0}.ppm-form-header h3{margin:0;font-size:16px;color:#047857}.ppm-form-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s}.ppm-form-close:hover{background:#0000001a;color:#374151}.ppm-form-body{padding:24px}.ppm-form-group{margin-bottom:20px}.ppm-form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.ppm-form-group input,.ppm-form-group textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;transition:all .2s}.ppm-form-group input:focus,.ppm-form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.ppm-form-group textarea{resize:vertical;min-height:60px}.ppm-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.ppm-type-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;font-size:13px;color:#6b7280}.ppm-type-option:hover{border-color:var(--type-color, #10b981);background:#fff}.ppm-type-option.active{border-color:var(--type-color, #10b981);background:#fff;color:var(--type-color, #10b981)}.ppm-type-option.active svg{color:var(--type-color, #10b981)}.ppm-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.ppm-btn-cancel{padding:10px 24px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.ppm-btn-cancel:hover{background:#e5e7eb}.ppm-btn-save{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.ppm-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.ppm-btn-save:disabled{opacity:.7;cursor:not-allowed}.ppm-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ppm-spin .8s linear infinite}.ppm-methods-list{display:flex;flex-direction:column;gap:16px}.ppm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#f9fafb;border-radius:16px;border:2px dashed #d1d5db;text-align:center}.ppm-empty svg{color:#9ca3af;margin-bottom:16px}.ppm-empty h3{margin:0 0 8px;font-size:18px;color:#374151}.ppm-empty p{margin:0;color:#6b7280;font-size:14px}.ppm-method-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s}.ppm-method-card:hover{box-shadow:0 4px 16px #00000014}.ppm-method-card.default{border-color:var(--method-color, #10b981);border-width:2px}.ppm-method-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.ppm-method-type{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--method-color, #374151)}.ppm-method-type svg{color:var(--method-color, #6b7280)}.ppm-default-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border-radius:20px;font-size:12px;font-weight:600}.ppm-method-details{padding:16px 20px}.ppm-detail-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px}.ppm-detail-row.notes{padding-top:12px;margin-top:8px;border-top:1px dashed #e5e7eb}.ppm-detail-label{color:#6b7280;min-width:100px}.ppm-detail-value{color:#1f2937;font-weight:500}.ppm-detail-value.monospace{font-family:Courier New,monospace;letter-spacing:.5px}.ppm-method-actions{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f9fafb;border-top:1px solid #e5e7eb}.ppm-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.ppm-action-btn.set-default{background:#ecfdf5;color:#047857}.ppm-action-btn.set-default:hover{background:#d1fae5}.ppm-action-btn.edit{background:#eff6ff;color:#2563eb}.ppm-action-btn.edit:hover{background:#dbeafe}.ppm-action-btn.delete{background:#fef2f2;color:#dc2626;margin-inline-start:auto}.ppm-action-btn.delete:hover{background:#fee2e2}@media(max-width:640px){.ppm-header{flex-direction:column;align-items:stretch}.ppm-add-btn{justify-content:center}.ppm-type-options{grid-template-columns:repeat(2,1fr)}.ppm-form-actions{flex-direction:column}.ppm-btn-cancel,.ppm-btn-save{width:100%;justify-content:center}.ppm-detail-row{flex-direction:column;align-items:flex-start;gap:4px}.ppm-detail-label{min-width:auto;font-size:12px}.ppm-method-actions{flex-wrap:wrap}.ppm-action-btn.set-default{flex:1}}.wallet-page{min-height:100vh;background:#f5f5f5;padding-bottom:100px}.wallet-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 16px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}.wallet-header-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.wallet-header-icon{flex-shrink:0}.wallet-header h1{font-size:22px;font-weight:700;margin:0 0 4px}.wallet-header p{font-size:13px;opacity:.9;margin:0}.wallet-download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.wallet-download-btn:hover{background:#ffffff4d}.wallet-tabs{background:#fff;border-bottom:1px solid #e9ecef;overflow-x:auto;position:sticky;top:0;z-index:10}.wallet-tabs-container{display:flex;gap:4px;padding:8px 16px;min-width:-moz-max-content;min-width:max-content}.wallet-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-radius:8px;color:#6c757d;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.wallet-tab:hover{background:#f8f9fa;color:#667eea}.wallet-tab.active{background:#667eea15;color:#667eea}.wallet-content{padding:16px}.wallet-overview{display:flex;flex-direction:column;gap:16px}.wallet-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}@media(max-width:768px){.wallet-header{padding:20px 12px}.wallet-header h1{font-size:20px}.wallet-download-btn span{display:none}.wallet-tabs-container{padding:8px 12px}.wallet-content{padding:12px}.wallet-quick-stats{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.wallet-page{background:#0a0a0a}.wallet-tabs{background:#1a1a1a;border-bottom-color:#2a2a2a}.wallet-tab:hover{background:#2a2a2a}}.onboarding-container{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;overflow:hidden;transition:background .5s ease}.onboarding-skip{position:absolute;top:env(safe-area-inset-top,1rem);padding-top:.5rem;z-index:10;display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}[dir=ltr] .onboarding-skip{right:1rem}[dir=rtl] .onboarding-skip{left:1rem}.onboarding-skip:hover{background:#ffffff4d;transform:scale(1.05)}.onboarding-skip:active{transform:scale(.95)}.onboarding-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem 2rem;position:relative;overflow-y:auto;overflow-x:hidden}.onboarding-slide.animating-next{animation:slideOutLeft .2s ease-out forwards,slideInRight .2s ease-out .2s forwards}.onboarding-slide.animating-prev,[dir=rtl] .onboarding-slide.animating-next{animation:slideOutRight .2s ease-out forwards,slideInLeft .2s ease-out .2s forwards}[dir=rtl] .onboarding-slide.animating-prev{animation:slideOutLeft .2s ease-out forwards,slideInRight .2s ease-out .2s forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;width:100%;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-icon-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.slide-logo-wrapper{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30%;border:3px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #0003;animation:logoAppear .8s ease-out,logoFloat 3s ease-in-out infinite .8s}.slide-logo{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}@keyframes logoAppear{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.slide-icon-bg{position:absolute;inset:0;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;border:2px solid rgba(255,255,255,.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.slide-icon-wrapper svg{position:relative;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.slide-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.3}.slide-subtitle{font-size:1.25rem;font-weight:500;color:#ffffffe6;margin-bottom:1rem}.slide-description{font-size:1rem;color:#ffffffd9;line-height:1.7;margin-bottom:2rem;max-width:450px}.slide-features{display:grid;gap:.75rem;width:100%;max-width:500px;padding:0 .5rem}.slide-features.grid-2{grid-template-columns:repeat(2,1fr)}.slide-features.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:480px){.slide-features.grid-3{grid-template-columns:repeat(2,1fr)}.slide-features.grid-3 .feature-card:last-child:nth-child(odd){grid-column:span 2;max-width:200px;margin:0 auto}}.feature-card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1rem .75rem;text-align:center;opacity:0;animation:featureIn .4s ease-out forwards;transition:transform .3s ease,background .3s ease}@keyframes featureIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-card:hover{background:#ffffff40;transform:translateY(-4px)}.feature-card:active{transform:scale(.98)}.feature-icon-wrapper{width:56px;height:56px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff;transition:transform .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.25rem}.feature-description{font-size:.75rem;color:#fffc;line-height:1.4}.onboarding-start-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;padding:1rem 2.5rem;background:#fff;color:#667eea;border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #00000040;transition:all .3s ease;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.onboarding-start-btn:hover{transform:scale(1.05);box-shadow:0 15px 40px #0000004d}.onboarding-start-btn:active{transform:scale(.98)}.onboarding-start-btn svg{animation:playPulse 1.5s ease-in-out infinite}@keyframes playPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.onboarding-navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));background:#00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-btn{width:48px;height:48px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn.invisible{opacity:0;pointer-events:none}.onboarding-dots{display:flex;gap:.5rem;align-items:center}.dot{width:8px;height:8px;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:#ffffff80;transform:scale(1.2)}.dot.active{width:28px;border-radius:10px;background:#fff}.dot.completed{background:#fff9}.onboarding-progress{height:4px;background:#0003;position:absolute;bottom:0;left:0;right:0}.progress-bar{height:100%;background:#fff;border-radius:0 2px 2px 0;transition:width .4s ease;box-shadow:0 0 10px #ffffff80}.slide-counter{position:absolute;top:env(safe-area-inset-top,1rem);padding-top:.5rem;font-size:.75rem;color:#fff9;font-weight:500}[dir=ltr] .slide-counter{left:1rem}[dir=rtl] .slide-counter{right:1rem}@media(max-width:480px){.onboarding-slide{padding:3.5rem 1rem 1.5rem}.slide-icon-wrapper{width:100px;height:100px;margin-bottom:1rem}.slide-icon-wrapper svg{width:56px;height:56px}.slide-title{font-size:1.5rem}.slide-subtitle{font-size:1rem}.slide-description{font-size:.875rem;margin-bottom:1.5rem}.feature-card{padding:.75rem .5rem}.feature-icon-wrapper{width:44px;height:44px}.feature-icon-wrapper svg{width:24px;height:24px}.feature-title{font-size:.8rem}.feature-description{font-size:.7rem}.onboarding-start-btn{padding:.875rem 2rem;font-size:1rem}.nav-btn{width:40px;height:40px}}@media(min-width:768px){.slide-title{font-size:2.5rem}.slide-description{font-size:1.125rem}.slide-features{max-width:600px;gap:1rem}.feature-card{padding:1.25rem 1rem}.feature-icon-wrapper{width:64px;height:64px}.feature-title{font-size:1rem}.feature-description{font-size:.875rem}}.onboarding-slide::-webkit-scrollbar{display:none}.onboarding-slide{-ms-overflow-style:none;scrollbar-width:none}.onboarding-container{animation:containerFadeIn .5s ease-out}@keyframes containerFadeIn{0%{opacity:0}to{opacity:1}}.delivery-choice{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}@media(max-width:768px){.delivery-choice{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.delivery-choice-container{max-width:1200px;margin:0 auto}.delivery-choice-header{text-align:center;margin-bottom:60px;color:#fff}.delivery-choice-header h1{font-size:48px;font-weight:700;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.delivery-choice-header p{font-size:20px;margin:0;opacity:.9}.delivery-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-bottom:40px}.delivery-option{background:#fff;border-radius:24px;padding:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.delivery-option:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.delivery-option:hover:before{transform:scaleX(1)}.delivery-option:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.order-delivery .option-icon{color:#10b981;background:#d1fae5;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.ride-delivery .option-icon{color:#0ea5e9;background:#dbeafe;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.delivery-option h2{font-size:32px;font-weight:700;margin:0 0 12px;color:#1f2937}.option-description{font-size:18px;color:#6b7280;margin:0 0 32px}.option-features{list-style:none;padding:0;margin:0 0 32px;width:100%;text-align:right}.option-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:16px}.option-features li:last-child{border-bottom:none}.option-features svg{color:#667eea;flex-shrink:0}.option-button{width:100%;padding:16px 32px;font-size:18px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#fff}.order-delivery .option-button{background:linear-gradient(135deg,#10b981,#059669)}.order-delivery .option-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05)}.ride-delivery .option-button{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.ride-delivery .option-button:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:scale(1.05)}.delivery-info{max-width:600px;margin:0 auto}.info-card{background:#fffffff2;border-radius:16px;padding:24px;backdrop-filter:blur(10px)}.info-card h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#1f2937}.info-card p{font-size:16px;margin:0;color:#6b7280;line-height:1.6}@media(max-width:768px){.delivery-choice{padding:20px 16px}.delivery-choice-header h1{font-size:32px}.delivery-choice-header p{font-size:16px}.delivery-options{grid-template-columns:1fr;gap:24px}.delivery-option{padding:32px 24px}.delivery-option h2{font-size:24px}.option-description{font-size:16px}.option-features li{font-size:14px}.option-button{font-size:16px;padding:14px 24px}}.delivery-home{min-height:100vh;background:linear-gradient(135deg,#0ea5e9,#2563eb)}@media(max-width:768px){.delivery-home{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.location-picker-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.location-picker-card{background:#fff;border-radius:24px;padding:3rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.location-picker-header{text-align:center;margin-bottom:2rem}.location-icon{color:#0ea5e9;margin-bottom:1rem}.location-picker-header h1{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.location-picker-header p{color:#718096;font-size:1rem}.location-picker-body{display:flex;flex-direction:column;gap:1.5rem}.current-location-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#0ea5e9;color:#fff;border:none;border-radius:12px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.current-location-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.current-location-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;text-align:center;color:#a0aec0;margin:.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span{padding:0 1rem;font-size:.875rem}.manual-location-input{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;align-items:center;gap:.75rem;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;transition:border-color .3s ease}.input-group:focus-within{border-color:#0ea5e9}.input-group svg{color:#a0aec0;flex-shrink:0}.input-group input{flex:1;border:none;outline:none;font-size:1rem;color:#2d3748}.input-group input::-moz-placeholder{color:#cbd5e0}.input-group input::placeholder{color:#cbd5e0}.confirm-location-btn{background:#48bb78;color:#fff;border:none;border-radius:12px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-location-btn:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 8px 16px #48bb784d}.confirm-location-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.delivery-header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.location-display{display:flex;align-items:center;gap:.75rem;cursor:pointer;max-width:600px;transition:opacity .2s ease}.location-display:hover{opacity:.7}.location-display svg{color:#0ea5e9;flex-shrink:0}.location-info{display:flex;flex-direction:column;overflow:hidden}.location-label{font-size:.75rem;color:#718096;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.location-address{font-size:.95rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-tabs{display:flex;gap:.5rem;padding:1.5rem 2rem;background:#fff;overflow-x:auto;scrollbar-width:none}.delivery-tabs::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f7fafc;border:2px solid transparent;border-radius:12px;font-size:.95rem;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#edf2f7}.tab-btn.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:2rem;background:#f7fafc;min-height:60vh}.service-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.service-image{position:relative;width:100%;height:200px;overflow:hidden}.service-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.service-card:hover .service-image img{transform:scale(1.05)}.service-type-badge{position:absolute;top:.75rem;right:.75rem;background:#fff;border-radius:8px;padding:.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}.service-type-badge svg{color:#0ea5e9}.service-info{padding:1.25rem}.service-info h3{font-size:1.1rem;font-weight:700;color:#2d3748;margin-bottom:.75rem}.service-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:#718096}.service-categories{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.category-tag{background:#edf2f7;color:#4a5568;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.delivery-fee{font-size:.95rem;font-weight:600;color:#48bb78;margin-top:.5rem}.ride-section{background:#f7fafc;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.ride-banner{background:#fff;border-radius:24px;padding:4rem 3rem;text-align:center;max-width:500px;box-shadow:0 8px 24px #0000001a}.ride-banner svg{color:#0ea5e9;margin-bottom:1.5rem}.ride-banner h2{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.75rem}.ride-banner p{color:#718096;font-size:1.1rem;margin-bottom:2rem}.request-ride-btn{background:#0ea5e9;color:#fff;border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.request-ride-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state p,.empty-state p{color:#718096;font-size:1.1rem;margin-top:1rem}.empty-state svg{color:#cbd5e0;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}@media(max-width:768px){.location-picker-card{padding:2rem}.services-grid{grid-template-columns:1fr;padding:1rem}.delivery-tabs{padding:1rem}.ride-banner{padding:3rem 2rem}}.order-request-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:24px}@media(max-width:768px){.order-request-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.page-header h1{flex:1;margin:0;font-size:28px;font-weight:700;color:#212529}.back-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000014}.back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.close-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fee2e2;border:none;border-radius:12px;cursor:pointer;transition:all .3s;color:#dc2626}.close-btn:hover{background:#fecaca;transform:translateY(-2px)}.pending-order-info{max-width:600px;margin:0 auto 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:16px 20px;border:2px solid #f59e0b}.pending-order-badge{display:inline-block;background:#f59e0b;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:12px}.pending-order-details{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;font-weight:600;color:#92400e}.order-form{max-width:600px;margin:0 auto;background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 16px #0000001a}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#212529}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s}.category-btn:hover{background:#e9ecef;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-color:#0ea5e9}.category-icon{font-size:32px}.category-name{font-size:14px;font-weight:600;color:#495057}.location-input-group{display:flex;gap:12px}.location-input-group input{flex:1;padding:14px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:15px;transition:all .3s}.location-input-group input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.btn-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s}.btn-icon:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none}.selected-location{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:14px;color:#6c757d}.selected-location .icon-green{color:#28a745;flex-shrink:0}.selected-location .icon-red{color:#dc3545;flex-shrink:0}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.vehicle-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s}.vehicle-btn:hover{background:#e9ecef;transform:translateY(-2px)}.vehicle-btn.active{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-color:#0ea5e9}.vehicle-btn span{font-size:14px;font-weight:600;color:#495057}.vehicle-price{font-size:12px;color:#6c757d}.form-section textarea{width:100%;padding:14px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;transition:all .3s}.form-section textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.estimate-box{padding:20px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:12px;margin-bottom:24px}.estimate-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;color:#495057}.estimate-row:last-child{margin-bottom:0}.estimate-row.highlight{padding-top:12px;border-top:2px solid rgba(0,0,0,.1);font-size:18px;font-weight:700;color:#212529}.price-value{color:#28a745;font-size:22px}.btn-submit-order{width:100%;padding:16px;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit-order:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn-submit-order:disabled{opacity:.5;cursor:not-allowed;transform:none}.offers-container{max-width:800px;margin:0 auto}.trip-summary{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.location-summary{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:#6c757d}.location-summary:last-child{margin-bottom:0}.trip-info{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef;font-size:15px;font-weight:600;color:#495057}.offers-list{display:grid;gap:16px}.driver-offer-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s}.driver-offer-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.driver-info{display:flex;align-items:center;gap:16px;margin-bottom:20px}.driver-avatar{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.driver-details h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#212529}.driver-details p{margin:0 0 8px;font-size:14px;color:#6c757d}.driver-rating{display:flex;align-items:center;gap:4px}.rating-value{font-size:16px;font-weight:700;color:#212529}.rating-star{font-size:16px}.offer-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:12px}.offer-time{display:flex;align-items:center;gap:8px;font-size:15px;color:#495057}.offer-price{display:flex;align-items:center;gap:4px;font-size:22px;font-weight:700;color:#28a745}.btn-accept-offer{width:100%;padding:14px;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-accept-offer:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-accept-offer:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.order-request-page{padding:16px}.page-header h1{font-size:24px}.order-form{padding:24px}.categories-grid{grid-template-columns:repeat(3,1fr)}.vehicles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.categories-grid{grid-template-columns:repeat(2,1fr)}.vehicles-grid{grid-template-columns:1fr}}.btn-store-request{width:100%;padding:18px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;box-shadow:0 4px 15px #8b5cf64d}.btn-store-request:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-store-request:active:not(:disabled){transform:translateY(-1px)}.btn-store-request:disabled{opacity:.6;cursor:not-allowed;transform:none}.driver-profile-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:fadeIn .2s ease-out}.driver-profile-modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;direction:rtl}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:16px 20px;display:flex;justify-content:flex-start;border-bottom:1px solid #f1f5f9}.close-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#e2e8f0;transform:scale(1.1)}.driver-main-info{padding:24px;display:flex;gap:20px;align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.driver-avatar-section{position:relative}.driver-avatar-large{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0000001a}.raised-hand-badge{position:absolute;bottom:-8px;right:-8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #10b98166;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hand-emoji{font-size:14px}.driver-name-section{flex:1}.driver-name-section h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1e293b}.rating-section{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stars-display{display:flex;gap:2px}.rating-text{font-size:14px;color:#64748b;font-weight:600}.quick-stats{display:flex;gap:16px}.quick-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}.quick-stat svg{color:#0ea5e9}.vehicle-info-section{padding:24px;border-bottom:1px solid #f1f5f9}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#1e293b}.section-title svg{color:#0ea5e9}.section-title h3{margin:0;font-size:16px;font-weight:700}.vehicle-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vehicle-detail{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:#64748b;font-weight:500}.detail-value{font-size:14px;color:#1e293b;font-weight:600}.stats-section{padding:24px;border-bottom:1px solid #f1f5f9}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:12px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:18px;font-weight:700;color:#1e293b}.stat-label{font-size:11px;color:#64748b}.badges-section{padding:24px;border-bottom:1px solid #f1f5f9}.badges-list{display:flex;flex-wrap:wrap;gap:8px}.badge-item{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;font-size:13px;font-weight:600;color:#92400e}.badge-icon{font-size:16px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;border-bottom:1px solid #f1f5f9}.info-section h4{margin:0 0 12px;font-size:14px;font-weight:700;color:#1e293b}.tags-list{display:flex;flex-direction:column;gap:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border-radius:8px;font-size:12px;color:#475569;font-weight:500}.modal-footer{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:0 0 20px 20px}.price-display{display:flex;flex-direction:column;gap:4px}.price-label{font-size:12px;color:#64748b;font-weight:500}.price-value{font-size:28px;font-weight:700;color:#10b981}.select-driver-btn{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.select-driver-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.select-driver-btn:active{transform:translateY(0)}@media(max-width:640px){.driver-profile-overlay{align-items:flex-end;padding:0}.driver-profile-modal{max-height:90vh;min-height:60vh;border-radius:24px 24px 0 0;width:100%;max-width:100%;margin:0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:16px;position:sticky;top:0;background:#fff;z-index:10}.modal-title{font-size:16px}.close-modal-btn{width:36px;height:36px}.modal-body{padding:12px 16px}.driver-main-info{flex-direction:column;text-align:center;gap:12px}.driver-avatar-large{width:80px;height:80px}.driver-name-large{font-size:20px}.driver-rating-large{justify-content:center}.driver-badges{justify-content:center;flex-wrap:wrap}.driver-badge{font-size:11px;padding:4px 10px}.info-section{padding:12px;margin-bottom:12px}.section-title{font-size:14px;margin-bottom:12px}.vehicle-details-grid,.stats-grid,.info-grid{grid-template-columns:1fr;gap:8px}.vehicle-detail-item,.stat-item,.info-item{padding:10px;flex-direction:row;align-items:center;justify-content:space-between}.vehicle-detail-icon,.stat-icon{width:36px;height:36px}.vehicle-detail-info,.stat-info{text-align:left;flex:1}.stat-value{font-size:16px}.reviews-section{padding:12px}.review-card{padding:10px}.review-header{flex-direction:column;align-items:flex-start;gap:6px}.review-text{font-size:13px}.modal-footer{flex-direction:column;padding:12px 16px;gap:8px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb}.cancel-btn,.select-driver-btn{width:100%;padding:14px}.select-driver-btn{order:-1}.contact-buttons{flex-direction:row;gap:8px;width:100%}.contact-btn{flex:1;padding:12px}.contact-btn span{display:none}}.driver-profile-modal::-webkit-scrollbar{width:6px}.driver-profile-modal::-webkit-scrollbar-track{background:#f1f5f9}.driver-profile-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.driver-profile-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.driver-notification-system{position:fixed;top:80px;right:20px;max-width:400px;z-index:1001;display:flex;flex-direction:column;gap:16px}.waiting-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 40px #00000026;border:2px solid #0ea5e9;animation:slideInRight .4s ease-out}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.waiting-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.bell-icon{color:#0ea5e9}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.animate-ring{animation:ring 2s ease-in-out infinite}.waiting-text h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#1e293b}.waiting-text p{margin:0;font-size:13px;color:#64748b}.countdown-circle{position:relative;width:80px;height:80px;margin:0 auto 24px}.countdown-progress{transition:stroke-dashoffset 1s linear}.countdown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#0ea5e9}.waiting-stats{display:flex;flex-direction:column;gap:12px}.waiting-stat{display:flex;align-items:center;gap:8px;padding:12px;background:#f1f5f9;border-radius:12px;font-size:13px;color:#475569}.waiting-stat svg{color:#64748b}.waiting-stat.success{background:#dcfce7;color:#166534}.waiting-stat.success svg{color:#16a34a}.responded-drivers-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 40px #00000026;border:2px solid #10b981;animation:slideInRight .4s ease-out;max-height:500px;overflow-y:auto}.panel-header{margin-bottom:16px}.panel-header h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.panel-header p{margin:0;font-size:12px;color:#64748b}.responded-drivers-list{display:flex;flex-direction:column;gap:12px}.responded-driver-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:2px solid #bbf7d0;cursor:pointer;transition:all .2s;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.responded-driver-card:hover{transform:translate(-4px);box-shadow:0 4px 16px #10b98133;border-color:#10b981}.driver-badge-new{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;box-shadow:0 2px 8px #ef444466;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.responded-driver-card img{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}.driver-info h4{margin:0 0 2px;font-size:14px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-info p{margin:0 0 6px;font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#64748b}.hand-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:10px;font-weight:700}.driver-price-badge{font-size:16px;font-weight:700;color:#10b981;padding:8px 12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.still-waiting-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px;background:#fef3c7;border-radius:8px;font-size:12px;color:#92400e}.still-waiting-note svg{color:#f59e0b}.no-response-panel{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 10px 40px #00000026;border:2px solid #f59e0b;animation:slideInRight .4s ease-out;text-align:center}.no-response-icon{font-size:64px;margin-bottom:16px;animation:sad-bounce 2s ease-in-out infinite}@keyframes sad-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-response-panel h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e293b}.no-response-panel>p{margin:0 0 20px;font-size:14px;color:#64748b;line-height:1.6}.resend-notification-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #f59e0b4d;margin-bottom:12px}.resend-notification-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.resend-notification-btn:active{transform:translateY(0)}.retry-hint{font-size:12px;color:#64748b;background:#fef3c7;padding:8px 12px;border-radius:8px;margin:0!important}.responded-drivers-panel::-webkit-scrollbar{width:6px}.responded-drivers-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.responded-drivers-panel::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.responded-drivers-panel::-webkit-scrollbar-thumb:hover{background:#059669}@media(max-width:768px){.driver-notification-system{inset:auto 8px 70px;max-width:none;border-radius:16px}.waiting-panel,.responded-drivers-panel{padding:12px}.waiting-panel h3,.responded-drivers-panel h4{font-size:14px}.waiting-timer{font-size:20px;padding:16px}.waiting-message{font-size:13px;padding:0 12px}.responded-driver-card{padding:12px;flex-direction:column;align-items:stretch;gap:12px}.driver-info{flex-direction:column;align-items:center;text-align:center;gap:8px}.driver-avatar{width:48px;height:48px}.driver-details{align-items:center}.driver-name{font-size:15px}.driver-rating,.driver-vehicle,.driver-eta{font-size:12px;justify-content:center}.driver-actions{flex-direction:row;justify-content:center;width:100%;gap:8px}.driver-actions button{flex:1;padding:10px 16px;font-size:13px}.responded-drivers-panel{max-height:250px}.notification-header{padding:12px;flex-direction:column;gap:8px}.notification-header h4{font-size:14px}.notification-actions{width:100%;justify-content:space-between}.notification-close-btn,.notification-minimize-btn{width:36px;height:36px}.notification-order-info{padding:12px;flex-direction:column;gap:8px}.order-pickup,.order-dropoff{font-size:12px}.notification-price{font-size:16px;text-align:center;width:100%;margin-top:8px}}@media(max-width:1024px){.driver-notification-system{position:relative;top:0;right:0;max-width:100%;margin-bottom:16px}}.ride-request-new{display:flex;height:calc(100vh - 80px);background:#f8fafc;direction:rtl}.map-section{flex:1;position:relative;overflow:hidden}.map-container{width:100%;height:100%}.drivers-overlay{position:absolute;top:20px;left:20px;background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 20px #0000001a;max-width:320px;z-index:1000}.drivers-overlay h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.drivers-mini-list{display:flex;flex-direction:column;gap:8px}.driver-mini-card{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.driver-mini-card:hover{background:#e0f2fe;border-color:#0ea5e9}.driver-mini-card.selected{background:#e0f2fe;border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e933}.driver-mini-card img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.driver-mini-card{position:relative}.driver-mini-card.raised-hand{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#10b981}.hand-indicator{position:absolute;top:-4px;right:-4px;font-size:16px;animation:wave 1s ease-in-out infinite;z-index:10}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.driver-mini-card>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.driver-mini-card>div:nth-child(3),.driver-mini-card>div:nth-child(4){flex:1;display:flex;flex-direction:column;gap:2px}.driver-mini-card strong{font-size:14px;color:#1e293b}.driver-mini-card span{font-size:12px;color:#64748b}.driver-price{font-size:14px;font-weight:700;color:#0ea5e9}.driver-mini-card.raised-hand .driver-price{color:#10b981}.control-panel{width:450px;background:#fff;overflow-y:auto;padding:32px 24px;box-shadow:-4px 0 20px #0000000d}.control-panel h1{margin:0 0 24px;font-size:28px;font-weight:700;color:#1e293b}.input-section{margin-bottom:20px}.input-section label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.location-input-group{display:flex;gap:8px}.location-input-group input{flex:1}.input-section input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s;outline:none}.input-section input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.btn-location{padding:12px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center}.btn-location:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.vehicle-types{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vehicle-btn{padding:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.vehicle-btn:hover{background:#e0f2fe;border-color:#0ea5e9}.vehicle-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0ea5e9;color:#fff;box-shadow:0 4px 12px #0ea5e94d}.vehicle-icon{font-size:32px}.vehicle-name{font-size:13px;font-weight:600}.vehicle-price{font-size:11px;opacity:.8}.passenger-selector{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.passenger-selector button{width:36px;height:36px;background:#0ea5e9;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.passenger-selector button:hover{background:#0284c7;transform:scale(1.1)}.passenger-selector span{font-size:18px;font-weight:700;color:#1e293b}.price-estimate{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:2px solid #bae6fd;margin-bottom:20px}.price-estimate>svg{color:#0ea5e9}.price-estimate>div{flex:1;display:flex;flex-direction:column;gap:2px}.price-estimate span{font-size:12px;color:#64748b}.price-estimate strong{font-size:16px;color:#0ea5e9;font-weight:700}.selected-driver-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:16px;border:2px solid #a7f3d0;margin-bottom:20px}.selected-driver-card img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}.driver-details{flex:1}.driver-details h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#1e293b}.driver-details p{margin:0 0 8px;font-size:13px;color:#64748b}.driver-meta{display:flex;gap:12px;font-size:12px;color:#64748b}.driver-price-big{font-size:20px;font-weight:700;color:#10b981}.btn-confirm-ride{width:100%;padding:16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-confirm-ride:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-confirm-ride:disabled{opacity:.5;cursor:not-allowed}.pickup-marker,.driver-marker{cursor:pointer}.driver-marker:hover{z-index:1000}@media(max-width:1024px){.ride-request-new{flex-direction:column;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.map-section{height:40%}.control-panel{width:100%;height:60%}.drivers-overlay{max-width:calc(100% - 40px)}}@media(max-width:640px){.control-panel{padding:20px 16px}.control-panel h1{font-size:22px}.vehicle-types{grid-template-columns:1fr}.drivers-overlay{top:10px;left:10px;right:10px;max-width:none}}.mapboxgl-popup-content{padding:12px!important;border-radius:12px!important;box-shadow:0 4px 20px #00000026!important}.mapboxgl-popup-content h3{margin:0 0 4px!important;font-size:14px!important;font-weight:600!important;color:#1e293b!important}.mapboxgl-popup-content p{margin:0!important;font-size:12px!important;color:#64748b!important}.mapboxgl-popup-close-button{font-size:20px!important;padding:0 8px!important}@keyframes pulse{0%,to{box-shadow:0 0 #0ea5e9b3}50%{box-shadow:0 0 0 10px #0ea5e900}}.driver-marker>div{animation:pulse 2s infinite}.ride-tracking{min-height:100vh;background:#f7fafc;display:flex;flex-direction:column}@media(max-width:768px){.ride-tracking{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.tracking-map{width:100%;height:50vh;background:linear-gradient(135deg,#0ea5e9,#2563eb);position:relative;overflow:hidden}.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.map-placeholder svg{margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.map-placeholder p{font-size:1.25rem;font-weight:600}.tracking-info{flex:1;padding:0;max-width:600px;width:100%;margin:0 auto}.status-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;color:#fff;font-size:1.1rem;font-weight:600;box-shadow:0 4px 12px #0000001a}.driver-card{background:#fff;padding:2rem;box-shadow:0 2px 8px #0000001a}.driver-header{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}.driver-header img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #0ea5e9}.driver-info h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.driver-rating{font-size:1rem;color:#f6ad55;margin-bottom:.5rem}.vehicle-details{font-size:.95rem;color:#718096}.driver-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.call-btn{background:#48bb78;color:#fff}.call-btn:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.message-btn{background:#0ea5e9;color:#fff}.message-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.trip-details{background:#fff;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;box-shadow:0 2px 8px #0000001a}.detail-item{display:flex;align-items:flex-start;gap:1rem}.detail-item svg{color:#0ea5e9;flex-shrink:0;margin-top:.25rem}.detail-item>div{flex:1;display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;color:#718096;font-weight:500}.detail-value{font-size:1.1rem;color:#2d3748;font-weight:600}.completion-actions{display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#fff;margin-top:1rem}.rate-btn,.done-btn{padding:1rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.rate-btn{background:#f6ad55;color:#fff}.rate-btn:hover{background:#ed8936;transform:translateY(-2px);box-shadow:0 4px 12px #f6ad554d}.done-btn{background:#0ea5e9;color:#fff}.done-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.loading-container,.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.loading-container p{color:#718096;font-size:1.1rem}.error-container p{color:#4a5568;font-size:1.25rem;margin-bottom:1.5rem}.error-container button{padding:1rem 2rem;background:#0ea5e9;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-container button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media(max-width:768px){.tracking-map{height:40vh}.driver-card{padding:1.5rem}.driver-header{flex-direction:column;text-align:center}.trip-details,.completion-actions{padding:1.5rem}}.price-negotiation{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.current-price-header{display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;margin-bottom:16px;font-size:16px;position:relative}.current-price-header strong{font-size:20px;margin-right:4px}.btn-open-chat{margin-right:auto;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;font-size:14px}.btn-open-chat:hover{background:#ffffff4d;transform:translateY(-1px)}.btn-open-chat:active{transform:translateY(0)}.accepted-offer-banner{display:flex;align-items:center;gap:10px;padding:14px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-radius:8px;margin-bottom:16px;font-weight:500}.accepted-offer-banner strong{font-size:18px}.discount-badge{margin-right:auto;background:#ffffff40;padding:4px 12px;border-radius:20px;font-size:13px}.btn-offer-price{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-offer-price:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.btn-offer-price:disabled{opacity:.6;cursor:not-allowed;transform:none}.offer-form{background:#f8f9fa;padding:20px;border-radius:10px;margin:16px 0;border:2px solid #e9ecef}.offer-form h4{margin:0 0 16px;color:#495057;font-size:16px;text-align:center}.form-group label{display:block;margin-bottom:6px;color:#495057;font-weight:500;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group textarea:disabled{background:#e9ecef;cursor:not-allowed}.discount-preview{margin-top:8px;padding:8px 12px;background:#d1f4e0;color:#198754;border-radius:6px;font-size:13px;font-weight:600;text-align:center}.error-message{padding:10px;background:#f8d7da;color:#842029;border-radius:6px;margin-bottom:12px;font-size:13px;text-align:center}.form-actions{display:flex;gap:10px;margin-top:16px}.btn-submit,.btn-cancel{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.pending-offers{margin-top:20px}.pending-offers h4{margin:0 0 14px;color:#495057;font-size:15px}.offer-card{background:#fff;border:2px solid #dee2e6;border-radius:10px;padding:16px;margin-bottom:12px;transition:all .3s ease}.offer-card.my-offer{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#f0f2ff)}.offer-card.their-offer{border-color:#f5576c;background:linear-gradient(135deg,#fff8f9,#fff0f2)}.offer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.sender-info{display:flex;align-items:center;gap:6px}.sender-name{font-weight:700;color:#212529;font-size:14px}.sender-role{color:#6c757d;font-size:12px}.offer-time{display:flex;align-items:center;gap:4px;color:#dc3545;font-size:12px;font-weight:600}.offer-price-details{margin-bottom:12px}.price-comparison{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.old-price{color:#6c757d;text-decoration:line-through;font-size:16px}.arrow{color:#28a745;font-weight:700}.new-price{color:#28a745;font-size:20px;font-weight:700}.discount-info{display:flex;align-items:center;justify-content:center;gap:6px;color:#28a745;font-size:14px;font-weight:600}.offer-reason{display:flex;align-items:flex-start;gap:6px;padding:10px;background:#fff9e6;border-right:3px solid #ffc107;border-radius:4px;margin-bottom:12px;font-size:13px;color:#856404;line-height:1.4}.offer-actions{display:flex;gap:10px}.btn-accept,.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-accept{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-accept:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #11998e66}.btn-reject{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-reject:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #eb334966}.btn-accept:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed}.offer-status-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:6px;font-size:13px;font-weight:600;margin-top:10px}.offer-status-badge.pending{background:#fff9e6;color:#856404;border:1px solid #ffc107}.past-offers{margin-top:20px;border-top:1px solid #e9ecef;padding-top:16px}.past-offers summary{cursor:pointer;color:#6c757d;font-size:14px;font-weight:600;padding:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s}.past-offers summary:hover{color:#495057}.past-offers-list{margin-top:12px}.past-offer-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8f9fa;border-radius:6px;margin-bottom:8px;font-size:13px}.past-offer-info{display:flex;align-items:center;gap:12px}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.accepted{background:#d1f4e0;color:#198754}.status-badge.rejected{background:#f8d7da;color:#842029}.status-badge.expired{background:#e9ecef;color:#6c757d}[dir=rtl] .price-negotiation{direction:rtl}@media(max-width:768px){.price-negotiation{padding:16px}.current-price-header,.accepted-offer-banner{font-size:14px}.current-price-header strong{font-size:18px}.price-comparison{flex-direction:column;gap:6px}.arrow{transform:rotate(90deg)}}.order-tracking-page{position:relative;min-height:100vh;width:100vw;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-toggle{position:fixed;top:50%;left:20px;transform:translateY(-50%);z-index:1002;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #667eea66;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 12px 32px #667eea80}.sidebar-toggle:active{transform:translateY(-50%) scale(.95)}.sidebar-toggle.open{left:490px}.floating-message-btn{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:999;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#991b1b);border:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 40px #dc262699;transition:all .3s cubic-bezier(.4,0,.2,1);gap:4px;animation:pulse-message 2s ease-in-out infinite}@keyframes pulse-message{0%,to{box-shadow:0 12px 40px #dc262699}50%{box-shadow:0 12px 40px #dc2626cc,0 0 0 8px #dc26264d}}.floating-message-btn:hover{transform:translate(-50%) scale(1.15) rotate(5deg);box-shadow:0 16px 48px #dc2626b3}.floating-message-btn:active{transform:translate(-50%) scale(1.05)}.message-label{font-size:13px;font-weight:700;margin-top:2px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.tracking-map{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;overflow:hidden}.google-map-container{width:100%;height:100%}.map-loading-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:16px}.map-loading-placeholder>svg{opacity:.9;animation:float 3s ease-in-out infinite}.map-loading-placeholder>p{font-size:18px;font-weight:600}.map-overlay-buttons{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:10}.map-nav-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:14px;font-weight:600;color:#1f2937;transition:all .2s ease}.map-nav-btn:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.map-nav-btn svg{color:#10b981}.map-nav-btn.destination svg{color:#ef4444}.map-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:24px;padding:48px;position:relative}.map-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.map-placeholder>svg{opacity:.9;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-placeholder>p{font-size:28px;font-weight:700;margin:0;opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.5px}.locations-info{width:100%;max-width:600px;background:#ffffff2e;backdrop-filter:blur(20px);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0000001a}.location-item{background:#ffffff40;padding:14px 18px;border-radius:14px;font-size:15px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.location-item:hover{background:#ffffff59;transform:translate(-4px)}.location-item strong{font-weight:700;margin-left:8px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.driver-location{background:#0ea5e959;border:2px solid rgba(255,255,255,.5);font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #0ea5e966}50%{opacity:.85;box-shadow:0 0 0 8px #0ea5e900}}.map-popup{padding:8px;text-align:center}.popup-title{margin:0 0 4px;font-weight:600;font-size:14px;color:#212529}.popup-address{margin:0;font-size:12px;color:#6c757d}.tracking-details{position:fixed;top:0;left:0;width:480px;height:100vh;background:#fff;padding:32px 28px;overflow:visible;display:flex;flex-direction:column;gap:24px;box-shadow:4px 0 32px #00000026;z-index:1000;transform:translate(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.tracking-details.closed{transform:translate(-100%)}.tracking-details:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.sidebar-header{padding-bottom:20px;border-bottom:2px solid #e2e8f0;margin-bottom:8px}.sidebar-header h2{font-size:26px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-header .order-number{font-size:15px;color:#64748b;margin:4px 0;font-weight:600}.sidebar-header .service-name{font-size:14px;color:#94a3b8;margin:4px 0}.tracking-details::-webkit-scrollbar{width:8px}.tracking-details::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.tracking-details::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px}.tracking-details::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5568d3,#653a8b)}.status-card{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid;border-radius:20px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.status-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:currentColor;opacity:.8}.status-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.status-icon{flex-shrink:0;background:#fffc;padding:14px;border-radius:16px;box-shadow:0 2px 8px #00000014}.status-text{flex:1}.status-text h3{margin:0 0 6px;font-size:19px;font-weight:800;color:#1a202c;letter-spacing:-.3px}.status-text p{margin:0;font-size:14px;color:#718096;font-weight:500}.eta-card{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(135deg,#fff9e6,#ffe9b3);border-radius:20px;border:2px solid #ffd966;box-shadow:0 4px 16px #ffc10726;transition:all .3s ease}.eta-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10740}.eta-card svg{color:#f59e0b;flex-shrink:0;background:#fff9;padding:12px;border-radius:14px}.eta-card h4{margin:0 0 6px;font-size:14px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.eta-value{margin:0;font-size:28px;font-weight:900;color:#f59e0b;letter-spacing:-.5px}.driver-card{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:2px solid #e2e8f0;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.driver-card:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);pointer-events:none}.driver-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1}.driver-card img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:4px solid white;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.driver-card:hover img{transform:scale(1.05);box-shadow:0 6px 16px #00000026}.driver-info{flex:1;min-width:0}.driver-info h3{margin:0 0 6px;font-size:20px;font-weight:800;color:#1a202c;letter-spacing:-.3px}.driver-info p{margin:0 0 10px;font-size:14px;color:#64748b;font-weight:500}.driver-rating{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:6px 12px;border-radius:12px;width:-moz-fit-content;width:fit-content;border:1px solid #fbbf24}.driver-rating span{font-size:16px;font-weight:800;color:#92400e}.contact-actions{display:flex;flex-direction:column;gap:10px;margin-right:8px}.btn-contact{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#dc2626,#991b1b);border:none;border-radius:16px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 4px 12px #dc262680;position:relative;overflow:hidden}.btn-contact:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-contact:hover:before{width:100px;height:100px}.btn-contact:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #dc262699}.btn-contact:active{transform:translateY(-2px) scale(1.02)}.btn-contact svg{position:relative;z-index:1}.locations-card{padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:2px solid #e2e8f0;box-shadow:0 4px 16px #0000000f}.location-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #e2e8f0;transition:all .3s ease}.location-item:last-child{border-bottom:none;padding-bottom:0}.location-item:first-child{padding-top:0}.location-item:hover{padding-right:8px}.location-item .icon-green{color:#10b981;flex-shrink:0;margin-top:4px;background:#10b9811a;padding:8px;border-radius:12px}.location-item .icon-red{color:#ef4444;flex-shrink:0;margin-top:4px;background:#ef44441a;padding:8px;border-radius:12px}.location-label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.location-item p{margin:0;font-size:15px;color:#1e293b;line-height:1.6;font-weight:500}.location-item div{flex:1}.location-divider{height:32px;width:3px;background:linear-gradient(180deg,#e2e8f0,#cbd5e1);margin:12px 0 12px 10px;border-radius:2px}.order-tracking-loading,.order-tracking-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);padding:40px}.loading-spinner{width:64px;height:64px;border:5px solid #e2e8f0;border-top-color:#667eea;border-bottom-color:#764ba2;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.27,1.55) infinite;box-shadow:0 4px 16px #667eea33}@keyframes spin{0%{transform:rotate(0);border-top-color:#667eea}50%{transform:rotate(180deg);border-top-color:#764ba2}to{transform:rotate(360deg);border-top-color:#667eea}}.order-tracking-loading p{font-size:16px;color:#64748b;font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.order-tracking-error h3{margin:0 0 16px;font-size:24px;color:#ef4444;font-weight:800}.order-tracking-error p{color:#64748b;font-size:15px;font-weight:500;margin-bottom:20px}.order-tracking-error button{padding:16px 32px;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0ea5e94d}.order-tracking-error button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0ea5e966}.message-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-modal{background:#fff;border-radius:24px;width:92%;max-width:650px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000059;animation:slideUp .4s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.message-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.message-modal-header:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}.message-modal-header h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.3px;position:relative;z-index:1}.btn-close-modal{background:#ffffff40;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:22px;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;font-weight:300;position:relative;z-index:1}.btn-close-modal:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1);border-color:#ffffff80}.btn-close-modal:active{transform:rotate(90deg) scale(.95)}.message-modal-body{flex:1;overflow-y:auto;padding:28px;background:linear-gradient(180deg,#fff,#f8fafc)}.message-modal-body::-webkit-scrollbar{width:8px}.message-modal-body::-webkit-scrollbar-track{background:#f1f3f5}.message-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px}.btn-contact{background:transparent;border:2px solid #e9ecef;cursor:pointer}@media(max-width:1400px){.tracking-details{width:420px}.sidebar-toggle.open{left:430px}}@media(max-width:1200px){.tracking-details{width:380px}.sidebar-toggle.open{left:390px}.floating-message-btn{width:70px;height:70px;bottom:24px;right:24px}}@media(max-width:768px){.tracking-details{width:100%;max-width:360px}.tracking-details.closed{transform:translate(-100%)}.sidebar-toggle{width:48px;height:48px}.sidebar-toggle.open{left:calc(100vw - 58px)}.floating-message-btn{width:64px;height:64px;bottom:calc(90px + env(safe-area-inset-bottom,0px));right:20px}.message-label{font-size:11px}.sidebar-header h2{font-size:22px}.driver-card{flex-direction:column;text-align:center}.driver-card img{width:96px;height:96px}.contact-actions{flex-direction:row;justify-content:center;width:100%;margin-right:0}.btn-contact{width:64px;height:64px}.message-modal{width:96%;max-height:90vh}.message-modal-header,.message-modal-body{padding:20px}}.tracking-header{background:linear-gradient(135deg,#fff,#f8fafc);padding:28px;border-radius:20px;margin-bottom:20px;box-shadow:0 4px 16px #0000000f;border:2px solid #e2e8f0;transition:all .3s ease}.tracking-header:hover{box-shadow:0 8px 24px #0000001a}.tracking-header h2{margin:0 0 12px;color:#1a202c;font-size:28px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-number{color:#64748b;font-size:15px;margin:6px 0;font-weight:600;display:flex;align-items:center;gap:8px}.order-number:before{content:"📋";font-size:16px}.service-name{color:#0ea5e9;font-weight:700;margin:6px 0;font-size:15px;display:inline-block;background:#0ea5e91a;padding:6px 14px;border-radius:12px;border:1px solid rgba(14,165,233,.2)}.status-time{font-size:13px;color:#64748b;margin-top:4px}.timeline-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:28px;margin-top:20px;box-shadow:0 4px 16px #0000000f;border:2px solid #e2e8f0}.timeline-card h3{margin:0 0 24px;color:#1a202c;font-size:20px;font-weight:800;letter-spacing:-.3px}.timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;gap:18px;position:relative;padding-bottom:20px;transition:all .3s ease}.timeline-item:hover{padding-right:8px}.timeline-item:not(:last-child):after{content:"";position:absolute;right:13px;top:36px;bottom:-20px;width:3px;background:linear-gradient(to bottom,currentColor 0%,transparent 100%);opacity:.25;border-radius:2px}.timeline-icon{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000001a;position:relative;z-index:1}.timeline-content{flex:1}.timeline-content h4{margin:0 0 6px;font-size:16px;color:#1a202c;font-weight:700}.timeline-time{font-size:13px;color:#94a3b8;margin:4px 0;font-weight:600}.timeline-note{font-size:14px;color:#64748b;margin:8px 0 0;font-style:italic;background:#64748b14;padding:8px 12px;border-radius:10px;border-right:3px solid #cbd5e1}.confirmation-section{margin-top:20px}.btn-confirm-completion{width:100%;padding:20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:18px;color:#fff;font-size:18px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #10b98159;position:relative;overflow:hidden}.btn-confirm-completion:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-confirm-completion:hover:before{width:300px;height:300px}.btn-confirm-completion:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #10b98166}.btn-confirm-completion:active:not(:disabled){transform:translateY(-1px) scale(1)}.btn-confirm-completion:disabled{opacity:.65;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-confirm-completion svg{position:relative;z-index:1}.completion-message{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:20px;padding:32px 28px;text-align:center;margin-top:20px;box-shadow:0 4px 16px #10b98126;animation:successPop .5s cubic-bezier(.4,0,.2,1)}@keyframes successPop{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.completion-message svg{animation:checkMark .6s ease-out .2s}@keyframes checkMark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}.completion-message h3{margin:20px 0 12px;color:#065f46;font-size:22px;font-weight:900;letter-spacing:-.3px}.completion-message p{color:#047857;margin:0 0 20px;font-size:15px;font-weight:600}.btn-rate{padding:14px 32px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #fbbf244d;position:relative;overflow:hidden}.btn-rate:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-rate:hover:before{width:200px;height:200px}.btn-rate:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #fbbf2466}.btn-rate:active{transform:translateY(-1px) scale(1.02)}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:20px}.info-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:18px;padding:22px 20px;text-align:center;box-shadow:0 4px 12px #0000000f;border:2px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);pointer-events:none;transition:all .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#cbd5e1}.info-card:hover:before{top:-30%;right:-30%}.info-card h4{margin:0 0 10px;font-size:13px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.8px;position:relative;z-index:1}.info-card p{margin:0;font-size:24px;color:#1a202c;font-weight:900;letter-spacing:-.5px;position:relative;z-index:1}.btn-back{padding:12px 24px;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-back:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.customer-orders-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);direction:rtl;padding:20px}@media(max-width:768px){.customer-orders-container{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.customer-orders-loading,.customer-orders-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orders-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.orders-header h1{margin:0;color:#2c3e50;font-size:28px}.no-orders{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.no-orders-icon{font-size:80px;margin-bottom:20px}.no-orders h2{color:#2c3e50;margin-bottom:10px}.no-orders p{color:#6c757d;margin-bottom:30px}.browse-stores-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;cursor:pointer;transition:all .3s ease}.browse-stores-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:all .3s ease}.order-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.order-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.order-info h3{margin:0 0 5px;color:#2c3e50;font-size:18px}.order-date{margin:0;color:#6c757d;font-size:14px}.order-status{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;text-align:center}.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-confirmed{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-preparing{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-ready{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-delivered{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-cancelled{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.order-details{padding:20px}.customer-info,.order-items,.order-summary{margin-bottom:20px}.customer-info h4,.order-items h4{margin:0 0 10px;color:#2c3e50;font-size:16px;border-bottom:2px solid #667eea;padding-bottom:5px}.customer-info p{margin:5px 0;color:#495057}.order-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f3f4}.order-item:last-child{border-bottom:none}.item-name{flex:1;color:#2c3e50;font-weight:500}.item-quantity{color:#6c757d;margin:0 15px}.item-price{color:#667eea;font-weight:600}.order-summary{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.payment-method{color:#495057}.order-total{color:#2c3e50;font-size:18px}.order-actions{display:flex;justify-content:center;padding-top:15px;border-top:1px solid #dee2e6}.cancel-order-btn{background:#dc3545;color:#fff;border:none;padding:10px 25px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s ease}.cancel-order-btn:hover{background:#c82333;transform:translateY(-2px)}.retry-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:20px;cursor:pointer;margin-top:15px}@media(max-width:768px){.customer-orders-container{padding:10px}.orders-header{flex-direction:column;text-align:center;gap:15px}.order-header{flex-direction:column;gap:15px;text-align:center}.order-summary{flex-direction:column;gap:10px;text-align:center}.order-item{flex-direction:column;text-align:center;gap:5px}}.about-page{min-height:100vh;background:#f8fafc}@media(max-width:768px){.about-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.about-hero{position:relative;padding:100px 20px 80px;text-align:center;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.about-hero .hero-background{position:absolute;inset:0;overflow:hidden;z-index:0}.about-hero .gradient-sphere{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.about-hero .sphere-1{width:400px;height:400px;background:#f59e0b;top:-100px;right:-100px}.about-hero .sphere-2{width:300px;height:300px;background:#10b981;bottom:-50px;left:-50px}.about-hero .container{position:relative;z-index:2}.about-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.about-subtitle{font-size:1.25rem;color:#fffffff2;max-width:600px;margin:0 auto;position:relative;z-index:2;text-shadow:0 1px 5px rgba(0,0,0,.15)}.about-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.about-page .section-header{text-align:center;margin-bottom:3rem}.about-page .section-header h2{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.about-page .section-header p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.about-section{padding:80px 20px;background:#fff}.about-content{max-width:800px;margin:0 auto}.about-text p{font-size:1.1rem;line-height:1.8;color:#475569;margin-bottom:1.5rem;text-align:center}.stats-section{padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-card{text-align:center;padding:2rem;background:#ffffff26;border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.stat-icon{color:#fff;margin-bottom:1rem}.stat-value{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:1rem;color:#fff;font-weight:500}.services-section{padding:80px 20px;background:#f8fafc}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.service-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001a}.service-icon-wrapper{width:70px;height:70px;border-radius:16px;background:var(--service-color);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.service-card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.75rem}.service-card p{font-size:.95rem;color:#64748b;line-height:1.6}.mission-section{padding:80px 20px;background:#fff}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.mission-card{background:#f8fafc;border-radius:20px;padding:3rem;text-align:center;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d}.mission-icon{color:#667eea;margin-bottom:1.5rem}.mission-card h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.mission-card p{font-size:1.05rem;color:#64748b;line-height:1.7}.values-section{padding:80px 20px;background:#f8fafc}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.value-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.value-card:hover{border-color:#667eea;box-shadow:0 10px 25px #667eea26}.value-icon{color:#667eea;margin-bottom:1rem}.value-card h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.value-card p{font-size:.9rem;color:#64748b;line-height:1.5}.features-section{padding:80px 20px;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{background:#f8fafc;border-radius:16px;padding:2rem;text-align:center;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d}.feature-icon{color:#10b981;margin-bottom:1rem}.feature-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.feature-card p{font-size:.85rem;color:#64748b;line-height:1.5}.cta-section{padding:80px 20px;background:linear-gradient(135deg,#667eea,#764ba2);text-align:center}.cta-section h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cta-section p{font-size:1.1rem;color:#fff;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{padding:14px 32px;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background:#fff;color:#667eea}.cta-btn.primary:hover{background:#f0f0f0;transform:translateY(-2px)}.cta-btn.secondary{background:transparent;color:#fff;border:2px solid white}.cta-btn.secondary:hover{background:#ffffff1a}@media(max-width:1024px){.stats-grid,.values-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.mission-grid{grid-template-columns:1fr}}@media(max-width:768px){.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.section-header h2{font-size:1.5rem}.stats-grid,.values-grid,.features-grid{grid-template-columns:1fr}.stat-value{font-size:2rem}.mission-card{padding:2rem}.cta-section h2{font-size:1.5rem}}.table-success-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);padding:40px 20px;display:flex;align-items:flex-start;justify-content:center}@media(max-width:768px){.table-success-page{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}}.table-success-container{background:#fff;border-radius:28px;padding:40px 30px;max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #10b98133;animation:successSlideUp .5s ease-out}@keyframes successSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.table-success-icon{width:120px;height:120px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px;animation:successPop .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 15px 40px #10b98166}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.table-success-container h1{font-size:26px;color:#1e293b;margin:0 0 24px;font-weight:800}.table-success-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.detail-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;padding:16px;border:1px solid #e2e8f0}.detail-label{display:block;font-size:12px;color:#94a3b8;margin-bottom:6px;font-weight:500}.detail-value{display:block;font-size:16px;color:#1e293b;font-weight:700}.detail-value.order-id{color:#10b981;font-size:18px}.detail-value.total{color:#059669;font-size:18px}.table-success-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:16px;color:#047857;font-weight:600;font-size:16px;margin-bottom:30px;border:1px solid #a7f3d0}.table-success-promo{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px;border-radius:24px;color:#fff;text-align:right;box-shadow:0 20px 50px #667eea59;margin-bottom:24px}.promo-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.promo-icon{width:64px;height:64px;background:#fff3;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-title h2{margin:0;font-size:24px;font-weight:800}.promo-title p{margin:6px 0 0;font-size:14px;opacity:.9}.promo-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.feature-item{display:flex;align-items:flex-start;gap:14px;background:#ffffff1f;padding:14px 16px;border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s}.feature-item:hover{background:#ffffff2e;transform:translate(-4px)}.feature-emoji{font-size:28px;flex-shrink:0}.feature-text strong{display:block;font-size:15px;margin-bottom:3px;font-weight:700}.feature-text p{margin:0;font-size:13px;opacity:.85;line-height:1.4}.promo-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.promo-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-weight:700;text-decoration:none;font-size:16px;transition:all .3s;cursor:pointer;border:none;font-family:inherit}.promo-btn.primary{background:#fff;color:#667eea}.promo-btn.primary:hover{transform:scale(1.03);box-shadow:0 8px 25px #0003}.promo-btn.android{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.promo-btn.android:hover{transform:scale(1.03);box-shadow:0 8px 25px #10b98166}.promo-btn.ios{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.promo-btn.ios:hover{transform:scale(1.03);box-shadow:0 8px 25px #3b82f666}.app-btns-row{display:flex;gap:12px}.app-btns-row .promo-btn{flex:1;padding:14px 16px;font-size:14px}.web-note{text-align:center;font-size:13px;color:#fffc;margin:0}.web-note a{color:#fff;font-weight:700;text-decoration:underline}.table-success-nav{display:flex;gap:12px}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:14px;font-weight:600;text-decoration:none;font-size:14px;transition:all .2s;cursor:pointer;border:none;font-family:inherit}.nav-btn.home{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.nav-btn.home:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.nav-btn.back{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.nav-btn.back:hover{background:#e2e8f0}@media(max-width:480px){.table-success-page{padding:20px 16px 16px}.table-success-container{padding:30px 20px;border-radius:24px}.table-success-container h1{font-size:22px}.table-success-icon{width:100px;height:100px}.table-success-details{grid-template-columns:1fr 1fr;gap:10px}.detail-card{padding:14px}.table-success-promo{padding:24px 20px;border-radius:20px}.promo-header{flex-direction:column;text-align:center}.promo-title h2{font-size:20px}.feature-item{padding:12px}.feature-emoji{font-size:24px}.app-btns-row,.table-success-nav{flex-direction:column}}.privacy-policy{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem;max-width:800px;margin:0 auto;background:#fff;color:#1a1a1a;min-height:100vh}.privacy-policy__title{font-size:1.75rem;font-weight:700;text-align:center;margin:0}.privacy-policy__last-updated{text-align:center;font-size:.85rem;color:#666;background:#f5f5f5;padding:8px 16px;border-radius:20px;width:-moz-fit-content;width:fit-content;margin:0 auto}.privacy-policy__intro{font-size:1rem;line-height:1.7;text-align:center;opacity:.9;margin:0}.privacy-policy__section{display:flex;flex-direction:column;gap:.75rem}.privacy-policy__section.privacy-policy__highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:20px;border-radius:12px;border:1px solid #bbf7d0}.privacy-policy__important-notice{background:#fff;padding:16px;border-radius:8px;border-right:4px solid #10b981}.privacy-policy__important-notice p{margin:0 0 12px;font-size:.95rem;line-height:1.6}.privacy-policy__important-notice strong{color:#047857}.privacy-policy__category-title{font-size:1rem;font-weight:600;margin:12px 0 8px;color:#374151}.privacy-policy__list.no-collect li{color:#dc2626;list-style:none}.privacy-policy__rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:12px}.privacy-policy__right{display:flex;align-items:flex-start;gap:12px;background:#fff;padding:16px;border-radius:10px;border:1px solid #e5e7eb}.privacy-policy__right-icon{font-size:24px;flex-shrink:0}.privacy-policy__right strong{display:block;font-size:.95rem;margin-bottom:4px}.privacy-policy__right p{margin:0;font-size:.85rem;color:#6b7280}.privacy-policy__subtitle{font-size:1.15rem;font-weight:600;margin:0}.privacy-policy__text{font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.privacy-policy__list{list-style:disc;padding-inline-start:1.5rem;margin:0;display:grid;gap:.4rem}.privacy-policy__list li{font-size:.95rem;line-height:1.5;opacity:.85}.privacy-policy__note{font-size:.9rem;margin:0;opacity:.75;font-style:italic;padding:12px;background:#fef3c7;border-radius:8px;border-right:3px solid #f59e0b}.privacy-policy__footer{text-align:center;font-size:1rem;font-weight:600;margin:0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.terms-of-use{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem;max-width:800px;margin:0 auto;background:#fff;color:#1a1a1a;min-height:100vh}.terms-of-use__title{font-size:1.75rem;font-weight:700;text-align:center;margin:0}.terms-of-use__last-updated{text-align:center;font-size:.85rem;color:#666;background:#f5f5f5;padding:8px 16px;border-radius:20px;width:-moz-fit-content;width:fit-content;margin:0 auto}.terms-of-use__intro{font-size:1rem;line-height:1.7;text-align:center;opacity:.9;margin:0}.terms-of-use__section{display:flex;flex-direction:column;gap:.75rem}.terms-of-use__section.terms-of-use__highlight{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:20px;border-radius:12px;border:1px solid #bae6fd}.terms-of-use__important-notice{background:#fff;padding:16px;border-radius:8px;border-right:4px solid #3b82f6}.terms-of-use__important-notice.warning{background:#fffbeb;border-right-color:#f59e0b}.terms-of-use__important-notice p{margin:0 0 12px;font-size:.95rem;line-height:1.6}.terms-of-use__important-notice strong{color:#1e40af}.terms-of-use__important-notice.warning strong{color:#b45309}.terms-of-use__subtitle{font-size:1.15rem;font-weight:600;margin:0}.terms-of-use__text{font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.terms-of-use__list{list-style:disc;padding-inline-start:1.5rem;margin:0;display:grid;gap:.4rem}.terms-of-use__list li{font-size:.95rem;line-height:1.5;opacity:.85}.terms-of-use__note{font-size:.9rem;margin:0;opacity:.75;font-style:italic}.terms-of-use__footer{text-align:center;font-size:1rem;font-weight:600;margin:0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.cancellation-policy{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem;max-width:800px;margin:0 auto;background:#fff;color:#1a1a1a;min-height:100vh}.cancellation-policy__title{font-size:1.75rem;font-weight:700;text-align:center;margin:0}.cancellation-policy__last-updated{text-align:center;font-size:.85rem;color:#666;background:#f5f5f5;padding:8px 16px;border-radius:20px;width:-moz-fit-content;width:fit-content;margin:0 auto}.cancellation-policy__intro{font-size:1rem;line-height:1.7;text-align:center;opacity:.9;margin:0}.cancellation-policy__section{display:flex;flex-direction:column;gap:.75rem}.cancellation-policy__section.cancellation-policy__highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:20px;border-radius:12px;border:1px solid #fbbf24}.cancellation-policy__section.cancellation-policy__highlight.warning{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.cancellation-policy__important-notice{background:#fff;padding:16px;border-radius:8px;border-right:4px solid #f59e0b}.cancellation-policy__important-notice.warning{border-right-color:#ef4444}.cancellation-policy__important-notice p{margin:0 0 12px;font-size:.95rem;line-height:1.6}.cancellation-policy__important-notice strong{color:#b45309}.cancellation-policy__important-notice.warning strong{color:#dc2626}.cancellation-policy__category-title{font-size:1rem;font-weight:600;margin:12px 0 8px;color:#374151}.cancellation-policy__note{font-size:.9rem;padding:12px;background:#fef3c7;border-radius:8px;border-right:3px solid #f59e0b;margin:8px 0}.cancellation-policy__steps{display:flex;flex-direction:column;gap:16px;margin-top:12px}.cancellation-policy__step{display:flex;align-items:flex-start;gap:16px;background:#f9fafb;padding:16px;border-radius:10px}.cancellation-policy__step-number{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.cancellation-policy__step strong{display:block;margin-bottom:4px}.cancellation-policy__step p{margin:0;font-size:.9rem;color:#6b7280}.cancellation-policy__subtitle{font-size:1.15rem;font-weight:600;margin:0}.cancellation-policy__text{font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.cancellation-policy__list{list-style:disc;padding-inline-start:1.5rem;margin:0;display:grid;gap:.4rem}.cancellation-policy__list li{font-size:.95rem;line-height:1.5;opacity:.85}.cancellation-policy__service{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#00000008;border-radius:.5rem;margin-top:8px}.cancellation-policy__service-title{font-size:1rem;font-weight:600;margin:0}.cancellation-policy__contact{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#3b82f614;border-radius:.75rem}.cancellation-policy__footer{text-align:center;font-size:1rem;font-weight:600;margin:0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.faq-section{display:flex;flex-direction:column;gap:1rem;background:#fff;color:#1a1a1a;padding:2rem 1rem;max-width:800px;margin:0 auto;min-height:100vh}.faq-section__intro,.faq-section__outro{margin:0;font-size:.95rem;line-height:1.6;opacity:.9}.faq-section__group{display:flex;flex-direction:column;gap:.65rem}.faq-section__subtitle{margin:0;font-size:.95rem;font-weight:600}.faq-section__list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.faq-section__item{display:grid;gap:.3rem}.faq-section__question{font-size:.95rem;font-weight:600}.faq-section__answer{font-size:.93rem;opacity:.85;line-height:1.5}.help-center{display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;max-width:800px;margin:0 auto;background:#fff;color:#1a1a1a;min-height:100vh}.help-center__title{font-size:1.75rem;font-weight:700;text-align:center;margin:0}.help-center__intro{font-size:1rem;line-height:1.7;text-align:center;opacity:.9;margin:0}.help-center__section{display:flex;flex-direction:column;gap:1rem}.help-center__subtitle{font-size:1.25rem;font-weight:600;margin:0;border-bottom:2px solid currentColor;padding-bottom:.5rem}.help-center__category{display:flex;flex-direction:column;gap:.5rem}.help-center__category-title{font-size:1rem;font-weight:600;margin:0}.help-center__list{list-style:disc;padding-inline-start:1.5rem;margin:0;display:grid;gap:.4rem}.help-center__list li{font-size:.95rem;line-height:1.5;opacity:.85}.help-center__text{font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.help-center__contact{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#3b82f614;border-radius:.75rem}.help-center__note{font-size:.9rem;margin:0;opacity:.8}.help-center__footer{text-align:center;font-size:1rem;font-weight:600;margin:0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.contact-us{display:flex;flex-direction:column;gap:2rem;background:#fff;color:#1a1a1a;padding:2rem 1rem;max-width:900px;margin:0 auto;min-height:100vh}.contact-us__title{font-size:1.75rem;font-weight:700;text-align:center;margin:0}.contact-us__intro{text-align:center;font-size:1rem;color:#6b7280;margin:0}.contact-us__container{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}@media(max-width:768px){.contact-us__container{grid-template-columns:1fr}}.contact-us__info{display:flex;flex-direction:column;gap:16px}.contact-us__info-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.contact-us__info-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.contact-us__info-icon{font-size:28px;flex-shrink:0}.contact-us__info-content h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:#374151}.contact-us__info-content p{margin:0;font-size:.95rem;color:#667eea;font-weight:500}.contact-us__info-content span{font-size:.8rem;color:#9ca3af}.contact-us__form-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;overflow:hidden}.contact-us__form{padding:24px}.contact-us__form h2{margin:0 0 20px;font-size:1.25rem;color:#1f2937}.contact-us__form-group{margin-bottom:16px}.contact-us__form-group label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:8px}.contact-us__form-group input,.contact-us__form-group select,.contact-us__form-group textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;transition:all .2s;background:#f9fafb}.contact-us__form-group input:focus,.contact-us__form-group select:focus,.contact-us__form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;background:#fff}.contact-us__form-group textarea{resize:vertical;min-height:120px}.contact-us__submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.contact-us__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.contact-us__success{padding:40px 24px;text-align:center}.contact-us__success-icon{font-size:60px;margin-bottom:16px}.contact-us__success h2{margin:0 0 12px;font-size:1.5rem;color:#10b981}.contact-us__success p{margin:0 0 24px;color:#6b7280}.contact-us__reset-btn{padding:12px 24px;background:#f3f4f6;border:none;border-radius:10px;font-size:.95rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.contact-us__reset-btn:hover{background:#e5e7eb}.contact-us__note{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:1px solid #fbbf24}.contact-us__note-icon{font-size:24px;flex-shrink:0}.contact-us__note-content strong{display:block;margin-bottom:4px;color:#92400e}.contact-us__note-content p{margin:0;font-size:.9rem;color:#78350f;line-height:1.6}.contact-us__footer{text-align:center;font-size:1rem;font-weight:600;margin:0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.contact-us-section{display:flex;flex-direction:column;gap:.75rem;background:#fff;color:#1a1a1a;padding:2rem 1rem;max-width:800px;margin:0 auto;min-height:100vh}.footer-section__title{font-size:1rem;font-weight:600;margin:0}.footer-section__list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.footer-section__item{font-size:.95rem;opacity:.85}.footer-section__note{margin:0;font-size:.9rem;opacity:.8}.for-business{display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;max-width:800px;margin:0 auto;background:#fff;color:#1a1a1a;min-height:100vh}.for-business__title{font-size:1.75rem;font-weight:700;text-align:center;margin:0}.for-business__intro{font-size:1rem;line-height:1.7;text-align:center;opacity:.9;margin:0}.for-business__section{display:flex;flex-direction:column;gap:1rem}.for-business__subtitle{font-size:1.25rem;font-weight:600;margin:0;border-bottom:2px solid currentColor;padding-bottom:.5rem}.for-business__list{list-style:disc;padding-inline-start:1.5rem;margin:0;display:grid;gap:.5rem}.for-business__list li{font-size:.95rem;line-height:1.5}.for-business__feature{display:flex;flex-direction:column;gap:.5rem}.for-business__feature-title{font-size:1rem;font-weight:600;margin:0}.for-business__feature-list{list-style:circle;padding-inline-start:1.5rem;margin:0;display:grid;gap:.35rem}.for-business__feature-list li{font-size:.93rem;opacity:.85}.for-business__step{display:flex;gap:1rem;align-items:flex-start}.for-business__step-number{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:50%;background:var(--primary-color, #3b82f6);color:#fff;font-weight:600;font-size:.9rem}.for-business__step-content{display:flex;flex-direction:column;gap:.25rem}.for-business__step-title{font-size:1rem;font-weight:600;margin:0}.for-business__step-text{font-size:.95rem;line-height:1.6;opacity:.85;margin:0}.for-business__cta{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#3b82f614;border-radius:.75rem;text-align:center}.for-business__cta-title{font-size:1.25rem;font-weight:600;margin:0}.for-business__cta-text{font-size:.95rem;margin:0;opacity:.9}.for-business__cta-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:opacity .2s}.for-business__cta-btn:hover{opacity:.9}.for-business__footer{text-align:center;font-size:1rem;font-weight:600;margin:0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.how-it-works{display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;max-width:800px;margin:0 auto;background:#fff;color:#1a1a1a;min-height:100vh}.how-it-works__title{font-size:1.75rem;font-weight:700;text-align:center;margin:0}.how-it-works__intro{font-size:1rem;line-height:1.7;text-align:center;opacity:.9;margin:0}.how-it-works__section{display:flex;flex-direction:column;gap:1rem}.how-it-works__subtitle{font-size:1.25rem;font-weight:600;margin:0;border-bottom:2px solid currentColor;padding-bottom:.5rem}.how-it-works__step{display:flex;gap:1rem;align-items:flex-start}.how-it-works__step-number{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:50%;background:var(--primary-color, #3b82f6);color:#fff;font-weight:600;font-size:.9rem}.how-it-works__step-content{display:flex;flex-direction:column;gap:.25rem}.how-it-works__step-title{font-size:1rem;font-weight:600;margin:0}.how-it-works__step-text{font-size:.95rem;line-height:1.6;opacity:.85;margin:0}.how-it-works__list{list-style:disc;padding-inline-start:1.5rem;margin:0;display:grid;gap:.5rem}.how-it-works__list li{font-size:.95rem;line-height:1.5}.how-it-works__footer{text-align:center;font-size:1rem;font-weight:600;margin:0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.printer-settings{padding:20px;max-width:600px;margin:0 auto;direction:rtl}.printer-settings-header{text-align:center;margin-bottom:24px}.printer-settings-header h2{font-size:24px;color:#333;margin:0}.web-notice{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px 16px;background:#fff3cd;border-radius:8px;color:#856404;font-size:14px}.web-notice span{font-size:18px}.web-notice p{margin:0}.settings-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.settings-section h3{margin:0 0 16px;font-size:16px;color:#333;display:flex;align-items:center;gap:8px}.printer-types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.type-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.type-btn:hover{border-color:#2196f3;background:#e3f2fd}.type-btn.active{border-color:#2196f3;background:#2196f3;color:#fff}.type-btn .icon{font-size:24px}.type-btn span:last-child{font-size:12px;font-weight:500}.section-hint{font-size:13px;color:#666;margin:-8px 0 12px}.brand-select{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center;direction:rtl}.brand-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.brand-select:hover{border-color:#2196f3}.discover-btn{width:100%;padding:14px 20px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.discover-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.discover-btn:disabled{opacity:.7;cursor:not-allowed}.printers-list{margin-top:16px;max-height:250px;overflow-y:auto}.printer-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.printer-item:hover{border-color:#4caf50;background:#f1f8e9}.printer-item.selected{border-color:#4caf50;background:#e8f5e9}.printer-icon{font-size:28px}.printer-info{flex:1;display:flex;flex-direction:column}.printer-name{font-weight:600;color:#333}.printer-address{font-size:12px;color:#666;font-family:monospace}.check-icon{font-size:20px;color:#4caf50}.connection-controls{margin-top:16px}.connect-btn,.disconnect-btn{width:100%;padding:14px 20px;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.connect-btn{color:#fff;background:linear-gradient(135deg,#4caf50,#43a047)}.connect-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.disconnect-btn{color:#fff;background:linear-gradient(135deg,#f44336,#e53935)}.disconnect-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.connect-btn:disabled,.disconnect-btn:disabled{opacity:.7;cursor:not-allowed}.connection-status{display:flex;align-items:center;gap:12px;padding:16px;border-radius:10px}.connection-status.connected{background:#e8f5e9;color:#2e7d32}.connection-status.disconnected{background:#ffebee;color:#c62828}.status-icon{font-size:24px}.status-text{font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#555;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:12px 14px;font-size:15px;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .2s ease;direction:ltr;text-align:right}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2196f3}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.settings-actions{display:flex;gap:12px;margin-top:24px}.save-btn,.test-btn{flex:1;padding:16px 20px;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.save-btn{color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2)}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.test-btn{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00)}.test-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff98004d}.test-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.printer-settings{padding:16px}.printer-types{grid-template-columns:repeat(2,1fr)}.settings-actions{flex-direction:column}.language-buttons{grid-template-columns:repeat(2,1fr)}}.language-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.language-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.language-btn:hover{border-color:#4caf50;background:#e8f5e9}.language-btn.active{border-color:#4caf50;background:#4caf50;color:#fff}.language-btn .lang-native{font-size:16px;font-weight:600}.language-btn .lang-name{font-size:11px;opacity:.8}.language-btn.active .lang-name{opacity:1}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:calc(70px + env(safe-area-inset-top,0px));padding-bottom:0}@media(max-width:768px){.main-content{padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937;background-image:url(/images/bg.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;background-color:#eaeaff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.btn-secondary{background:transparent;color:#2563eb;padding:.75rem 1.5rem;border:2px solid #2563eb;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-secondary:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}@media(max-width:768px){.container{padding:0 .5rem}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}html,body{overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;height:100%}[class*=content],[class*=sidebar-content],[class*=-list],[class*=-items],.overflow-auto,.overflow-y-auto,.overflow-scroll,.overflow-y-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth}.scrollable,[style*="overflow-y: auto"],[style*="overflow-y: scroll"],[style*="overflow: auto"],[style*="overflow: scroll"]{-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}button,[role=button],.btn,input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer}[class*=content] button,[class*=sidebar] button,[class*=-list] button,[class*=-items] button,.overflow-auto button,.overflow-y-auto button{touch-action:pan-y pinch-zoom}button:active,[role=button]:active,.btn:active{transform:scale(.97);opacity:.9;transition:transform .1s ease,opacity .1s ease}a,button,input,select,textarea,label{-webkit-touch-callout:none}.rest-page,.store-page,.maint-page,.accommodation-page,.transport-page,.realestate-page,.delivery-page,.freelance-page,.main-content,.App{touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch}.store-grid,.rest-list,.accommodation-grid,.maint-list,.transport-companies-grid,[class*=-grid],[class*=-list]{touch-action:pan-y!important;-webkit-overflow-scrolling:touch}.card,[class*=-card]{touch-action:pan-y pan-x}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}