@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px;background:linear-gradient(135deg,#ff6b47,#ff4c24);box-shadow:0 4px 20px #00000026;border-bottom:3px solid #FF4C24;position:fixed;top:0;left:0;right:0;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#ff8a6b)}.navbar-left,.navbar-right{display:flex;align-items:center}.navbar .logo{height:50px;width:auto;max-width:200px;margin-right:25px;object-fit:contain;border-radius:8px;padding:6px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.navbar .logo:hover{transform:scale(1.05);box-shadow:0 4px 12px #fff3}.navbar-title{color:#fff;font-size:1.8rem;margin:0;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.user-info{display:flex;align-items:center;margin-right:25px;position:relative}.role-badge{background:#ffffff1a;color:#fff;padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;margin-right:15px;box-shadow:0 3px 10px #fff3;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.role-badge:hover{background:#ffffffe6;color:#ff4c24;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.navbar .profile{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #0003;background:#ffffff1a}.navbar .profile:hover{transform:scale(1.05);border-color:#ffffffe6;box-shadow:0 4px 15px #fff3;background:#ffffffe6}.logout-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:12px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logout-button:hover{background:#ffffffe6;color:#ff4c24;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.navbar .language-switcher{margin-right:15px}.navbar .language-switcher__current{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px;justify-content:space-between}.navbar .language-switcher__current:hover{background:#fff3;border-color:#fff6;box-shadow:0 2px 8px #ffffff1a}.navbar .language-switcher__name{color:#fff}.navbar .language-switcher__arrow{color:#fffc}.navbar .language-switcher__options{background:#ff6b47;border:1px solid #ddd;font-size:11px}.operational-status-container{position:relative;margin-right:20px}.operational-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.operational-status:hover{background:#ffffffe6;color:#ff4c24;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.operational-status.readonly{cursor:default}.operational-status.readonly:hover{background:#ffffff26}.operational-dot{width:13px;height:13px;border-radius:50%;display:inline-block}.operational-dot.open{background-color:#2ecc71;box-shadow:0 0 8px #2ecc7180}.operational-dot.closed{background-color:#e74c3c;color:#600d0d}.operational-dot.closing-soon{background-color:#f1c40f;box-shadow:0 0 8px #f1c40f80}.operational-text{color:#fff;font-size:.85rem;font-weight:500;text-transform:capitalize}.operational-status:hover .operational-text{color:#ff4c24}.operational-arrow{color:#fff;font-size:.7rem;margin-left:4px;transition:transform .3s ease}.operational-status:hover .operational-arrow{color:#ff4c24}.operational-status.open .operational-arrow{transform:rotate(180deg)}.operational-status-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 8px 25px #00000026;overflow:hidden;z-index:1000;min-width:150px;border:1px solid #e9ecef}.operational-status-option{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;color:#333;font-size:.85rem}.operational-status-option:hover{background-color:#f8f9fa}.operational-status-option.active{background-color:#e9ecef;font-weight:600}@media (max-width: 768px){.navbar{flex-direction:column;gap:15px;padding:15px;height:auto}.navbar-left,.navbar-right{width:100%;justify-content:space-between}.navbar-title{font-size:1.4rem}.role-badge{display:none}.navbar .logo{width:70px;height:55px;margin-right:15px}.navbar .profile{width:45px;height:45px}.logout-button{padding:10px 20px;font-size:.9rem}.operational-status-container{margin-right:10px}.operational-status{padding:6px 10px}.operational-text{font-size:.75rem}.operational-status-dropdown{min-width:120px}.operational-status-option{padding:10px 12px;font-size:.75rem}.navbar .language-switcher{margin-right:10px}.navbar .language-switcher__current{padding:.4rem .8rem;min-width:70px;font-size:.8rem}.navbar .language-switcher__name{font-size:.8rem}}@media (max-width: 480px){.navbar .language-switcher{margin-right:8px}.navbar .language-switcher__current{padding:.3rem .6rem;min-width:60px;font-size:.75rem}.navbar .language-switcher__name{font-size:.75rem}}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:99999;padding-top:80px;overflow-y:auto}.profile-modal{background-color:#fff;border-radius:12px;width:95%;max-width:800px;max-height:calc(100vh - 100px);overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:fadeIn .3s ease-out;margin-bottom:20px;z-index:100000}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.profile-modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-btn{background:transparent;border:none;font-size:24px;cursor:pointer;color:#666}.close-btn:hover{color:#333}.profile-content{padding:20px}.loading{padding:20px;text-align:center;color:#666}.profile-header{display:flex;align-items:center;margin-bottom:24px}.profile-avatar{width:60px;height:60px;background-color:#0d6efd;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;margin-right:16px;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.profile-title{flex:1}.profile-title h3{margin:0 0 4px;font-size:1.2rem}.role-badge{display:inline-block;padding:4px 8px;background-color:#e9ecef;color:#495057;border-radius:4px;font-size:.8rem;font-weight:500}.profile-details{margin-bottom:20px}.profile-item{margin-bottom:16px}.profile-item label{display:block;color:#666;font-size:.85rem;margin-bottom:4px}.profile-item div{color:#333;font-size:1rem}.profile-form .form-group{margin-bottom:16px}.profile-form label{display:block;font-weight:500;margin-bottom:6px;color:#333}.profile-form input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.profile-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.profile-form small{display:block;color:#666;font-size:.8rem;margin-top:4px}.profile-picture-section{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:8px}.profile-picture-container{width:120px;height:120px;margin:10px auto;position:relative;overflow:hidden;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #0000001a;background-color:#0d6efd;display:flex;justify-content:center;align-items:center;color:#fff;font-size:36px;font-weight:700}.profile-picture-preview{width:100%;height:100%;object-fit:cover}.no-picture{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0d6efd;color:#fff;font-size:48px}.picture-upload-container{margin-top:12px;text-align:center}.picture-upload-container input[type=file]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.restaurant-logo-section{margin:16px 0;padding:16px;background-color:#f8f9fa;border-radius:8px}.restaurant-logo-section label{display:block;font-weight:500;margin-bottom:8px;color:#333}.logo-preview-container{width:100%;height:140px;display:flex;justify-content:center;align-items:center;margin-bottom:12px;background-color:#fff;border:1px dashed #ccc;border-radius:4px;overflow:hidden}.restaurant-logo-preview{max-width:100%;max-height:140px;object-fit:contain}.no-logo{color:#888;font-style:italic}.logo-upload-container{margin-top:12px}.logo-upload-container input[type=file]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.restaurant-background-section{margin:16px 0;padding:16px;background-color:#f0f8ff;border-radius:8px}.restaurant-background-section label{display:block;font-weight:500;margin-bottom:8px;color:#333}.background-preview-container{width:100%;height:180px;display:flex;justify-content:center;align-items:center;margin-bottom:12px;background-color:#fff;border:1px dashed #ccc;border-radius:4px;overflow:hidden}.restaurant-background-preview{max-width:100%;max-height:180px;object-fit:cover;width:100%}.no-background{color:#888;font-style:italic}.background-upload-container{margin-top:12px}.background-upload-container input[type=file]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.password-section{margin-top:20px;padding-top:16px;border-top:1px dashed #ddd}.toggle-password-btn{background:none;border:none;color:#0d6efd;cursor:pointer;padding:0;font-size:.9rem;text-decoration:underline;margin-bottom:16px}.toggle-password-btn:hover{color:#0a58ca}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:#0d6efd;color:#fff}.btn-primary:hover{background-color:#0a58ca}.btn-secondary:hover{background-color:#5a6268}button:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.restaurant-info-section{margin:20px 0;padding:20px;background-color:#f0f8ff;border-radius:8px;border-left:4px solid #0d6efd}.restaurant-info-section h3{color:#0d6efd;margin-bottom:16px;font-size:1.2rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd40}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px}.restaurant-info-section{padding:16px}}.business-hours-section{margin:24px 0;padding:16px;background-color:#f8f9fa;border-radius:8px}.business-hours-section h4{margin:0 0 16px;color:#333;font-size:1.1rem}.business-hours-grid{display:flex;flex-direction:column;gap:12px}.business-hour-row{display:grid;grid-template-columns:120px repeat(2,1fr);align-items:center;gap:12px;padding:8px 12px;background-color:#fff;border-radius:4px}.day-label{font-weight:500;color:#333}.time-input{position:relative;width:100%}.time-input label{font-size:.8rem;color:#666;margin-bottom:4px}.time-input input[type=time]{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;color:#333}.open-day-btn{grid-column:2 / -1;background:none;border:1px dashed #0d6efd;color:#0d6efd;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem}.open-day-btn:hover{background-color:#f8f9fa}@media (max-width: 768px){.business-hour-row{grid-template-columns:100px repeat(2,1fr);gap:8px;padding:8px}.time-input input[type=time]{padding:4px 6px;font-size:.85rem}}@media (max-width: 480px){.business-hour-row{grid-template-columns:100px 1fr;gap:8px}.time-input{grid-column:span 1}.open-day-btn{grid-column:2}}.document-management-section{margin:20px 0;padding:25px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border-left:5px solid #FF4C24;box-shadow:0 4px 20px #00000014}.document-management-section h3{color:#ff4c24;margin-bottom:12px;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:8px}.document-section-description{color:#6c757d;font-size:.95rem;margin-bottom:20px;line-height:1.5;font-style:italic}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:20px}.document-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:20px;border:2px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.document-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:12px 12px 0 0}.document-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff4c2426;border-color:#ff4c24}.document-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:8px 0;gap:24px;width:100%}.document-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.document-title h4{font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-icon{font-size:1.2rem;flex-shrink:0}.document-status,.status-icon,.status-text{display:none}.document-header .status-indicator{flex-shrink:0}.document-status.valid{background-color:#e6f7e6;color:#1a8a1a}.document-status.expiring_soon{background-color:#fff3e0;color:#e65100}.document-status.expired{background-color:#ffebee;color:#c62828}.document-status.not_uploaded{background-color:#f5f5f5;color:#666}.current-document{background:#28a7450d;border:1px solid rgba(40,167,69,.2);border-radius:8px;padding:15px;margin-bottom:16px}.document-info{margin-bottom:12px}.document-info p{margin:4px 0;font-size:.9rem;color:#495057}.document-info strong{color:#28a745;font-weight:600}.view-document-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;text-decoration:none;border-radius:6px;font-size:.85rem;font-weight:600;transition:all .3s ease}.view-document-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d;color:#fff;text-decoration:none}.document-upload{display:flex;flex-direction:column;gap:12px}.document-input{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fffc}.document-input:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a;background:#fff}.expiry-input{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fffc}.expiry-input:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a;background:#fff}.selected-file{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ff4c240d;border:1px solid rgba(255,76,36,.2);border-radius:8px;font-size:.9rem;color:#ff4c24}.file-size{color:#6c757d;font-size:.8rem}.upload-document-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.upload-document-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff4c2466;background:linear-gradient(135deg,#ff6b47,#ff4c24)}.upload-document-btn.disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.7}.upload-document-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.7;transform:none}.form-group label{display:block;font-weight:600;margin-bottom:6px;color:#495057;font-size:.9rem}.form-group small{display:block;color:#6c757d;font-size:.8rem;margin-top:4px;font-style:italic}.restaurant-location-section{margin:20px 0;padding:20px;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-radius:12px;border-left:4px solid #007bff}.restaurant-location-section h4{color:#007bff;margin-bottom:10px;font-size:1.2rem;font-weight:600}.location-info{color:#495057;margin-bottom:15px;font-size:.9rem;line-height:1.4;font-style:italic}.current-coordinates{background:#007bff1a;padding:12px;border-radius:8px;margin-bottom:15px;font-family:Courier New,monospace;font-size:.85rem;color:#007bff;border:1px solid rgba(0,123,255,.2)}.location-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:8px;padding:12px 15px;margin-top:15px;color:#856404;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:8px}@media (max-width: 1200px){.documents-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}}@media (max-width: 768px){.document-management-section{padding:20px;margin:16px 0}.documents-grid{grid-template-columns:1fr;gap:16px}.document-card{padding:16px}.document-header{flex-direction:column;align-items:flex-start;gap:8px}.document-status{flex-direction:column;align-items:flex-start;text-align:left;padding:8px 16px}.status-text{margin-top:4px}.current-document{padding:12px}.upload-document-btn{padding:14px 20px;font-size:.9rem}}@media (max-width: 480px){.document-management-section{padding:16px;margin:12px 0}.document-management-section h3{font-size:1.2rem}.document-card{padding:14px}.document-header h4{font-size:1rem}.document-status{font-size:.8rem}.view-document-btn{padding:6px 12px;font-size:.8rem}.upload-document-btn{padding:12px 16px;font-size:.85rem}}@media (max-width: 768px){.profile-form .form-group{margin-bottom:14px}.profile-form label{font-size:.9rem}.profile-form input,.profile-form textarea,.profile-form select{padding:12px;font-size:.9rem}.restaurant-info-section{padding:16px}.restaurant-info-section h3{font-size:1.1rem}}.document-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:8px 0;gap:24px}.document-title{display:flex;align-items:center}.document-icon{font-size:1.2rem;margin-right:8px}.status-indicator{display:inline-flex;align-items:center;gap:2px;padding:0 10px;border-radius:999px;font-size:.9rem;font-weight:600;line-height:1;white-space:nowrap;min-width:120px;height:40px;justify-content:center}.status-indicator.valid{background-color:#c3d8c5;color:#06341b;box-shadow:0 2px 8px #1ca45c12}.status-indicator.expiring{background-color:#eaeac7;color:#544723;box-shadow:0 2px 8px #e6a70012}.status-indicator.expired{background-color:#e8cbcb;color:#e74c3c;box-shadow:0 2px 8px #e74c3c12}.map-selector-container{display:flex;flex-direction:column;width:100%;margin:20px 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.map-container{height:350px;width:100%;z-index:1}.map-controls{background-color:#f8f9fa;padding:12px;border-bottom:1px solid #e9ecef}.map-instructions{margin-top:10px;font-size:14px;color:#6c757d}.use-current-location-btn{background-color:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.use-current-location-btn:hover{background-color:#f57c00}.coordinates-display{background-color:#f8f9fa;padding:12px;font-size:13px;color:#495057;border-top:1px solid #e9ecef}.leaflet-control-attribution{font-size:10px!important}.map-selector{width:100%;margin:20px 0}.map-controls{margin-bottom:15px;text-align:center}.current-location-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d;display:inline-flex;align-items:center;gap:8px;min-width:200px;justify-content:center}.current-location-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #007bff66}.current-location-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.current-location-btn.loading{background:linear-gradient(135deg,#6c757d,#495057)}.loading-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.map-instruction{margin:10px 0 0;font-size:14px;color:#666;font-style:italic}.location-warning{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:1px solid #e17055;border-radius:8px;padding:15px;margin:15px 0;animation:slideDown .3s ease-out}.warning-content{display:flex;align-items:flex-start;gap:12px}.warning-icon{font-size:20px;flex-shrink:0}.warning-text{flex:1}.warning-text strong{display:block;color:#d63031;margin-bottom:5px;font-size:16px}.warning-text p{margin:0;color:#2d3436;line-height:1.4;font-size:14px}.location-error{background:linear-gradient(135deg,#fab1a0,#e17055);border:1px solid #d63031;border-radius:8px;padding:12px 15px;margin:15px 0;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease-out;flex-wrap:wrap}.error-icon{font-size:18px;flex-shrink:0}.location-error p{margin:0;color:#2d3436;font-size:14px;line-height:1.4;flex:1}.refresh-btn{background:#2d3436;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s ease}.refresh-btn:hover{background:#636e72}.service-area-info{background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:6px;padding:8px 12px;margin-bottom:15px}.info-content{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:500}.info-icon{font-size:16px}.map-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:2px solid #e9ecef}.selected-location{background:linear-gradient(135deg,#a29bfe,#6c5ce7);border-radius:8px;padding:12px 15px;margin-top:15px;color:#fff;animation:slideUp .3s ease-out}.selected-location.invalid{background:linear-gradient(135deg,#fd79a8,#e84393)}.location-details{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.location-details strong{font-size:14px;font-weight:600}.coordinates{font-family:Courier New,monospace;background:#fff3;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.validation-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.validation-status.valid{background:#0f03;color:#27ae60}.validation-status.invalid{background:#ffffff4d;color:#fff}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.current-location-btn{padding:10px 20px;font-size:14px;min-width:180px}.map-container{margin:0 -10px;border-radius:8px}.warning-content{flex-direction:column;gap:8px}.location-details{flex-direction:column;align-items:flex-start;gap:8px}.coordinates{font-size:11px}}.leaflet-container{background:#f8f9fa}.leaflet-control-zoom{border-radius:8px!important;overflow:hidden}.leaflet-control-zoom a{background:#fffffff2!important;border:none!important;transition:all .2s ease}.leaflet-control-zoom a:hover{background:#007bff1a!important}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px}.map-loading .loading-spinner{width:32px;height:32px;border:3px solid #007bff;border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.map-loading p{margin:0;color:#6c757d;font-size:16px;font-weight:500}.fallback-map{width:100%;margin:20px 0}.fallback-controls{text-align:center;margin-bottom:20px}.fallback-map-placeholder{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px dashed #2196f3;border-radius:12px;padding:40px 20px;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.fallback-map-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="%232196f3" opacity="0.1"/></svg>') repeat;background-size:20px 20px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-placeholder-content{position:relative;z-index:1;background:#ffffffe6;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.map-placeholder-content h3{margin:0 0 15px;color:#1976d2;font-size:20px;font-weight:600}.map-placeholder-content p{margin:10px 0;color:#424242;font-size:14px;line-height:1.5}.map-placeholder-content small{color:#757575;font-style:italic}.language-switcher{position:relative;display:flex;align-items:center;gap:.5rem;font-family:inherit}.language-switcher__label{font-size:.875rem;color:#666;font-weight:500}.language-switcher--dropdown{position:relative}.language-switcher__dropdown{position:relative;display:inline-block}.language-switcher__current{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:space-between;-webkit-user-select:none;user-select:none;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-switcher__current:hover{background:#fff3;border-color:#fff6;box-shadow:0 2px 8px #ffffff1a}.language-switcher__flag{font-size:1.1em;font-weight:600;color:#fff}.language-switcher__name{font-size:.875rem;color:#fff;font-weight:500}.language-switcher__arrow{font-size:.75rem;color:#fffc;transition:transform .2s ease}.language-switcher__arrow.open{transform:rotate(180deg)}.language-switcher__options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1002;margin-top:2px;overflow:visible;min-width:120px}.language-switcher__option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;color:#333}.language-switcher__option:last-child{border-bottom:none}.language-switcher__option:hover{background-color:#f8f8f8;color:#333}.language-switcher__option.active{background-color:#ff6b47;color:#fff}.language-switcher__option.active .language-switcher__name,.language-switcher__option.active .language-switcher__flag{color:#fff}.language-switcher--buttons{flex-direction:column;gap:.75rem}.language-switcher__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.language-switcher__button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-family:inherit}.language-switcher__button:hover{border-color:#tomato;background:#fff5f5;transform:translateY(-1px)}.language-switcher__button--active{border-color:#tomato;background:#tomato;color:#fff;box-shadow:0 2px 8px #ff634733}.language-switcher__button--active:hover{background:#e85a4f}.language-switcher__button--active .language-switcher__name{color:#fff}@media (max-width: 768px){.language-switcher{gap:.25rem}.language-switcher__label{font-size:.8rem}.language-switcher__current{padding:.4rem .8rem;min-width:100px}.language-switcher__name{font-size:.8rem}.language-switcher__button{padding:.4rem .8rem;font-size:.8rem}.language-switcher__options{min-width:140px;max-width:200px;z-index:1002;overflow:visible}.language-switcher__option{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap}.language-switcher__option.active{background-color:#ff6b47;color:#fff}.language-switcher__option.active .language-switcher__name{color:#fff}}@media (prefers-color-scheme: dark){.language-switcher__current{background:#2a2a2a;border-color:#444;color:#fff}.language-switcher__options{background:#2a2a2a;border-color:#444}.language-switcher__option{border-color:#444;color:#fff}.language-switcher__option:hover{background:#3a3a3a}.language-switcher__name{color:#fff}.language-switcher__arrow{color:#ccc}.language-switcher__button{background:#2a2a2a;border-color:#444;color:#fff}.language-switcher__button:hover{background:#3a3a3a}.language-switcher__label{color:#ccc}}.language-switcher__current:focus{outline:2px solid #tomato;outline-offset:2px}.language-switcher__button:focus{outline:2px solid #tomato;outline-offset:2px}.sidebar{width:280px;min-height:100vh;background:linear-gradient(180deg,#f8f9fa,#e9ecef);border-right:1px solid rgba(0,0,0,.1);box-shadow:4px 0 15px #0000001a;position:sticky;top:0;z-index:999}.sidebar-options{padding-top:40px;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;gap:12px}.sidebar-option{display:flex;align-items:center;gap:18px;border:2px solid transparent;padding:16px 20px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:16px;color:#495057;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.sidebar-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,76,36,.1),transparent);transition:left .5s ease}.sidebar-option:hover:before{left:100%}.sidebar-option img{width:32px;height:32px;transition:all .3s ease;filter:grayscale(20%)}.sidebar-option:hover img{transform:scale(1.1);filter:grayscale(0%)}.sidebar-option.active{background:linear-gradient(135deg,#ff4c24,#ff6b47);border:2px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 8px 25px #ff4c2466;transform:translate(8px) scale(1.02)}.sidebar-option.active img{filter:brightness(0) invert(1);transform:scale(1.15)}.sidebar-option:hover{background:linear-gradient(135deg,#ff4c241a,#ff6b471a);border-color:#ff4c244d;transform:translate(6px) scale(1.01);color:#ff4c24;box-shadow:0 6px 20px #ff4c2433}.sidebar-option p{margin:0;font-size:16px;letter-spacing:.3px;transition:all .3s ease}.sidebar-option:hover p{font-weight:700}.sidebar-option.active p{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sidebar-options:after{content:"";position:absolute;bottom:30px;left:30px;right:30px;height:2px;background:linear-gradient(90deg,transparent,#FF4C24,transparent);border-radius:1px}@media (max-width: 1024px){.sidebar{width:240px}.sidebar-option{padding:14px 16px;gap:15px}.sidebar-option img{width:28px;height:28px}.sidebar-option p{font-size:15px}}@media (max-width: 900px){.sidebar{width:80px}.sidebar-options{padding-left:10px;padding-right:10px}.sidebar-option{padding:16px 12px;justify-content:center;gap:0;border-radius:12px}.sidebar-option p{display:none}.sidebar-option img{width:30px;height:30px}.sidebar-option:hover,.sidebar-option.active{transform:scale(1.05)}}@media (max-width: 480px){.sidebar{position:fixed;bottom:15px;left:50%;transform:translate(-50%);top:auto;width:95%;height:70px;min-height:auto;z-index:1000;background:linear-gradient(90deg,#f8f9fa,#e9ecef);border-right:none;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 15px #00000026;border-radius:15px}.sidebar-options{padding:10px;flex-direction:row;justify-content:space-around;align-items:center;gap:5px;overflow-x:auto;height:100%}.sidebar-option{padding:8px;min-width:50px;flex-shrink:0;border-radius:8px;background:transparent}.sidebar-option img{width:24px;height:24px}.sidebar-option:hover,.sidebar-option.active{transform:scale(1.1)}.sidebar-options:after{display:none}}.admin-footer{background:linear-gradient(135deg,#495057,#343a40);color:#fff;text-align:center;padding:20px;margin-top:auto;box-shadow:0 -4px 20px #00000026;border-top:3px solid #FF4C24;position:relative;overflow:hidden}.admin-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#667eea)}.admin-footer .footer-container{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center}.admin-footer .footer-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;gap:20px}.admin-footer .footer-section{flex:1;text-align:center}.admin-footer .footer-section h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 4px;background:linear-gradient(45deg,#fff,#e8f4fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.3)}.admin-footer .footer-section p{color:#fffc;font-size:14px;font-weight:500;margin:0;transition:all .3s ease}.admin-footer .footer-section:hover p{color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.admin-footer .footer-content{flex-direction:column;gap:10px;justify-content:center}.admin-footer .footer-section{text-align:center}.admin-footer .footer-section h3{font-size:1.1rem}.admin-footer .footer-section p{font-size:13px}}@media (max-width: 480px){.admin-footer .footer-section h3{font-size:1rem}.admin-footer .footer-section p{font-size:12px}}.add-product-description textarea{width:100%;padding:16px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#495057;font-family:inherit;resize:vertical;min-height:120px}.add-product-description textarea:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a;background:#fff;transform:translateY(-2px)}.add-product-name,.add-product-description{width:100%;max-width:500px}.add-product-name input,.add-product-description textarea{width:100%;padding:16px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#495057;font-family:inherit}.add-category-price{display:flex;gap:25px;flex-wrap:wrap}.add-category,.add-price{flex:1;min-width:200px}.add-category select,.add-price input{width:100%;padding:16px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#495057;font-family:inherit;cursor:pointer}.add-category select:focus,.add-price input:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a;background:#fff;transform:translateY(-2px)}.upload-label{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:30px}.upload-icon{width:80px;height:80px;margin-bottom:16px;opacity:.8;transition:all .3s ease}.upload-text{font-size:18px;font-weight:600;color:#495057;margin-bottom:8px;transition:all .3s ease}.upload-hint{font-size:14px;color:#6c757d;margin-top:8px;font-style:italic}.image-preview-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f8f9fa)}.image-name{font-size:14px;color:#495057;margin-top:12px;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;background:#ffffffe6;padding:6px 12px;border-radius:20px;font-weight:600;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.add{padding:15px}.add h2{font-size:1.8rem;margin-bottom:20px}.form-container{padding:20px}.add-category-price{flex-direction:column;gap:20px}.add-img-upload{max-width:100%;height:200px}.upload-icon{width:60px;height:60px}.upload-text{font-size:16px}.add-btn{max-width:100%}}@media (max-width: 480px){.add{padding:10px}.add h2{font-size:1.5rem}.form-container{padding:15px}.add-product-name input,.add-product-description textarea,.add-category select,.add-price input{padding:14px 16px;font-size:15px}.add-img-upload{height:180px}.upload-placeholder{padding:20px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-list-container{width:100%;max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.list-header{text-align:center;margin-bottom:32px}.list-header h2{text-align:center;margin-bottom:25px;color:#495057;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff4c24,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.list-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.filters-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:nowrap}.search-container{flex:1;min-width:250px;max-width:400px}.search-input-wrapper{position:relative;width:100%}.search-input:focus{border-color:linear-gradient(135deg,#FF4C24,#FF6B47);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filter-tabs{gap:12px;margin-left:0;display:flex;flex-wrap:nowrap;flex-shrink:0}.filter-tab{padding:10px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;color:#6b7280;white-space:nowrap;min-width:80px;text-align:center}.filter-tab:hover{border-color:linear-gradient(135deg,#FF4C24,#FF6B47);color:linear-gradient(135deg,#FF4C24,#FF6B47)}.filter-tab.active{background:linear-gradient(135deg,#ff4c24,#ff6b47);border-color:linear-gradient(135deg,#FF4C24,#FF6B47);color:#fff}.refresh-btn{padding:12px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;color:#6b7280;white-space:nowrap;width:100px;flex-shrink:0}.refresh-btn:hover{border-color:#ff4c24;color:#ff4c24;background:#fff0ed;transform:translateY(-1px);box-shadow:0 2px 8px #ff4c2433}.table-row:hover{background:#f8fafc}.table-row.unavailable-row{background:#fef2f2;opacity:.8}.table-row.unavailable-row:hover{background:#fee2e2}.image-cell{width:100px}.image-container{position:relative;width:80px;height:80px;margin:0 auto}.food-image{width:80px;height:80px;border-radius:12px;object-fit:cover;border:3px solid #e5e7eb;transition:all .2s}.food-image:hover{transform:scale(1.05);border-color:#ff6b47}.out-of-stock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ef4444e6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:10px;text-align:center;line-height:1.2}.details-cell{min-width:200px}.item-name{font-weight:700;font-size:16px;color:#1f2937;margin:0 0 4px}.item-description{color:#6b7280;font-size:14px;margin:0;line-height:1.4;max-width:300px}.category-cell{width:150px}.category-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;display:inline-block}.price-cell{width:120px}.price{font-weight:800;font-size:18px;color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:8px 12px;border-radius:8px;display:inline-block}.status-cell{width:140px}.status-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-weight:800;font-size:14px;cursor:pointer;transition:all .2s;min-width:150px;justify-content:center}.status-toggle.available{background:linear-gradient(135deg,#a9d1c4,#87b3a5);color:#fff}.status-toggle.unavailable{background:linear-gradient(135deg,#b58f8f,#d2a7a7);color:#fff}.status-toggle:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.status-toggle.toggling{opacity:.7;cursor:not-allowed}.food-status-indicator{display:inline-block;width:14px;height:14px;border-radius:50%!important;margin-right:8px;vertical-align:middle;background-color:#fff;border:none!important;box-shadow:none!important}.status-toggle.unavailable .food-status-indicator,.card-status-toggle.unavailable .food-status-indicator{background-color:#d01d09!important}.status-toggle.available .food-status-indicator,.card-status-toggle.available .food-status-indicator{background-color:#077a24!important}.toggle-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;color:#fff;border-radius:50%;animation:spin 1s linear infinite}.actions-cell{width:80px}.delete-btn{width:40px;height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:16px}.mobile-cards-container{display:none;grid-template-columns:1fr;gap:16px}.food-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s}.food-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.food-card.unavailable-card{background:#fef2f2;opacity:.9}.card-image-container{position:relative;height:200px;overflow:hidden}.card-out-of-stock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ef4444e6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-title{font-weight:700;font-size:18px;color:#1f2937;margin:0;flex:1}.card-price{font-weight:800;font-size:16px;color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:6px 10px;border-radius:6px;margin-left:12px}.card-meta{margin-bottom:16px}.card-category{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.card-actions{display:flex;gap:12px}.card-status-toggle{flex:1;display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;justify-content:center}.card-status-toggle.available{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card-status-toggle.unavailable{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.card-delete-btn{width:48px;height:48px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:18px}@media (max-width: 768px){.modern-list-container{padding:15px}.page-title h2{font-size:1.5rem;margin-bottom:15px}}@media (max-width: 768px){.modern-list-container{padding:16px}.page-title h2{font-size:1.5rem}.filters-section{padding:20px;gap:16px;flex-direction:column;align-items:stretch}.search-container{min-width:auto}.filter-tabs{gap:8px;justify-content:center}.filter-tab{padding:8px 14px;font-size:13px;flex:1;text-align:center;min-width:70px}.refresh-btn{align-self:center;min-width:120px}.desktop-table-container{display:none}.mobile-cards-container{display:grid}}@media (max-width: 480px){.modern-list-container{padding:12px}.page-title h2{font-size:1.5rem;margin-bottom:15px}.filters-section{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.search-container{min-width:auto}.search-input-wrapper{max-width:none}.filter-tabs{flex-direction:row;gap:6px;flex-wrap:wrap}.filter-tab{text-align:center;flex:1;min-width:70px;padding:8px 10px;font-size:12px}.refresh-btn{align-self:center;min-width:100px;padding:10px 16px;font-size:13px}}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-price{margin-left:0;align-self:flex-end}.confirmation-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px}.confirmation-dialog{background:#fff;border-radius:16px;width:100%;max-width:450px;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out;z-index:1000000}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e5e5}.confirmation-dialog-header h3{margin:0;font-size:1.4rem;color:#333;font-weight:600}.close-button{background:#f5f5f5;border:1px solid #ddd;font-size:24px;color:#333;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover:not(:disabled){background:#e5e5e5;color:#000}.close-button:disabled{opacity:.5;cursor:not-allowed}.confirmation-dialog-body{padding:24px;text-align:center}.warning-icon{font-size:3rem;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.confirmation-dialog-body p{margin:0;font-size:1.1rem;color:#333;line-height:1.5}.confirmation-dialog-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.cancel-button,.confirm-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.cancel-button{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.cancel-button:hover:not(:disabled){background:#e9ecef;color:#495057}.confirm-button{background:#dc3545;color:#fff}.confirm-button:hover:not(:disabled){background:#c82333}.cancel-button:disabled,.confirm-button:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}@media (max-width: 480px){.confirmation-dialog{max-width:90%;margin:20px}.confirmation-dialog-header{padding:20px 20px 12px}.confirmation-dialog-header h3{font-size:1.2rem}.confirmation-dialog-body{padding:20px}.confirmation-dialog-body p{font-size:1rem}.confirmation-dialog-actions{padding:12px 20px 20px;flex-direction:column}.cancel-button,.confirm-button{width:100%;padding:14px 24px}.warning-icon{font-size:2.5rem}}.order-content,.order-content *,.items-section,.customer-details,.driver-info,.order-summary{column-count:unset!important;column-width:unset!important;columns:unset!important;column-gap:unset!important;column-rule:unset!important;break-inside:auto!important;page-break-inside:auto!important;float:none!important;position:relative!important}.active-orders{width:100%;max-width:1200px;margin:0 auto;padding:10px;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f8f9fa;min-height:100vh}.active-orders h2{text-align:center;margin-bottom:25px;color:#495057;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff4c24,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.active-orders h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.order-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:8px;padding:8px;margin-bottom:8px;box-shadow:0 2px 8px #0000000d;border-left:3px solid #FF4C24}.header-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.header-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-header img{width:18px;height:18px;border-radius:4px}.order-id{font-weight:600;font-size:.8rem;color:#495057;margin-left:6px}.header-status-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.header-status-btn{padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;min-width:80px;position:relative;text-transform:uppercase;letter-spacing:.3px}.header-status-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.header-status-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8f9fa;color:#adb5bd;border-color:#e9ecef}.header-status-btn:not(:disabled):not(.cancel){animation:pulse-ready 2s infinite;box-shadow:0 0 8px #17a2b84d}@keyframes pulse-ready{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.header-status-btn.processing{border-color:#17a2b8;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;font-weight:700}.header-status-btn.processing:hover:not(:disabled){background:linear-gradient(135deg,#138496,#0f6674);transform:translateY(-1px)}.header-status-btn.food-processing{border-color:#6f42c1;background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;font-weight:700}.header-status-btn.food-processing:hover:not(:disabled){background:linear-gradient(135deg,#5a2d91,#4e2471);transform:translateY(-1px)}.header-status-btn.ready{border-color:#28a745;background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff!important;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 6px #28a74566!important}.header-status-btn.ready:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-1px);box-shadow:0 4px 8px #28a74580!important}.header-status-btn.cancel{border-color:#dc3545;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-weight:700}.header-status-btn.cancel:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}.header-status-note{margin-top:8px}.header-status-note input{width:100%;padding:6px;border:1px solid #dee2e6;border-radius:4px;font-size:.75rem;background:#fff}.header-status-note input:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 2px #ff4c241a}.order-status-row{display:flex;gap:15px;align-items:center;border-bottom:1px solid #e9ecef;margin-bottom:15px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000000d}.status-buttons-section{display:flex;gap:8px;flex-wrap:wrap;flex:1}.status-btn{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;min-width:100px;position:relative;text-transform:uppercase;letter-spacing:.3px}.status-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.status-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8f9fa;color:#adb5bd;border-color:#e9ecef}.status-btn:not(:disabled):not(.cancel){animation:pulse-ready 2s infinite;box-shadow:0 0 8px #17a2b84d}.status-btn.processing{border-color:#17a2b8;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;font-weight:700}.status-btn.processing:hover:not(:disabled){background:linear-gradient(135deg,#138496,#0f6674);transform:translateY(-1px)}.status-btn.food-processing{border-color:#6f42c1;background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;font-weight:700}.status-btn.food-processing:hover:not(:disabled){background:linear-gradient(135deg,#5a2d91,#4e2471);transform:translateY(-1px)}.status-btn.ready{border-color:#28a745;background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff!important;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 6px #28a74566!important}.status-btn.ready:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-1px);box-shadow:0 4px 8px #28a74580!important}.status-btn.cancel{border-color:#dc3545;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-weight:700}.status-btn.cancel:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}.status-btn.qr-scan{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:4px}.status-btn.qr-scan:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px);box-shadow:0 4px 8px #17a2b84d}.status-btn.qr-scan:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.status-note-section{flex:0 0 300px;min-width:250px}.status-note-input{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:.8rem;background:#fff;transition:all .2s ease}.status-note-input:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 2px #ff4c241a}.status-note-input::placeholder{color:#adb5bd;font-style:italic}.delivery-type-badge{padding:3px 8px;border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px;margin-left:8px}.delivery-type-badge.delivery{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.delivery-type-badge.pickup{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}@media (max-width: 768px){.order-status-row{flex-direction:column;gap:12px;align-items:stretch}.status-buttons-section{justify-content:center}.status-btn{min-width:80px;font-size:.75rem;padding:6px 10px}.status-note-section{flex:none;min-width:auto}}@media (max-width: 480px){.status-buttons-section{flex-direction:column;gap:6px}.status-btn{width:100%;min-width:auto}}.payment-badge{padding:3px 6px;border-radius:8px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.order-date{color:#6c757d;font-size:.7rem;font-weight:500}.order-timer{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.3px;box-shadow:0 1px 4px #28a7454d;animation:pulse 2s infinite}.order-item-food{margin:6px 0;font-size:.8rem;color:#495057}.order-item-food strong{color:#ff4c24;font-weight:600}.customer-details{background:#2196f30d;border:1px solid rgba(33,150,243,.1);border-radius:6px;padding:8px;margin:8px 0}.order-item-name,.order-item-email,.order-item-phone{margin:4px 0;font-size:.75rem;color:#495057}.order-item-name strong,.order-item-email strong,.order-item-phone strong{color:#1976d2;font-weight:600}.order-item-address{margin:4px 0;font-size:.75rem;color:#495057}.driver-info{background:#28a7450d;border:1px solid rgba(40,167,69,.1);border-radius:6px;padding:8px;margin:8px 0;position:relative}.driver-details{display:flex;justify-content:space-between;align-items:left;gap:12px}.driver-contact{flex:1;display:flex;flex-direction:column;gap:6px}.driver-phone{color:#007bff;text-decoration:none;font-weight:700;padding:4px 8px;background:#007bff1a;border-radius:6px;transition:all .3s ease;font-size:.8rem;border:1px solid rgba(0,123,255,.2);text-align:left}.driver-phone:hover{background:#007bff33;text-decoration:underline;transform:translateY(-1px);box-shadow:0 2px 6px #007bff4d}.driver-status{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.driver-badge{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff;padding:6px 12px;border-radius:15px;font-size:.75rem;font-weight:700;box-shadow:0 2px 6px #28a7454d;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;text-align:left}.call-driver-btn-small{display:inline-block;padding:4px 8px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;text-decoration:none;border-radius:4px;font-size:.7rem;font-weight:600;transition:all .2s ease;margin-left:8px;border:none;cursor:pointer}.call-driver-btn-small:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.call-driver-btn{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;text-decoration:none;border-radius:4px;font-size:.8rem;font-weight:600;transition:all .3s ease;margin-left:8px;border:none;cursor:pointer;box-shadow:0 1px 3px #28a74533;text-transform:uppercase;letter-spacing:.3px}.call-driver-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-1px);box-shadow:0 2px 6px #28a74566;color:#fff;text-decoration:none}.call-driver-btn:active{transform:translateY(0);box-shadow:0 1px 3px #28a7454d}.driver-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:6px;padding:10px;margin:10px 0;position:relative;overflow:hidden;text-align:left}.driver-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#28a745,#20c997)}.driver-details{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.driver-contact{flex:1;min-width:180px;text-align:left}.driver-contact p{margin:4px 0;font-size:.75rem;color:#495057;text-align:left}.driver-contact strong{color:#28a745;font-weight:600;text-align:left}.driver-phone{color:#007bff;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:3px;text-align:left}.driver-phone:hover{color:#0056b3;text-decoration:underline;transform:scale(1.05)}.driver-status{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:130px}.driver-pending{color:#6c757d;font-style:italic;text-align:center;padding:12px;background:#f8f9fa;border-radius:4px;border:1px dashed #dee2e6;font-size:.8rem}.payment-info{background:#007bff0d;border:1px solid rgba(0,123,255,.1);border-radius:6px;padding:8px;margin:8px 0;width:100%!important;max-width:100%!important;display:block!important;clear:both;box-sizing:border-box;flex:none!important}.payment-info h4{margin:0 0 6px;font-size:.8rem;color:#0056b3;font-weight:600}.payment-details{display:flex;flex-direction:column;gap:4px}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:.75rem;color:#6c757d}.payment-row span:first-child{font-weight:500;color:#495057}.payment-method{font-weight:600;color:#495057}.payment-status{padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase}.payment-status.pending{background:#fff3cd;color:#856404}.payment-status.completed{background:#d4edda;color:#155724}.payment-status.failed{background:#f8d7da;color:#721c24}.order-summary p{margin:2px 0;font-size:.75rem;color:#495057}.order-summary strong{color:#856404;font-weight:600}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 1px 4px #0000001a;border:1px solid transparent}.status-badge.pending{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border-color:#e0a800;text-shadow:0 1px 1px rgba(255,255,255,.3)}.status-badge.processing{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border-color:#138496;text-shadow:0 1px 1px rgba(0,0,0,.2)}.status-badge.food-processing{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff;border-color:#e55a00;text-shadow:0 1px 1px rgba(0,0,0,.2)}.status-badge.food-ready-for-pick-up{background:linear-gradient(135deg,#20c997,#17a085);color:#fff;border-color:#17a085;text-shadow:0 1px 1px rgba(0,0,0,.2)}.status-badge.driver-on-the-way-to-restaurant{background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;border-color:#5a2d91;text-shadow:0 1px 1px rgba(0,0,0,.2)}.status-badge.out-for-delivery{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#0056b3;text-shadow:0 1px 1px rgba(0,0,0,.2)}.status-badge.delivered{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border-color:#1e7e34;text-shadow:0 1px 1px rgba(0,0,0,.2)}.status-badge.cancelled{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border-color:#c82333;text-shadow:0 1px 1px rgba(0,0,0,.2)}.order-timer{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.5px;box-shadow:0 2px 8px #28a7454d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.order-list{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:8px;align-items:center}.order-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:none;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease;position:relative;overflow:hidden;width:100%;max-width:1200px}.order-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#667eea)}.order-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.order-content{display:flex!important;flex-direction:column!important;gap:8px;width:100%!important;max-width:100%!important;box-sizing:border-box;align-items:stretch!important}.order-content>*{width:100%!important;max-width:100%!important;flex:none!important;display:block!important;margin-left:0!important;margin-right:0!important}.items-section{width:100%!important;max-width:100%!important;display:block!important;clear:both;box-sizing:border-box;flex:none!important}.order-item-food{margin:6px 0;font-size:.8rem;color:#495057;background:#ff4c240d;padding:8px;border-radius:8px;border-left:3px solid #FF4C24;width:100%!important;max-width:100%!important;display:block!important;box-sizing:border-box;flex:none!important}.customer-details{background:#2196f30d;border:1px solid rgba(33,150,243,.1);border-radius:6px;padding:8px;margin:8px 0;width:100%!important;max-width:100%!important;display:block!important;clear:both;box-sizing:border-box;flex:none!important}.order-item-address{margin:8px 0}.order-item-address p{margin:0 0 5px;font-weight:600;color:#495057}.address-details{list-style:none;margin:5px 0;background:#ffffffb3;border-radius:6px;padding:8px}.address-details li{margin:2px 0;font-size:.75rem;color:#6c757d}.driver-info{background:#28a7450d;border:1px solid rgba(40,167,69,.1);border-radius:6px;padding:8px;margin:8px 0;width:100%!important;max-width:100%!important;display:block!important;clear:both;box-sizing:border-box;flex:none!important}.driver-info h4{margin:0 0 6px;font-size:.8rem;color:#28a745;font-weight:600;display:flex;align-items:center;gap:4px}.driver-details{display:flex;justify-content:space-between;align-items:center;gap:8px}.driver-contact{width:100%}.driver-contact p{margin:4px 0;font-size:.75rem;color:#495057}.driver-contact strong{color:#28a745;font-weight:600}.driver-phone{color:#1976d2;text-decoration:none;font-weight:600;padding:2px 6px;background:#1976d21a;border-radius:4px;transition:all .2s ease;font-size:.75rem}.driver-phone:hover{background:#1976d233;text-decoration:underline}.driver-status{position:absolute!important;top:8px!important;right:8px!important;margin:0!important}.driver-badge{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;padding:4px 8px;border-radius:15px;font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;box-shadow:0 1px 3px #17a2b833}.driver-pending{color:#6c757d;font-style:italic;text-align:center;padding:8px;background:#6c757d0d;border-radius:4px;margin:0;font-size:.75rem}.order-summary{background:#ffc1070d;border:1px solid rgba(255,193,7,.1);border-radius:6px;padding:8px;margin:8px 0;width:100%!important;max-width:100%!important;display:block!important;clear:both;box-sizing:border-box;flex:none!important}.order-summary h4{margin:0 0 6px;font-size:.8rem;color:#856404;font-weight:600}.pricing-breakdown{margin:6px 0}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:.75rem;color:#6c757d}.pricing-row.total{font-weight:700;color:#28a745;border-top:1px solid #dee2e6;padding-top:4px;margin-top:4px;font-size:.8rem}.refresh-button{background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.qr-scanner-button{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #17a2b833}.qr-scanner-button:hover{background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px);box-shadow:0 4px 8px #17a2b84d}.qr-scanner-button:active{transform:translateY(0)}.auto-refresh-note{font-size:.8rem;color:#6c757d;font-style:italic}.connection-status{color:#dc3545;font-weight:600}.empty-container{border-left:4px solid #28a745}.empty-subtitle,.loading-subtitle,.error-subtitle{color:#6c757d;font-size:.9rem;margin-top:10px}.loading-subtitle{color:#007bff;font-style:italic}.error-subtitle{color:#856404;background:#ffc1071a;padding:10px;border-radius:6px;margin-top:15px;border:1px solid rgba(255,193,7,.3)}@media (max-width: 768px){.active-orders{padding:8px}.active-orders h2{font-size:1.3rem}.order-list{padding:0 4px;gap:6px}.order-item{padding:8px}.order-content{gap:6px}.order-header{padding:6px}.header-row{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:6px}.order-header img{width:16px;height:16px}.order-id,.order-date{font-size:.7rem}.order-timer{font-size:.65rem;padding:3px 6px}.payment-badge{font-size:.6rem;padding:2px 4px}.header-status-buttons{gap:4px}.header-status-btn{padding:3px 6px;font-size:.65rem;min-width:70px}.customer-details,.driver-info,.payment-info,.order-summary{padding:6px;margin:6px 0}.driver-details{flex-direction:column;align-items:flex-start;gap:4px}.driver-contact{flex-direction:column;align-items:flex-start;gap:2px}.driver-contact p{font-size:.7rem;text-align:left}.driver-phone{font-size:.7rem;padding:2px 4px}.driver-badge{font-size:.65rem;padding:3px 6px}.call-driver-btn{padding:4px 8px;font-size:.65rem;margin-left:6px}.call-customer-btn{padding:3px 6px;font-size:.65rem;margin-left:6px}.driver-status{align-items:flex-start;min-width:unset;width:100%}.order-item-name,.order-item-email,.order-item-phone{font-size:.7rem;margin:3px 0}.address-details li{font-size:.65rem;margin:1px 0}.pricing-row{font-size:.7rem;padding:1px 0}.pricing-row.total{font-size:.75rem}.status-history summary{font-size:.7rem}.status-history li{font-size:.65rem;padding:2px 0}.driver-info h4,.order-summary h4,.status-buttons h4{font-size:.75rem;margin:0 0 4px}.refresh-container{flex-direction:column;gap:6px;align-items:stretch}.refresh-button,.qr-scanner-button{padding:6px 10px;font-size:.75rem}}@media (max-width: 480px){.active-orders{padding:6px}.active-orders h2{font-size:1.2rem}.order-list{padding:0 2px;gap:4px}.order-item{padding:6px}.order-header{padding:4px}.header-row{margin-bottom:4px}.header-status-buttons{gap:3px}.header-status-btn{padding:2px 4px;font-size:.6rem;min-width:60px}.header-status-note{margin-top:6px}.header-status-note input{padding:4px;font-size:.7rem}.customer-details,.driver-info,.payment-info,.order-summary{padding:4px;margin:4px 0}.driver-details{flex-direction:column;gap:2px}.driver-contact p{font-size:.65rem;text-align:left}.driver-phone{font-size:.65rem;padding:1px 3px}.driver-badge{font-size:.6rem;padding:2px 4px}.call-driver-btn{padding:3px 6px;font-size:.6rem;margin-left:4px}.call-customer-btn{padding:2px 4px;font-size:.6rem;margin-left:4px}}.delivery-photo-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin:10px 0;width:100%!important;max-width:100%!important;display:block!important;clear:both;box-sizing:border-box;flex:none!important}.delivery-photo-section h4{color:#333;margin:0 0 10px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px}.delivery-photo{max-width:100%;max-height:200px;border-radius:6px;border:2px solid #e9ecef;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000001a}.delivery-photo-caption{color:#666;font-size:.75rem;text-align:center;font-style:italic;margin:0}@media (max-width: 768px){.delivery-photo-section{padding:10px;margin:8px 0}.delivery-photo{max-height:150px}.delivery-photo-section h4{font-size:.8rem}}.qr-scanner-overlay{position:fixed;top:150px;left:0;right:0;bottom:80px;height:70%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.qr-scanner-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:800px;width:50%;max-height:90vh;height:100%;width:100%;margin:0 auto;overflow-y:auto;position:relative}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:2px solid #e0e0e0;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000001a}.qr-scanner-header h2{font-size:1.4rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.3px;color:#fff;margin:0;flex:1;text-align:center}.close-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.8rem;cursor:pointer;padding:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:700;flex-shrink:0}.close-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 2px 8px #fff3}.qr-scanner-content{padding:2rem}.camera-section{margin-bottom:2rem;text-align:center}.video-container{position:relative;background:#f5f5f5;border:2px dashed #ccc;border-radius:8px;min-height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden}.scanner-video{width:100%;height:300px;object-fit:cover;border-radius:6px}.camera-placeholder{display:flex;flex-direction:column;align-items:center;color:#666}.camera-icon{font-size:3rem;margin-bottom:.5rem}.camera-placeholder p{margin:0;font-size:1.1rem}.camera-controls{display:flex;gap:1rem;justify-content:center}.scan-btn,.stop-scan-btn{background:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.scan-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.stop-scan-btn{background:#f44336}.stop-scan-btn:hover{background:#da190b;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.scan-btn:disabled,.stop-scan-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.manual-input-section{border-top:1px solid #e0e0e0;padding-top:2rem;margin-bottom:2rem}.manual-input-section h3{margin:0 0 1rem;color:#333;font-size:1.2rem}.manual-input-group{display:flex;flex-direction:column;gap:1rem}.manual-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;font-family:Courier New,monospace;resize:vertical;min-height:80px;transition:border-color .3s ease}.manual-input:focus{outline:none;border-color:#ff6b47;box-shadow:0 0 0 3px #ff6b471a}.verify-manual-btn{background:#ff6b47;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start}.verify-manual-btn:hover{background:#ff4c24;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b474d}.verify-manual-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#ffebee;border:1px solid #f44336;border-radius:8px;padding:1rem;margin:1rem 0;text-align:center}.error-message p{margin:0;color:#d32f2f;font-weight:500}.verifying-state{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#f8f9fa;border-radius:8px;margin:1rem 0}.loading-spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #FF6B47;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.verifying-state p{margin:0;color:#666;font-size:1.1rem}.verification-result{background:linear-gradient(135deg,#d4edda,#e8f5e8);border:2px solid #28a745;border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 15px #28a74533;animation:slideInResults .5s ease-out,pulseGlow 2s ease-in-out infinite}@keyframes slideInResults{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 15px #28a74533}50%{box-shadow:0 6px 20px #28a7454d}}.result-header{text-align:center;margin-bottom:2rem}.result-header h3{margin:0;color:#2e7d32;font-size:1.4rem}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.detail-section h4{margin:0 0 1rem;color:#333;font-size:1.1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.detail-section p{margin:.5rem 0;line-height:1.4}.detail-section strong{color:#333;font-weight:600}.verification-actions{text-align:center;padding-top:1rem;border-top:1px solid #c8e6c9}.mark-picked-up-btn{background:#4caf50;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d}.mark-picked-up-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.mark-picked-up-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.qr-scanner-modal{width:95%;margin:1rem}.qr-scanner-header{padding:1rem 1.5rem}.qr-scanner-header h2{font-size:1.3rem}.close-btn{width:32px;height:32px;font-size:1.6rem}.qr-scanner-content{padding:1.5rem}.camera-controls{flex-direction:column;align-items:center}.order-details{grid-template-columns:1fr;gap:1rem}.detail-section{padding:1rem}}@media (max-width: 480px){.qr-scanner-modal{width:98%;margin:.5rem}.qr-scanner-header{padding:.75rem 1rem}.qr-scanner-header h2{font-size:1.2rem}.close-btn{width:28px;height:28px;font-size:1.4rem}.qr-scanner-content{padding:1rem}.video-container{min-height:250px}.scanner-video{height:250px}.scan-btn,.stop-scan-btn,.verify-manual-btn{padding:.6rem 1.2rem;font-size:.9rem}.mark-picked-up-btn{padding:.8rem 1.5rem;font-size:1rem}}.scanning-status-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;pointer-events:none}.scanning-status{color:#fff;font-size:1.1rem;font-weight:600;text-align:center;margin:0;padding:.5rem 1rem;background:#000c;border-radius:8px;margin-bottom:1rem}.scanning-indicator{width:200px;height:200px;border:2px solid rgba(255,255,255,.3);border-radius:8px;position:relative;overflow:hidden}.scanner-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scanAnimation 2s linear infinite}@keyframes scanAnimation{0%{top:0;opacity:1}50%{opacity:1}to{top:calc(100% - 2px);opacity:0}}@media (max-width: 768px){.scanning-status{font-size:1rem;padding:.4rem .8rem}.scanning-indicator{width:150px;height:150px}}.driver-status{padding:.2rem .6rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize;display:inline-block}.driver-status.online{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.driver-status.offline{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.driver-status.on_delivery{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.detail-section h4{margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.no-driver-message{background-color:#fff3cd;color:#856404;padding:.8rem 1rem;border-radius:6px;border:1px solid #ffeaa7;margin:0;font-style:italic}.error-message.qr-already-verified{background-color:#f8d7da;color:#721c24;border:2px solid #f5c6cb;font-weight:600;border-radius:8px;padding:1rem;margin:1rem 0}.error-message.qr-already-verified:before{content:"🚫 ";font-size:1.2rem;margin-right:.5rem}.verification-instructions{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border:1px solid #c8e6c9;border-radius:8px;padding:1rem;margin:1rem 0;text-align:center}.instruction-text{margin:0;color:#2e7d32;font-size:.95rem;line-height:1.4}.instruction-text strong{color:#1b5e20}.past-orders{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.past-orders h2{text-align:center;margin-bottom:25px;color:#495057;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff4c24,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.past-orders h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.orders-filter-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #6c757d}.filter-form{display:flex;flex-direction:column;gap:15px}.filter-row{display:flex;flex-wrap:wrap;gap:15px;align-items:end;justify-content:space-between}.filter-row .filter-group{flex:1;min-width:180px;max-width:250px}.filter-actions-row{justify-content:center;flex-wrap:nowrap}.filter-actions-row .filter-actions{flex:none}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:#495057;font-size:.9rem}.filter-group select,.filter-group input{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#6c757d;box-shadow:0 0 0 .2rem #6c757d40}.filter-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.filter-apply,.filter-reset{padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.filter-apply{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.filter-apply:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.filter-apply:disabled{opacity:.6;cursor:not-allowed;transform:none}.filter-reset{background:#f8f9fa;color:#6c757d;border:1px solid #ced4da}.filter-reset:hover{background:#e9ecef;border-color:#adb5bd}.filter-reset:disabled{opacity:.6;cursor:not-allowed}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.orders-summary{background:#fff;border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #6c757d;text-align:center}.orders-summary p{margin:0;color:#495057;font-weight:600;font-size:1rem}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000001a;border-left:4px solid #6c757d;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.delivered{border-left-color:#28a745}.stat-card.cancelled{border-left-color:#dc3545}.stat-card.picked-up{border-left-color:#17a2b8}.stat-card h3{margin:0 0 10px;color:#495057;font-size:1rem;font-weight:600}.stat-number{font-size:2rem;font-weight:700;margin:0;color:#6c757d}.stat-card.delivered .stat-number{color:#28a745}.stat-card.cancelled .stat-number{color:#dc3545}.stat-card.picked-up .stat-number{color:#17a2b8}.order-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 4px 15px #00000014;border-left:4px solid #6c757d}.order-header img{width:24px;height:24px;border-radius:6px}.order-id{font-weight:600;font-size:.9rem;color:#495057;margin-left:10px}.payment-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.payment-badge.paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #b8daff}.payment-badge.unpaid{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.order-date{color:#6c757d;font-size:.8rem;font-weight:500}.final-status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.final-status-badge.delivered{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.final-status-badge.cancelled{background:linear-gradient(135deg,#dc3545,#bd2130);color:#fff}.order-list{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:12px;align-items:center}.admin-order-collapsible{width:100%}.admin-order-summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:#ff4c24;padding:6px 0}.admin-order-summary-label:after{content:" ▼";font-size:10px}.admin-order-collapsible[open] .admin-order-summary-label:after{content:" ▲"}.admin-order-inline{display:inline-flex;gap:8px;align-items:baseline;color:#555;margin-left:8px}.admin-order-inline .summary-amount{margin-left:8px;font-weight:700;color:#ff4c24}.admin-order-inline .summary-sep{color:#aaa}.pagination-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid #eee}.pagination-row .page-indicator{font-weight:600;color:#666}.btn-primary.disabled,.btn-secondary.disabled{opacity:.5;cursor:not-allowed}.order-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:none;border-radius:12px;padding:15px;box-shadow:0 3px 12px #00000014;transition:all .2s ease;position:relative;overflow:hidden;width:100%;max-width:1200px}.order-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6c757d,#495057,#343a40)}.order-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.order-content{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:start}.order-details{display:flex;flex-direction:column;gap:8px}.order-item-food{background:#6c757d0d;padding:8px;border-radius:8px;border-left:3px solid #6c757d;font-size:.85rem}.customer-details{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:8px;border-radius:8px;border:1px solid rgba(33,150,243,.2);font-size:.8rem}.order-item-name{color:#495057;font-size:.85rem;margin:3px 0}.order-item-address{margin:4px 0;color:#495057;font-size:.85rem}.order-item-address strong{color:#1976d2;font-weight:600}.order-item-email{color:#495057;font-size:.8rem;margin:3px 0}.order-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:12px;border-radius:10px;border:1px solid #dee2e6;margin-top:8px}.order-summary h4{color:#495057;font-size:1rem;margin:0 0 12px;font-weight:600;text-align:center;padding-bottom:8px;border-bottom:2px solid #dee2e6}.pricing-breakdown{margin-bottom:15px}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;border-bottom:1px solid #e9ecef}.pricing-row:last-child{border-bottom:none}.pricing-row.total{font-weight:700;font-size:1rem;color:#6c757d;border-top:2px solid #6c757d;margin-top:8px;padding-top:12px}.pricing-row span:first-child{color:#6c757d}.pricing-row span:last-child{font-weight:600;color:#495057}.pricing-row.total span{color:#6c757d}.past-order-info{display:flex;flex-direction:column;align-items:center;gap:15px;min-width:200px}.completion-date{text-align:center;background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #dee2e6}.completion-date h4{margin:0 0 10px;color:#495057;font-size:.9rem;font-weight:600}.completion-date p{margin:8px 0;color:#495057;font-size:.9rem}.payment-status{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize;display:inline-block;margin-left:8px}.payment-status.completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-status.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.payment-status.failed{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.payment-status.refunded{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.status-history{margin-top:15px;width:100%}.status-history details{cursor:pointer}.status-history summary{font-weight:600;color:#495057;padding:8px;background:#f8f9fa;border-radius:6px;transition:background-color .2s ease}.status-history summary:hover{background:#e9ecef}.status-history ul{list-style:none;margin:10px 0 0;background:#fff;border-radius:6px;padding:10px;box-shadow:0 2px 4px #0000001a}.status-history li{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid #e9ecef}.status-history li:last-child{border-bottom:none}.history-date{font-size:.75rem;color:#6c757d}.history-status{font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:12px;display:inline-block;width:fit-content}.history-status.pending{background:#ffc107;color:#212529}.history-status.processing{background:#007bff;color:#fff}.history-status.food-processing{background:#fd7e14;color:#fff}.history-status.out-for-delivery{background:#17a2b8;color:#fff}.history-status.delivered{background:#28a745;color:#fff}.history-status.cancelled{background:#dc3545;color:#fff}.history-status.ready-for-pickup{background:#28a745;color:#fff}.history-note{font-size:.8rem;color:#495057;font-style:italic}.refresh-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.refresh-button{background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #ff4c2433}.refresh-button:hover{background:linear-gradient(135deg,#ff6b47,#ff4c24);transform:translateY(-1px);box-shadow:0 4px 8px #ff4c244d}.refresh-button:active{transform:translateY(0)}.loading-container,.error-container,.empty-container{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0}.error-container{border-left:4px solid #dc3545}.empty-container{border-left:4px solid #6c757d}@media (max-width: 1024px){.order-content{grid-template-columns:1fr;gap:20px}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 900px){.filter-row{flex-direction:column;gap:10px}.filter-row .filter-group{flex:none;min-width:auto;max-width:none}.filter-group{margin-bottom:5px}.filter-actions{justify-content:stretch}}@media (max-width: 768px){.past-orders{padding:15px}.past-orders h2{font-size:1.5rem}.order-header{flex-direction:column;align-items:flex-start;gap:8px}.filter-form{gap:15px}.filter-row{gap:8px}.filter-group label{font-size:.8rem}.filter-group select,.filter-group input{font-size:.8rem;padding:8px 10px}.filter-actions{gap:8px}.filter-apply,.filter-reset{padding:8px 16px;font-size:.8rem}.pricing-breakdown{font-size:.85rem}.stat-card{padding:15px}.stat-number{font-size:1.5rem}}@media (max-width: 480px){.past-orders{padding:10px}.filter-row{gap:5px}.filter-group{margin-bottom:3px}.filter-group select,.filter-group input{font-size:.75rem;padding:6px 8px}.filter-actions{flex-direction:column;gap:5px}.filter-apply,.filter-reset{padding:6px 12px;font-size:.75rem}.pricing-row{font-size:.8rem;padding:6px 0}.pricing-row.total{font-size:.9rem}.refresh-button{padding:10px 20px;font-size:.8rem}.order-item{padding:12px}.past-orders h2{font-size:1.3rem}.order-id{font-size:.8rem}.summary-stats{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px}.stat-card h3{font-size:.9rem}.stat-number{font-size:1.3rem}}.delivery-photo-section{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.delivery-photo-section h4{color:#333;margin-bottom:15px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.delivery-photo-container{display:flex;flex-direction:column;align-items:center;gap:10px}.delivery-photo{max-width:100%;max-height:300px;border-radius:8px;border:2px solid #e9ecef;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000001a}.delivery-photo:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000026}.delivery-photo-caption{color:#666;font-size:12px;text-align:center;font-style:italic;margin:0}@media (max-width: 768px){.delivery-photo-section{padding:15px;margin-top:15px}.delivery-photo{max-height:250px}.delivery-photo-section h4{font-size:14px}}.call-customer-btn{display:inline-block;padding:4px 8px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;text-decoration:none;border-radius:4px;font-size:.7rem;font-weight:600;transition:all .2s ease;margin-left:8px;border:none;cursor:pointer}.call-customer-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d;color:#fff;text-decoration:none}@media (max-width: 768px){.call-customer-btn{padding:3px 6px;font-size:.65rem;margin-left:6px}}@media (max-width: 480px){.call-customer-btn{padding:2px 4px;font-size:.6rem;margin-left:4px}}.delivery-photo-section{margin-top:15px;padding:15px;background:#28a7450d;border:1px solid rgba(40,167,69,.1);border-radius:8px}.delivery-photo-section h4{margin:0 0 10px;font-size:.9rem;color:#28a745;font-weight:600;display:flex;align-items:center;gap:5px}.delivery-photo-container{display:flex;flex-direction:column;align-items:center;gap:8px}.delivery-photo{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.delivery-photo:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.delivery-photo-caption{margin:0;font-size:.75rem;color:#6c757d;text-align:center;font-style:italic}@media (max-width: 768px){.delivery-photo-section{padding:10px}.delivery-photo{max-height:150px}.delivery-photo-section h4{font-size:.8rem}}.add{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.add h2{text-align:center;margin-bottom:25px;color:#495057;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff4c24,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.add h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.form-container{width:100%;max-width:800px;margin:0 auto;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px;position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#667eea);border-radius:20px 20px 0 0}.add form{gap:25px;display:flex;flex-direction:column}.add-product-name{width:100%;max-width:500px}.add-product-name input{width:100%;padding:16px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#495057;font-family:inherit}.add-product-name input:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a;background:#fff;transform:translateY(-2px)}.add-btn{width:100%;max-width:200px;margin:20px auto 0;border:none;padding:16px 32px;background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ff4c2466;position:relative;overflow:hidden}.add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-btn:hover:before{left:100%}.add-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff4c2480;background:linear-gradient(135deg,#ff6b47,#ff4c24)}.add-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #ff4c2466}.add-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none;box-shadow:0 2px 10px #6c757d4d}.add-btn:disabled:before{display:none}.add p{font-size:16px;font-weight:600;color:#495057;margin-bottom:8px;display:flex;align-items:center;gap:8px}.add p:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#ff4c24,#ff6b47);border-radius:2px}.add-img-upload{position:relative;width:100%;max-width:350px;height:250px;border:3px dashed #e9ecef;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin:0 auto}.add-img-upload:hover{border-color:#ff4c24;background:linear-gradient(135deg,#fff0ed,#ffe8e4);transform:translateY(-2px);box-shadow:0 8px 25px #ff4c2433}.upload-label{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:20px}.upload-icon{width:80px;height:80px;margin-bottom:15px;opacity:.7;transition:all .3s ease}.add-img-upload:hover .upload-icon{opacity:1;transform:scale(1.1)}.upload-text{font-size:18px;font-weight:600;color:#495057;margin-bottom:8px}.add-img-upload:hover .upload-text{color:#ff4c24}.upload-hint{font-size:14px;color:#6c757d;margin-top:5px}.image-preview-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:85%;object-fit:contain;border-radius:12px;box-shadow:0 4px 15px #0000001a}.image-name{font-size:12px;color:#495057;margin-top:8px;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;background:#ffffffe6;padding:6px 12px;border-radius:8px;font-weight:500;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.add{padding:15px}.add h2{font-size:1.8rem;margin-bottom:20px}.form-container{padding:20px}.add-img-upload{max-width:100%;height:200px}.upload-icon{width:60px;height:60px}.upload-text{font-size:16px}.add-btn{max-width:100%}}@media (max-width: 480px){.add{padding:10px}.add h2{font-size:1.5rem}.form-container{padding:15px}.add-product-name input{padding:14px 16px;font-size:15px}.add-img-upload{height:180px}.upload-placeholder{padding:20px}}.modern-menu-container{width:100%;max-width:1200px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.menu-header{text-align:center;margin-bottom:32px}.menu-header h2{text-align:center;margin-bottom:25px;color:#495057;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff4c24,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.menu-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.search-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:20px}.search-container{flex:1}.search-input-wrapper{position:relative;max-width:400px}.search-input{width:100%;padding:12px 12px 12px 44px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#f9fafb;transition:all .2s;outline:none}.search-input:focus{border-color:#ff6b47;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.categories-count{flex-shrink:0}.count-badge{background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px}.desktop-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;display:block}.modern-table{width:100%;border-collapse:collapse;background:#fff}.modern-table th{background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;padding:20px 16px;text-align:left;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;border:none}.modern-table td{padding:20px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table-row{transition:all .2s;background:#fff}.table-row:hover{background:#faf5ff}.image-cell{width:120px}.image-container{position:relative;width:100px;height:100px;margin:0 auto}.category-image{width:100px;height:100px;border-radius:12px;object-fit:cover;border:3px solid #e5e7eb;transition:all .2s}.category-image:hover{transform:scale(1.05);border-color:#ff6b47}.details-cell{min-width:300px;flex:1}.category-details{display:flex;flex-direction:column;gap:8px}.category-name{font-weight:700;font-size:18px;color:#1f2937;margin:0}.category-description{color:#6b7280;font-size:14px;margin:0;line-height:1.4;max-width:400px}.category-meta{display:flex;gap:16px;margin-top:4px}.created-date{color:#9ca3af;font-size:12px;font-weight:500;background:#f3f4f6;padding:4px 8px;border-radius:6px}.actions-cell{width:100px}.action-buttons{display:flex;gap:8px;justify-content:center}.delete-btn{width:44px;height:44px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:16px}.delete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.delete-btn.deleting{opacity:.5;cursor:not-allowed}.mobile-cards-container{display:none;grid-template-columns:1fr;gap:20px}.category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s}.category-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.card-image-container{position:relative;height:180px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover}.card-content{padding:20px}.card-header{margin-bottom:12px}.card-title{font-weight:700;font-size:20px;color:#1f2937;margin:0}.card-description{color:#6b7280;font-size:14px;margin:0 0 16px;line-height:1.4}.card-meta{margin-bottom:20px}.card-date{color:#9ca3af;font-size:12px;font-weight:500;background:#f3f4f6;padding:4px 10px;border-radius:6px}.card-actions{display:flex;justify-content:flex-end}.card-delete-btn{padding:10px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.card-delete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.card-delete-btn.deleting{opacity:.5;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #FF6B47;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{color:#6b7280;font-size:16px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;text-align:center}.empty-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.empty-state h3{font-size:1.5rem;color:#1f2937;margin:0 0 12px;font-weight:700}.empty-state-text{color:#6b7280;font-size:16px;margin:0;max-width:400px;line-height:1.5}@media (max-width: 768px){.modern-menu-container{padding:15px}.menu-header h2{font-size:1.5rem;margin-bottom:15px}}@media (max-width: 768px){.modern-menu-container{padding:16px}.page-title{font-size:1.5rem}.page-subtitle{font-size:1rem}.search-section{padding:20px;flex-direction:column;align-items:stretch;gap:16px}.search-input-wrapper{max-width:none}.categories-count{text-align:center}.desktop-table-container{display:none}.mobile-cards-container{display:grid}}@media (max-width: 480px){.modern-menu-container{padding:12px}.page-title{font-size:1.75rem}.search-section{padding:16px}.mobile-cards-container{gap:16px}.card-content{padding:16px}}.super-admin-page .navbar{display:none!important}.super-admin-navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ff6b47,#ff4c24);color:#fff;padding:.5rem 2rem;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;right:0;width:100%;z-index:999}.super-admin-navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#ff8a6b)}.super-admin-navbar-left{display:flex;align-items:center;gap:1rem}.super-admin-logo{height:50px;width:auto;object-fit:contain;border-radius:8px;padding:6px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.super-admin-logo:hover{transform:scale(1.05);box-shadow:0 4px 12px #fff3;background:#ffffffe6}.super-admin-title{font-size:1.5rem;font-weight:700;margin:0}.super-admin-navbar-right{display:flex;align-items:center;gap:1rem}.profile-container{cursor:pointer;transition:all .3s ease}.profile-container:hover{transform:scale(1.05)}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0003}.super-admin-logout{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.super-admin-logout:hover{background-color:#ffffffe6;color:#ff4c24;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.super-admin-page{padding-top:70px}.super-admin-container{max-width:1200px;margin:0 auto;padding:1rem}@media (max-width: 768px){.super-admin-navbar{padding:.8rem 1rem;flex-direction:column;gap:.8rem;height:auto;min-height:120px}.super-admin-navbar-left{gap:1rem;width:100%;justify-content:space-between;flex-direction:row;align-items:center}.super-admin-title{font-size:1.2rem;order:2;width:100%;text-align:center;margin-top:.8rem;font-weight:600}.super-admin-logo{height:85px;width:85px;padding:8px;border-radius:12px}.super-admin-navbar-right{gap:.8rem;width:100%;justify-content:flex-end;flex-wrap:wrap;order:1;align-items:center}.profile-image{width:45px;height:45px}.super-admin-logout{padding:.6rem 1rem;font-size:1rem;font-weight:600}}@media (max-width: 480px){.super-admin-navbar{padding:.6rem .8rem;min-height:110px}.super-admin-title{font-size:1.1rem;order:2;width:100%;text-align:center;margin-top:.6rem;font-weight:600}.super-admin-logo{height:75px;width:100px;padding:6px;border-radius:10px}.super-admin-navbar-right{gap:.6rem;order:1;align-items:center}.profile-image{width:40px;height:40px}.super-admin-logout{padding:.5rem .8rem;font-size:.9rem;font-weight:600;min-width:auto;white-space:nowrap}}@media (max-width: 360px){.super-admin-navbar{padding:.5rem;min-height:100px}.super-admin-title{font-size:1rem;order:2;width:100%;text-align:center;margin-top:.5rem;font-weight:600}.super-admin-logo{height:70px;width:140px;padding:5px;border-radius:8px}.super-admin-navbar-right{gap:.4rem;order:1;align-items:center}.profile-image{width:35px;height:35px;margin-right:60px;margin-left:70px}.super-admin-logout{padding:.4rem .7rem;font-size:.85rem;font-weight:600;min-width:auto;white-space:nowrap;margin-right:20px}}.auto-account-section{background-color:#f8f9fa;border-left:4px solid #4CAF50;margin-bottom:2rem;width:100%;max-width:1100px}.info-card{background-color:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.info-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.info-card-header h3{margin:0;color:#333}.badge.new-feature{background-color:#4caf50;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.7rem;font-weight:400;margin-left:10px}.badge.update-feature{background-color:#2196f3;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.7rem;font-weight:400;margin-left:10px}.alert{padding:12px 16px;margin:16px 0;border-radius:4px;font-size:.9rem}.alert-success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.feature-list{padding-left:1rem;margin-bottom:1.5rem}.feature-list li{margin-bottom:.7rem;display:flex;align-items:flex-start}.feature-icon{color:#4caf50;font-weight:700;margin-right:.5rem;font-size:1.1rem}.action-container{margin:1.5rem 0;text-align:center}.btn-primary{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.status-impact-note{margin-top:6px;color:#6c757d;font-size:.85rem}.btn-primary:hover{background-color:#388e3c}.info-note{margin-top:1rem;padding:.8rem;background-color:#f8f9fa;border-radius:4px;font-size:.9rem;border-left:3px solid #6c757d}.app-link{text-decoration:none}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:2rem}.dashboard-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;margin-bottom:2.5rem;width:100%;max-width:1100px}.dashboard-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:.75rem;text-align:center}.dashboard-section h3{color:#555;font-size:1.25rem;margin-bottom:1.25rem;text-align:center}.restaurant-list-container{overflow-x:auto;margin:0 auto;max-width:100%;width:100%}.restaurant-table{width:100%;border-collapse:collapse;margin:1.5rem auto;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden;text-align:center;max-width:1100px}.restaurant-table th,.restaurant-table td{padding:1rem;text-align:center;border-bottom:1px solid #eee}.restaurant-table th{background-color:#4caf50;color:#fff;font-weight:600;white-space:nowrap}.restaurant-table tr:hover{background-color:#f9f9f9}.restaurant-table tr.inactive{background-color:#fff5f5}.restaurant-table tr:last-child td{border-bottom:none}.restaurant-table th:nth-child(1),.restaurant-table td:nth-child(1){width:18%}.restaurant-table th:nth-child(2),.restaurant-table td:nth-child(2){width:32%}.restaurant-table th:nth-child(3),.restaurant-table td:nth-child(3){width:15%}.restaurant-table th:nth-child(4),.restaurant-table td:nth-child(4){width:15%}.restaurant-table th:nth-child(5),.restaurant-table td:nth-child(5){width:20%}.status-badge{display:inline-block;padding:.5rem .75rem;border-radius:50px;font-size:.85rem;font-weight:500;text-align:center;min-width:100px}.status-badge.active{background-color:#4caf50;color:#fff}.status-badge.inactive{background-color:#f44336;color:#fff}.action-buttons{display:flex;gap:10px;justify-content:center;align-items:center}.btn-view,.btn-toggle{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-view{background-color:#2196f3;color:#fff}.btn-view:hover{background-color:#0d8aee}.btn-toggle.activate{background-color:#4caf50;color:#fff}.btn-toggle.activate:hover{background-color:#3d9c40}.btn-toggle.deactivate{background-color:#f44336;color:#fff}.btn-toggle.deactivate:hover{background-color:#e53935}.restaurant-details{background-color:#fff;border-radius:8px;padding:2rem;margin:2rem auto;max-width:90%;box-shadow:0 4px 12px #0000001a;position:relative}.restaurant-details h3{color:#4caf50;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e0e0e0}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-item{margin-bottom:.5rem;padding:.75rem;background-color:#f9f9f9;border-radius:6px;border-left:3px solid #4CAF50}.detail-item strong{display:block;margin-bottom:.25rem;color:#555;font-size:.9rem}.btn-close{padding:.75rem 1.5rem;background-color:#f5f5f5;border:none;border-radius:4px;cursor:pointer;color:#333;font-weight:500;transition:all .2s ease;display:block;margin:0 auto}.btn-close:hover{background-color:#e0e0e0}.create-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.create-form label{font-weight:500;color:#555}.create-form input,.create-form textarea,.create-form select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.create-form textarea{min-height:100px;resize:vertical}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem}.btn-submit{background-color:#0d6efd;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1rem;align-self:flex-start}.btn-submit:hover{background-color:#0a58ca}@media (min-width: 992px){.dashboard-grid{grid-template-columns:1fr 1fr}}.dashboard-tabs{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:2rem;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.tab-button{background:#ff6b47;border:none;padding:.75rem 1.5rem;border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;color:#666;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem;text-decoration:none;min-width:fit-content}.tab-button.active,.tab-button.overview-tab{background-color:#ff6b47;color:#fff}.tab-button.overview-tab:hover{background-color:#ff6b47;color:#0c0101}.tab-button.financials-tab{background-color:#ff6b47;color:#fff}.tab-button.financials-tab:hover{background-color:#ff6b47;color:#0c0101}.tab-button.payouts-tab{background-color:#ff6b47;color:#fff}.tab-button.payouts-tab:hover{background-color:#ff6b47;color:#0c0101}.tab-button.fraud-tab{background-color:#ff6b47;color:#fff}.tab-button.fraud-tab:hover{background-color:#ff6b47;color:#0c0101}.tab-button.applications-tab{background-color:#ff6b47;color:#fff;margin-left:auto}.tab-button.applications-tab:hover{background-color:#ff6b47;color:#0c0101}.dashboard-content{margin-top:1rem}.tab-content{margin-top:1rem;width:100%}.overview-section{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.stats-grid{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:1rem!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}}@media (min-width: 1400px){.stats-grid{max-width:1400px;gap:2rem}.stat-card{padding:2rem}.stat-icon{font-size:3rem}.stat-content h3{font-size:1.3rem}.stat-total{font-size:2.5rem}}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;border-left:4px solid transparent;text-decoration:none;color:inherit}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;text-decoration:none;color:inherit}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{background:linear-gradient(135deg,#f8f9fa,#fff)}.stat-card.restaurants{border-left-color:#4caf50}.stat-card.drivers{border-left-color:#2196f3}.stat-card.users{border-left-color:#ff9800}.stat-card.applications{border-left-color:#9c27b0}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{margin:0 0 .5rem;font-size:1.1rem;color:#555;font-weight:600}.stat-numbers{display:flex;flex-direction:column;gap:.25rem}.stat-total{font-size:2rem;font-weight:700;color:#333}.stat-active{font-size:.9rem;color:#666}.applications-link{background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;transition:transform .2s ease;display:inline-block}.applications-link:hover{transform:scale(1.05);text-decoration:none;color:#fff}.section-header{display:flex;justify-content:between;align-items:center;margin-bottom:1.5rem;padding:1rem 0;border-bottom:2px solid #e0e0e0}.btn-refresh:disabled .bi-arrow-clockwise{animation:spin 1s linear infinite}.partners-table th{background:linear-gradient(90deg,#ff4c24,#ff6b47);color:#fff;font-weight:600;padding:1rem;text-align:left;font-size:.9rem;letter-spacing:.5px}.restaurant-name strong,.driver-name strong,.user-name strong{color:#333;font-size:1rem}.role-badge{display:inline-block;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.admin{background-color:#9c27b0;color:#fff}.role-badge.driver{background-color:#2196f3;color:#fff}.role-badge.customer{background-color:#ff9800;color:#fff}.status-group{display:flex;flex-direction:column;gap:.3rem}.online-status{font-size:.75rem;padding:.2rem .5rem;border-radius:10px;text-align:center;font-weight:500}.online-status.online{background-color:#e8f5e9;color:#2e7d32}.online-status.offline{background-color:#ffebee;color:#c62828}.rating{display:flex;align-items:center;gap:.25rem;font-weight:500}.btn-view,.btn-toggle{padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;min-width:70px}.btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.btn-toggle.activate:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.btn-toggle.deactivate:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.details-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:900px;width:100%;max-height:95vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;z-index:100000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e0e0e0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{background-color:#f44336;color:#fff}.modal-content{padding:1.5rem;flex:1;overflow-y:auto;min-height:0}.details-grid{display:grid;grid-template-columns:1fr;gap:1rem}.detail-item{background-color:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #4CAF50}.detail-item strong{display:block;margin-bottom:.5rem;color:#555;font-size:.9rem;font-weight:600}.empty-state{text-align:center;padding:3rem 1rem;color:#666;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.loading-state{text-align:center;padding:4rem 1rem;color:#666}.loading-state h2{color:#4caf50;margin-bottom:1rem}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr);max-width:900px}.partners-table{font-size:.9rem}.partners-table th,.partners-table td{padding:.75rem .5rem}}@media (max-width: 768px){.dashboard-tabs{flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.tab-button{border-radius:8px;justify-content:flex-start;padding:1rem 1.5rem;font-size:1rem;width:100%;text-align:left}.stats-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:1rem;max-width:100%!important;margin-left:0!important;margin-right:0!important}.stat-card{padding:1.5rem;min-height:120px}.stat-icon{font-size:2.5rem}.stat-content h3{font-size:1.2rem;margin-bottom:.5rem}.stat-total{font-size:2rem}.section-header{flex-direction:column;gap:1rem;text-align:left;align-items:flex-start}.partners-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a}.partners-table{min-width:800px;font-size:.9rem}.partners-table th,.partners-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.5rem}.btn-view,.btn-toggle{padding:.5rem 1rem;font-size:.9rem;width:100%;text-align:center}.details-grid{grid-template-columns:1fr;gap:1rem}.modal-overlay{padding:1rem}.details-modal{margin:1rem;width:calc(100% - 2rem);max-height:90vh}.modal-header{padding:1rem}.modal-content{padding:1rem;max-height:calc(90vh - 120px);overflow-y:auto}}@media (max-width: 480px){.super-admin-container{padding:.5rem}.dashboard-tabs{gap:.25rem;margin-bottom:1rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.stats-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:.75rem;max-width:100%!important;margin-left:0!important;margin-right:0!important}.stat-card{padding:1rem;min-height:100px}.stat-icon{font-size:2rem}.stat-content h3{font-size:1rem}.stat-total{font-size:1.5rem}.partners-table{font-size:.8rem;min-width:700px}.partners-table th,.partners-table td{padding:.5rem .25rem}.modal-header,.modal-content{padding:.75rem}.details-modal{margin:.5rem;width:calc(100% - 1rem)}.modal-overlay{padding:.5rem}}.documents-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e0e0e0}.documents-header{margin-bottom:1rem}.documents-header strong{color:#ff4c24;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.documents-grid{display:grid;grid-template-columns:1fr;gap:1rem}.document-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1rem;border-left:4px solid #FF4C24;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.document-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.document-info{display:flex;flex-direction:column;gap:.75rem}.document-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;font-size:1rem}.document-icon{font-size:1.2rem}.document-details{display:flex;flex-direction:column;gap:.5rem}.document-status{display:flex;align-items:center}.document-expiry{font-size:.9rem;color:#6c757d;font-weight:500}.document-link{display:inline-flex;align-items:center;gap:6px;color:#ff4c24;text-decoration:none;font-weight:500;font-size:.9rem;padding:6px 12px;background:linear-gradient(135deg,#fff5f3,#ffe8e4);border-radius:8px;border:1px solid #ffcdc7;transition:all .2s ease;width:fit-content}.document-link:hover{background:linear-gradient(135deg,#ffebe8,#ffd6d1);transform:translateY(-1px);box-shadow:0 2px 8px #ff4c2426}.document-missing{color:#721c24;font-weight:500;font-size:.9rem;padding:8px 12px;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-radius:8px;border:1px solid #f5c6cb;text-align:center}.document-no-url{color:#856404;font-weight:500;font-size:.9rem;padding:8px 12px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:8px;border:1px solid #ffeaa7;text-align:center}.details-modal{max-width:700px;max-height:90vh}.modal-content{max-height:calc(90vh - 120px);overflow-y:auto}@media (min-width: 768px){.documents-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.details-modal{max-width:900px}}@media (max-width: 767px){.document-item{padding:.875rem}.documents-header strong{font-size:1.1rem}.document-title{font-size:.95rem}.status-indicator{font-size:.8rem;padding:3px 6px}.document-link{font-size:.85rem;padding:5px 10px}}.document-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.document-status-corner .status-indicator{font-size:.75rem;padding:3px 8px;border-radius:12px;font-weight:600;white-space:nowrap}.reports-section{margin-top:2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.section-title{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:.5rem;text-align:center}.section-description{text-align:center;color:#666;margin-bottom:2rem;font-size:1rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.report-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .3s ease}.report-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.report-header{margin-bottom:1rem}.report-header h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.5rem}.report-header p{color:#666;font-size:.9rem;margin:0}.report-filters{margin-bottom:1.5rem}.filter-row{display:flex;gap:1rem;margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.filter-group{flex:1;display:flex;flex-direction:column}.filter-group label{font-size:.85rem;font-weight:500;color:#555;margin-bottom:.3rem}.filter-group input,.filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff;transition:border-color .3s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.report-actions{display:flex;gap:.75rem}.btn-download{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-download.pdf{background:#dc3545;color:#fff}.btn-download.pdf:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-download.excel{background:#28a745;color:#fff}.btn-download.excel:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.btn-download:disabled{opacity:.6;cursor:not-allowed;transform:none}.report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#ffffffe6;border-radius:8px;margin-top:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.report-loading p{color:#666;font-size:1rem;margin:0}@media (max-width: 768px){.reports-section{padding:1rem;margin-top:1rem}.section-title{font-size:1.5rem}.reports-grid{grid-template-columns:1fr;gap:1rem}.report-card{padding:1rem}.filter-row{flex-direction:column;gap:.75rem}.report-actions{flex-direction:column;gap:.5rem}.btn-download{padding:.875rem 1rem}}@media (max-width: 480px){.reports-section,.report-card{padding:.75rem}.section-title{font-size:1.3rem}.report-header h3{font-size:1.1rem}}.super-admin-navbar .language-switcher{margin-right:15px}.super-admin-navbar .language-switcher__current{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px;justify-content:space-between}.super-admin-navbar .language-switcher__current:hover{background:#fff3;border-color:#fff6;box-shadow:0 2px 8px #ffffff1a}.super-admin-navbar .language-switcher__name{color:#fff}.super-admin-navbar .language-switcher__options{background:#ff6b47;border:1px solid #ddd;font-size:11px}.super-admin-navbar .language-switcher__arrow{color:#fffc}@media (max-width: 768px){.super-admin-navbar .language-switcher{margin-right:10px;margin-top:0;order:unset;width:auto;display:flex;justify-content:center}.super-admin-navbar .language-switcher__current{padding:.4rem .8rem;min-width:70px;font-size:.8rem}.super-admin-navbar .language-switcher__name{font-size:.8rem}}@media (max-width: 480px){.super-admin-navbar .language-switcher{margin-right:8px;margin-top:0;width:auto;display:flex;justify-content:center}.super-admin-navbar .language-switcher__current{padding:.3rem .6rem;min-width:60px;font-size:.75rem}.super-admin-navbar .language-switcher__name{font-size:.75rem}}@media (max-width: 360px){.super-admin-navbar .language-switcher{margin-right:6px;margin-top:0;width:auto;display:flex;justify-content:center}.super-admin-navbar .language-switcher__current{padding:.25rem .5rem;min-width:50px;font-size:.7rem}.super-admin-navbar .language-switcher__name{font-size:.7rem}}.financial-dashboard{padding:30px;max-width:100%;margin:0 auto;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.page-header h1:after{content:"";display:block;width:100px;height:4px;background-color:#27ae60;margin:10px auto 0;border-radius:2px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:1200px}.dashboard-header h2{color:#2c3e50;margin:0;font-size:28px;font-weight:600}.period-selector{display:flex;align-items:center;gap:10px}.period-select{padding:10px 15px;border:2px solid #e1e8ed;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#2c3e50;cursor:pointer;transition:all .3s ease}.period-select:hover{border-color:#3498db}.period-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.error-message{text-align:center;color:#e74c3c}.error-message h3{margin-bottom:10px;font-size:20px}.retry-btn{margin-top:20px;padding:12px 24px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s ease}.retry-btn:hover{background:#2980b9}.no-data{text-align:center;padding:40px;color:#7f8c8d;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid transparent}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.metric-card.revenue{border-left-color:#27ae60}.metric-card.earnings{border-left-color:#3498db}.metric-card.orders{border-left-color:#9b59b6}.metric-card.avg-order{border-left-color:#f39c12}.metric-card.restaurants{border-left-color:#e74c3c}.metric-card.drivers{border-left-color:#1abc9c}.metric-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:50%}.metric-content{flex:1}.metric-content h3{margin:0 0 8px;font-size:16px;color:#7f8c8d;font-weight:500}.dashboard-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.dashboard-section h3{margin:0 0 20px;font-size:20px;color:#2c3e50;font-weight:600;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.breakdown-grid{display:grid;gap:20px}.breakdown-item{display:flex;flex-direction:column;gap:8px}.breakdown-label{font-size:14px;color:#7f8c8d;font-weight:500}.breakdown-value{font-size:20px;font-weight:700;color:#2c3e50}.breakdown-bar{height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden}.breakdown-fill.commission{background:linear-gradient(90deg,#3498db,#2980b9)}.breakdown-fill.tax{background:linear-gradient(90deg,#27ae60,#229954)}.breakdown-fill.delivery{background:linear-gradient(90deg,#f39c12,#e67e22)}.breakdown-fill.delivery-platform{background:linear-gradient(90deg,#16a085,#1abc9c)}.breakdown-fill.tips{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.restaurants-list{display:flex;flex-direction:column;gap:15px}.restaurant-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;transition:background .3s ease}.restaurant-item:hover{background:#e9ecef}.restaurant-rank{width:40px;height:40px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.restaurant-info{flex:1}.restaurant-info h4{margin:0 0 5px;font-size:16px;color:#2c3e50}.restaurant-info p{margin:0;font-size:14px;color:#7f8c8d}.restaurant-revenue{font-size:18px;font-weight:700;color:#27ae60}.transactions-table{overflow-x:auto}.transactions-table table{width:100%;border-collapse:collapse;font-size:14px}.transactions-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e1e8ed}.transactions-table td{padding:15px 12px;border-bottom:1px solid #e1e8ed;vertical-align:middle}.transaction-type{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.amount{font-weight:600;color:#27ae60}.description{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.date{color:#7f8c8d;font-size:13px}.transactions-table th:nth-child(3),.transactions-table td:nth-child(3){padding-right:20px;max-width:180px;overflow:hidden}.transactions-table th:nth-child(4),.transactions-table td:nth-child(4){padding-left:20px}@media (max-width: 768px){.financial-dashboard{padding:15px}.page-header{position:relative;flex-direction:column;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.8rem;margin-bottom:.3rem}.page-header p{font-size:1rem}.dashboard-header{flex-direction:column;gap:15px;text-align:center;padding:15px}.dashboard-header h2{font-size:1.5rem}.period-selector{width:100%;justify-content:center}.period-select{width:100%;max-width:200px;padding:12px 15px;font-size:16px}.metrics-grid{grid-template-columns:1fr;gap:15px}.metric-card{padding:20px;flex-direction:column;text-align:center;gap:15px}.metric-icon{font-size:28px;width:50px;height:50px}.metric-value{font-size:1.5rem}.dashboard-section{padding:20px;margin-bottom:20px}.dashboard-section h3{font-size:1.3rem;margin-bottom:15px}.breakdown-grid{gap:15px}.breakdown-item{padding:15px}.breakdown-label{font-size:.9rem}.breakdown-value{font-size:1.1rem}.restaurant-item{flex-direction:column;text-align:center;gap:10px;padding:15px}.transactions-table{font-size:12px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.transactions-table table{min-width:555px}.transactions-table th,.transactions-table td{padding:10px 8px;font-size:.8rem}.description{max-width:120px}}@media (max-width: 480px){.financial-dashboard{padding:15px}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}.dashboard-header{padding:12px}.dashboard-header h2{font-size:1.3rem}.period-select{padding:10px 12px;font-size:14px}.metric-card{padding:15px;flex-direction:column;text-align:center;gap:10px}.metric-icon{font-size:24px;width:45px;height:45px}.metric-value{font-size:1.3rem}.metric-content h3{font-size:.9rem}.metric-label{font-size:.7rem}.dashboard-section{padding:15px;margin-bottom:15px}.dashboard-section h3{font-size:1.1rem}.breakdown-item{padding:12px}.breakdown-label{font-size:.8rem}.breakdown-value{font-size:1rem}.restaurant-item{padding:12px}.restaurant-rank{width:30px;height:30px;font-size:12px}.restaurant-info h4{font-size:.9rem}.restaurant-info p{font-size:.8rem}.restaurant-revenue{font-size:.9rem}.transactions-table{font-size:11px}.transactions-table table{min-width:500px}.transactions-table th,.transactions-table td{padding:8px 6px;font-size:.7rem}.description{max-width:100px}.transaction-type,.status{padding:2px 6px;font-size:.6rem}}@media (max-width: 360px){.financial-dashboard{padding:10px}.page-header{margin-bottom:.8rem}.page-header h1{font-size:1.3rem}.page-header p{font-size:.8rem}.dashboard-header{padding:10px;margin-bottom:15px}.dashboard-header h2{font-size:1.1rem}.period-select{padding:8px 10px;font-size:13px;max-width:180px}.metric-card{padding:12px;gap:8px}.metric-icon{font-size:20px;width:40px;height:40px}.metric-value{font-size:1.1rem}.metric-content h3{font-size:.8rem}.metric-label{font-size:.6rem}.dashboard-section{padding:12px;margin-bottom:12px}.dashboard-section h3{font-size:1rem;margin-bottom:10px}.breakdown-item{padding:10px}.breakdown-label{font-size:.7rem}.breakdown-value{font-size:.9rem}.restaurant-item{padding:10px}.restaurant-rank{width:25px;height:25px;font-size:10px}.restaurant-info h4{font-size:.8rem}.restaurant-info p{font-size:.7rem}.restaurant-revenue{font-size:.8rem}.transactions-table{font-size:10px}.transactions-table table{min-width:450px}.transactions-table th,.transactions-table td{padding:6px 4px;font-size:.6rem}.description{max-width:80px}.transaction-type,.status{padding:1px 4px;font-size:.5rem}.amount{font-size:.7rem}.date{font-size:.6rem}.loading-container,.error-container,.no-data{padding:30px 10px}.loading-spinner{width:25px;height:25px;margin-bottom:10px}.error-message h3{font-size:1rem}.retry-btn{padding:8px 16px;font-size:.8rem}}.payout-management{padding:30px;max-width:100%;margin:0 auto;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.back-button{position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;text-decoration:none;border-radius:50%;font-weight:600;transition:all .3s ease;box-shadow:0 3px 6px #4a556840;border:none}.back-button:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 4px 8px #4a556859;color:#fff;text-decoration:none}.payout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:1200px}.payout-header h2{color:#2c3e50;margin:0;font-size:28px;font-weight:600}.generate-section{display:flex;align-items:center;gap:10px;padding:15px;background:#f8f9fa;border-radius:8px;border:2px solid #e1e8ed}.month-select,.year-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;color:#2c3e50;cursor:pointer;min-width:120px}.generate-btn{background:#27ae60;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.generate-btn:hover:not(:disabled){background:#229954}.generate-btn:disabled{background:#95a5a6;cursor:not-allowed}.status-check-btn{background:#3498db;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;margin-left:10px}.status-check-btn:hover:not(:disabled){background:#2980b9}.status-check-btn:disabled{background:#95a5a6;cursor:not-allowed}.transfer-stats{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e1e8ed;box-shadow:0 2px 8px #0000001a}.transfer-stats h3{margin:0 0 20px;color:#2c3e50;font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center;border:2px solid transparent;transition:all .3s ease}.stat-card.success{border-color:#27ae60;background:#27ae601a}.stat-card.warning{border-color:#f39c12;background:#f39c121a}.stat-card.error{border-color:#e74c3c;background:#e74c3c1a}.stat-label{display:block;font-size:12px;color:#7f8c8d;margin-bottom:8px;text-transform:uppercase;font-weight:500}.stat-value{display:block;font-size:24px;font-weight:700;color:#2c3e50}.afripay-info{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px;border-left:4px solid #3498db}.afripay-info h4{margin:0 0 12px;color:#3498db;font-size:14px;font-weight:600}.transfer-details{display:flex;flex-direction:column;gap:8px}.transfer-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.transfer-item span:first-child{color:#7f8c8d;font-weight:500}.transfer-item span:last-child{color:#2c3e50;font-weight:600}.transfer-status{padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;font-weight:600}.transfer-status.pending{background:#f39c1233;color:#f39c12}.transfer-status.processing{background:#3498db33;color:#3498db}.transfer-status.completed,.transfer-status.success{background:#27ae6033;color:#27ae60}.transfer-status.failed,.transfer-status.error{background:#e74c3c33;color:#e74c3c}.filters-section{margin-bottom:25px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.filter-select{padding:12px 15px;border:2px solid #e1e8ed;border-radius:8px;background:#fff;font-size:14px;color:#2c3e50;cursor:pointer;transition:border-color .3s ease}.filter-select:hover{border-color:#3498db}.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #e1e8ed;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.no-data{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#7f8c8d}.no-data-icon{font-size:48px;margin-bottom:20px}.no-data h3{font-size:24px;margin-bottom:15px;color:#2c3e50;font-weight:600}.no-data p{font-size:16px;margin-bottom:20px;color:#5a6c7d}.no-data-info{background:#f8f9fa;padding:20px;border-radius:8px;text-align:left;max-width:500px;margin:20px auto}.no-data-info p{margin-bottom:10px;font-weight:600;color:#2c3e50}.no-data-info ul{margin:0;padding-left:20px}.no-data-info li{margin-bottom:8px;color:#5a6c7d;line-height:1.5}.no-data small{color:#7f8c8d;font-size:14px;display:block;margin-top:20px;font-style:italic}.payouts-section{margin-bottom:30px;width:100%;max-width:1200px}.payouts-grid{display:flex;flex-direction:column;gap:15px;width:100%;min-width:0}.payout-card{margin:0;min-width:100%;width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.payout-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.payout-header-info{padding:15px 15px 0;flex-wrap:wrap;gap:10px;display:flex;justify-content:space-between;align-items:flex-start}.type-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-badge.restaurant{background:#e8f5e8;color:#27ae60}.type-badge.driver{background:#e3f2fd;color:#1976d2}.status-badge{padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:500;text-transform:capitalize}.payout-details{padding:15px;min-width:0;flex:1}.payout-details h3{font-size:1.1rem;margin-bottom:8px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;color:#2c3e50;font-weight:600}.payout-period{margin:0 0 15px;color:#7f8c8d;font-size:14px}.payout-amount{font-size:24px;font-weight:700;color:#27ae60;margin-bottom:15px}.payout-meta{display:flex;justify-content:space-between;font-size:12px;color:#95a5a6;margin-bottom:15px}.payout-summary{padding:12px 15px;border-top:1px solid #f0f0f0}.payout-summary h4{margin:0 0 10px;font-size:14px;color:#2c3e50;font-weight:600}.summary-grid{gap:8px;display:flex;flex-direction:column}.summary-item{font-size:.85rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;min-height:20px;padding:2px 0}.summary-item span:first-child{color:#666;flex-shrink:0;margin-right:10px}.summary-item span:last-child{font-weight:600;color:#2c3e50;text-align:right;word-break:break-all}.summary-calculation{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e8ed}.payout-notes,.payment-reference{padding:15px 20px;background:#fff3cd;border-top:1px solid #e1e8ed;font-size:13px;color:#856404}.payout-actions{display:flex;flex-direction:column;gap:15px;padding:20px;border-top:1px solid #e1e8ed;background:#f8f9fa}.action-btn{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.action-btn.complete{background:#27ae60;color:#fff}.action-btn.complete:hover:not(:disabled){background:#229954}.action-btn.fail{background:#e74c3c;color:#fff}.action-btn.fail:hover:not(:disabled){background:#c0392b}.action-btn:disabled{background:#95a5a6;cursor:not-allowed}.processed-info{padding:15px 20px;background:#e8f5e8;border-top:1px solid #e1e8ed;color:#27ae60;font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.pagination-btn{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.pagination-btn:hover:not(:disabled){background:#2980b9}.pagination-btn:disabled{background:#95a5a6;cursor:not-allowed}.pagination-info{color:#7f8c8d;font-size:14px;text-align:center}@media (max-width: 768px){.payout-management{padding:20px}.page-header{position:relative;flex-direction:column;align-items:center;margin-bottom:1.5rem;padding-left:50px}.back-button{position:absolute;top:50%;left:0;transform:translateY(-50%);width:35px;height:35px;font-size:1rem}.back-button:hover{transform:translateY(-50%) scale(1.1)}.page-header h1{font-size:1.8rem;margin-bottom:.3rem}.page-header p{font-size:1rem}.payout-header{flex-direction:column;gap:20px;text-align:center;padding:15px}.payout-header h2{font-size:1.5rem}.header-actions{width:100%;justify-content:center}.generate-section{flex-direction:column;gap:15px;width:100%;padding:15px}.month-select,.year-select{width:100%;padding:12px 15px;font-size:16px}.generate-btn{width:100%;padding:12px;font-size:16px}.filters-section{padding:15px}.filters-grid{grid-template-columns:1fr;gap:15px}.filter-select{padding:12px 15px;font-size:16px}.payouts-section{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.payouts-grid{display:flex;flex-direction:column;gap:15px;width:100%}.payout-card{margin:0;border-radius:8px;min-width:100%}.payout-header-info{padding:15px 15px 0;flex-wrap:wrap;gap:10px}.type-badge{font-size:.8rem;padding:4px 8px}.status-badge{font-size:.8rem;padding:3px 6px}.payout-details{padding:15px}.payout-details h3{font-size:1.1rem;margin-bottom:8px}.payout-period{font-size:.9rem;margin-bottom:12px}.payout-amount{font-size:1.3rem;margin-bottom:12px}.payout-meta{flex-direction:column;gap:5px;font-size:.8rem}.payout-summary{padding:12px 15px}.payout-summary h4{font-size:.9rem;margin-bottom:8px}.summary-grid{gap:6px}.summary-item{font-size:.8rem;display:flex;justify-content:space-between;flex-wrap:wrap}.payout-notes,.payment-reference{padding:12px 15px;font-size:.8rem;word-wrap:break-word}.payout-actions{flex-direction:column;padding:15px;gap:15px}.action-btn{padding:12px;font-size:.9rem;width:100%}.pagination{flex-direction:column;gap:15px;padding:15px}.pagination-info{order:-1;font-size:.9rem}.pagination-btn{padding:12px 20px;font-size:.9rem}}@media (max-width: 480px){.payout-management{padding:15px}.page-header{margin-bottom:1rem;padding-left:45px}.back-button{width:32px;height:32px;font-size:.9rem}.back-button:hover{transform:translateY(-50%) scale(1.05)}.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}.payout-header{padding:12px}.payout-header h2{font-size:1.3rem}.generate-section{padding:12px;gap:12px}.month-select,.year-select{padding:10px 12px;font-size:14px}.generate-btn{padding:10px;font-size:14px}.filters-section{padding:12px}.filter-select{padding:10px 12px;font-size:14px}.payout-card{margin:0 -5px;border-radius:6px}.payout-header-info{padding:12px 12px 0;flex-direction:column;align-items:flex-start;gap:8px}.type-badge{font-size:.7rem;padding:3px 6px}.status-badge{font-size:.7rem;padding:2px 5px}.payout-details{padding:12px}.payout-details h3{font-size:1rem;margin-bottom:6px}.payout-period{font-size:.8rem;margin-bottom:10px}.payout-amount{font-size:1.2rem;margin-bottom:10px}.payout-meta{flex-direction:column;gap:4px;font-size:.7rem}.payout-summary{padding:10px 12px}.payout-summary h4{font-size:.8rem;margin-bottom:6px}.summary-grid{gap:4px}.summary-item{font-size:.7rem}.payout-notes,.payment-reference{padding:10px 12px;font-size:.7rem}.payout-actions{flex-direction:column;padding:15px;gap:15px}.action-btn{padding:10px;font-size:.8rem}.processed-info{padding:10px 12px;font-size:.7rem}.pagination{padding:12px;gap:12px}.pagination-info{font-size:.8rem}.pagination-btn{padding:10px 16px;font-size:.8rem}.loading-container{padding:40px 15px}.loading-spinner{width:30px;height:30px;margin-bottom:15px}.no-data{padding:40px 15px}.no-data p{font-size:1rem}.no-data small{font-size:.8rem}.payouts-section{margin:0 -5px;padding:0 5px 10px}.payouts-grid{gap:12px}}@media (max-width: 360px){.payout-management{padding:10px}.page-header{margin-bottom:.8rem;padding-left:40px}.back-button{width:28px;height:28px;font-size:.8rem}.page-header h1{font-size:1.3rem}.page-header p{font-size:.8rem}.payout-header{padding:10px}.payout-header h2{font-size:1.1rem}.generate-section{padding:10px;gap:10px}.month-select,.year-select,.filter-select{padding:8px 10px;font-size:13px}.generate-btn{padding:8px;font-size:13px}.filters-section{padding:10px}.payout-card{margin:0;border-radius:4px}.payout-header-info{padding:10px 10px 0;gap:6px}.type-badge,.status-badge{font-size:.6rem;padding:2px 4px}.payout-details{padding:10px}.payout-details h3{font-size:.9rem;margin-bottom:4px}.payout-period{font-size:.7rem;margin-bottom:8px}.payout-amount{font-size:1.1rem;margin-bottom:8px}.payout-meta{gap:3px;font-size:.6rem}.payout-summary{padding:8px 10px}.payout-summary h4{font-size:.7rem;margin-bottom:4px}.summary-grid{gap:3px}.summary-item{font-size:.6rem}.payout-notes,.payment-reference{padding:8px 10px;font-size:.6rem}.payout-actions{flex-direction:column;padding:15px;gap:15px}.action-btn{padding:8px;font-size:.7rem}.processed-info{padding:8px 10px;font-size:.6rem}.pagination{padding:10px;gap:10px}.pagination-info{font-size:.7rem}.pagination-btn{padding:8px 12px;font-size:.7rem}.loading-container,.no-data{padding:30px 10px}.loading-spinner{width:25px;height:25px;margin-bottom:10px}.no-data p{font-size:.9rem}.no-data small{font-size:.7rem}}.payout-verification-container{padding:20px;max-width:1200px;margin:0 auto}.verification-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#ff6b47,#ff4c24);color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.verification-header h2{margin:0 0 10px;font-size:2rem;font-weight:600}.verification-header p{margin:0;font-size:1.1rem;opacity:.9}.verification-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:500;color:#374151}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;min-width:150px}.filter-info{font-weight:500;color:#6b7280}.accounts-list{display:grid;gap:20px;margin-bottom:30px}.account-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease}.account-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f3f4f6}.account-type-badge{background:linear-gradient(135deg,#ff6b47,#ff4c24);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.account-status .status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.account-info h3{margin:0 0 10px;color:#1f2937;font-size:1.2rem;font-weight:600}.contact-info{display:flex;gap:20px;margin-bottom:15px;font-size:14px;color:#6b7280}.contact-info span{display:flex;align-items:center;gap:5px}.payout-details{display:grid;gap:8px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f9fafb}.account-actions{display:flex;justify-content:flex-end;gap:10px}.btn-view{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:5px}.btn-view:hover{background:#2563eb;transform:translateY(-1px)}.no-accounts{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.no-accounts p{font-size:1.1rem;color:#6b7280;margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.pagination-btn{background:#fff;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-weight:500;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1f2937;font-size:1.3rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:20px}.account-details-full{display:flex;flex-direction:column;gap:20px}.detail-section{background:#f9fafb;padding:15px;border-radius:8px}.detail-section h4{margin:0 0 10px;color:#374151;font-size:1.1rem;font-weight:600}.detail-section p{margin:5px 0;color:#6b7280;font-size:14px}.detail-section p strong{color:#374151}.modal-actions{display:flex;gap:10px;padding:20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-verify{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:5px}.btn-verify:hover{background:#059669}.btn-reject{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:5px}.btn-reject:hover{background:#dc2626}.btn-cancel{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#4b5563}.verification-notes,.rejection-reason{margin-top:15px}.verification-notes label,.rejection-reason label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.verification-notes textarea,.rejection-reason textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;min-height:80px}.verification-notes textarea:focus,.rejection-reason textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.loading-spinner{text-align:center;padding:60px 20px;color:#6b7280;font-size:1.1rem}@media (max-width: 768px){.payout-verification-container{padding:15px}.verification-header h2{font-size:1.5rem}.verification-filters{flex-direction:column;gap:15px;align-items:stretch}.filter-group{justify-content:space-between}.contact-info{flex-direction:column;gap:10px}.detail-row{flex-direction:column;align-items:flex-start;gap:5px}.detail-row .value{text-align:left}.modal-content{margin:10px;max-height:95vh}.modal-actions{flex-direction:column}.modal-actions button{width:100%;justify-content:center}}@media (max-width: 480px){.verification-header{padding:15px}.verification-header h2{font-size:1.3rem}.account-card{padding:15px}.account-header{flex-direction:column;gap:10px;align-items:flex-start}.account-actions{justify-content:center}}.fraud-detection{padding:20px;max-width:100%;margin:0 auto;background-color:#f8f9fa;min-height:auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:2rem;width:100%;max-width:1400px;position:relative;display:flex;flex-direction:column;align-items:center}.header-content{flex:1;text-align:center;margin-bottom:1.5rem}.page-header h1{font-size:2rem;margin-bottom:.5rem;color:#333;font-weight:600}.page-header h1:after{content:"";display:block;width:80px;height:3px;background-color:#e74c3c;margin:8px auto 0;border-radius:2px}.page-header p{color:#666;font-size:1rem;margin:0}.fraud-controls{display:flex;gap:20px;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:1400px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:150px}.filter-group label{font-weight:600;color:#2d3436;font-size:.9rem}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.9rem;width:100%;min-width:150px}.run-check-btn{padding:10px 20px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s;white-space:nowrap;min-width:fit-content}.run-check-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#c0392b,#a93226)}.run-check-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fraud-section{margin-bottom:40px;width:100%;max-width:1400px;padding:0 15px}.fraud-section h2{color:#2d3436;margin-bottom:20px;font-size:1.5rem;font-weight:600;text-align:center}.restaurant-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px}.score-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000001a;border-left:5px solid;transition:transform .3s ease}.score-card:hover{transform:translateY(-5px)}.score-card.risk-low{border-left-color:#00b894}.score-card.risk-medium{border-left-color:#fdcb6e}.score-card.risk-high{border-left-color:#e17055}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.score-header h3{margin:0;color:#2d3436;font-size:1.2rem}.risk-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.risk-badge.low{background:#d1f2eb;color:#00b894}.risk-badge.medium{background:#fef5e7;color:#fdcb6e}.risk-badge.high{background:#fad2cc;color:#e17055}.score-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{display:flex;justify-content:space-between;padding:8px;background:#f8f9fa;border-radius:6px}.metric .label{font-size:.85rem;color:#636e72}.metric .value{font-weight:600;font-size:.9rem}.metric .value.danger{color:#d63031}.metric .value.warning{color:#e17055}.metric .value.info{color:#0984e3}.suspicious-orders{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:25px;width:100%;max-width:1600px}.order-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px #0000001a;border:1px solid #e0e0e0;transition:transform .2s,box-shadow .2s;min-height:220px}.order-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.order-header h3{margin:0;font-size:1.1rem;color:#2d3436;font-weight:600}.header-badges{display:flex;gap:8px;align-items:center}.order-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.detail-row .label{font-weight:600;color:#495057;min-width:120px;flex-shrink:0}.detail-row .value{font-weight:500;color:#2d3436;word-break:break-word;text-align:right;flex:1;margin-left:20px}.value.captured{color:#27ae60;font-weight:600}.value.not-captured{color:#e74c3c;font-weight:600}.order-actions{display:flex;gap:10px;justify-content:flex-end}.action-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.action-btn.resolve{background:#00b894;color:#fff}.action-btn.capture{background:#fdcb6e;color:#2d3436}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0003}.orders-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.fraud-table{width:100%;border-collapse:collapse}.fraud-table th{background:linear-gradient(90deg,#ff4c24,#ff6b47);color:#fff;padding:15px 10px;text-align:left;font-weight:600;font-size:.9rem}.fraud-table td{padding:12px 10px;border-bottom:1px solid #eee;vertical-align:top}.fraud-row:hover{background:#f8f9fa}.order-id{font-family:Courier New,monospace;font-weight:600;color:#0984e3}.restaurant-info,.customer-info{display:flex;flex-direction:column}.restaurant-info .name,.customer-info .name{font-weight:600;color:#2d3436;margin-bottom:2px}.customer-info .phone{font-size:.8rem;color:#636e72}.amount-info{display:flex;flex-direction:column}.amount-info .total{font-weight:600;color:#2d3436}.amount-info .subtotal{font-size:.8rem;color:#636e72}.status-badge{padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#914712;border:none;display:inline-block;text-align:center;min-width:100px;box-shadow:0 2px 4px #0003}.status-badge.expired{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 3px 6px #dc354566;border:2px solid #c82333;position:relative;overflow:hidden}.status-badge.expired:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.status-badge.delivered{background-color:#28a745;color:#fff}.status-badge.cancelled{background-color:#6c757d;color:#fff}.status-badge.pending{background-color:#ffc107;color:#212529}.status-badge.processing{background-color:#17a2b8;color:#fff}.flags{display:flex;flex-direction:column;gap:3px;max-width:100%;word-wrap:break-word;word-break:break-word}.flag-badge{padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:capitalize;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.flag-badge.high{background:#fad2cc;color:#d63031}.flag-badge.medium{background:#fef5e7;color:#e17055}.flag-badge.low{background:#d1f2eb;color:#00b894}.commission-info{display:flex;flex-direction:column}.commission-info .captured{color:#00b894;font-weight:600}.commission-info .not-captured{color:#d63031;font-weight:600}.commission-info small{font-size:.7rem;color:#636e72;display:block}.actions{display:flex;gap:5px;flex-direction:column}.btn-view,.btn-resolve{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.btn-view{background:#0984e3;color:#fff}.btn-resolve{background:#00b894;color:#fff}.btn-view:hover,.btn-resolve:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0003}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:99999}.order-detail-modal{background:#fff;border-radius:12px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;z-index:100000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:linear-gradient(90deg,#ff4c24,#ff6b47);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:1.3rem}.close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-content{padding:20px}.detail-section{margin-bottom:25px}.detail-section h3{color:#2d3436;margin-bottom:10px;font-size:1.1rem;border-bottom:2px solid #667eea;padding-bottom:5px}.flag-detail,.alert-detail{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;padding:10px;background:#f8f9fa;border-radius:6px;margin-bottom:8px;align-items:center}.commission-details p{margin:8px 0;color:#2d3436}.modal-actions{padding:20px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end}.btn-resolve-modal,.btn-capture{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.btn-resolve-modal{background:#00b894;color:#fff}.btn-capture{background:#fdcb6e;color:#2d3436}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #FF6B47;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.no-data{text-align:center;padding:40px;color:#636e72}.no-data p{font-size:1.1rem;margin:0}@media screen and (max-width: 768px){.fraud-detection{padding:15px}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}.fraud-controls{flex-direction:column;gap:15px;padding:15px}.filter-group{width:100%}.filter-select{width:100%;min-width:auto}.run-check-btn{width:100%;padding:12px}.fraud-section{margin-bottom:1.5rem}.fraud-section h2{font-size:1.3rem}.suspicious-orders{grid-template-columns:1fr;gap:15px;max-width:100%}.order-card{padding:20px;min-height:auto}.order-header{flex-direction:column;align-items:flex-start;gap:10px}.header-badges{width:100%;justify-content:flex-start}.order-header h3{font-size:1rem}.order-details{gap:8px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.detail-row .label{min-width:auto;margin-bottom:2px}.detail-row .value{text-align:left;margin-left:0;width:100%}.order-actions{flex-direction:column;gap:8px}.action-btn{width:100%;padding:10px}.status-badge{padding:6px 12px;font-size:.75rem;min-width:80px}.orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0;padding:0;position:relative;max-width:100%;width:100%}.orders-table-container:after{content:"← Scroll →";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:4px 12px;border-radius:12px;font-size:.7rem;font-weight:500;z-index:5;pointer-events:none}.fraud-table{min-width:900px;font-size:.9rem;table-layout:fixed;width:100%}.fraud-table th,.fraud-table td{padding:.75rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.fraud-table th:first-child,.fraud-table td:first-child{position:sticky;left:0;background:#fff;z-index:10;box-shadow:2px 0 5px #0000001a;min-width:100px;max-width:100px}.fraud-table th:nth-child(2),.fraud-table td:nth-child(2){min-width:120px;max-width:120px}.fraud-table th:nth-child(3),.fraud-table td:nth-child(3){min-width:100px;max-width:100px}.fraud-table th:nth-child(4),.fraud-table td:nth-child(4){min-width:80px;max-width:80px}.fraud-table th:nth-child(5),.fraud-table td:nth-child(5){min-width:70px;max-width:70px}.fraud-table th:nth-child(6),.fraud-table td:nth-child(6){min-width:80px;max-width:80px}.fraud-table th:nth-child(7),.fraud-table td:nth-child(7){min-width:100px;max-width:100px}.fraud-table th:nth-child(8),.fraud-table td:nth-child(8){min-width:80px;max-width:80px}.fraud-table td:nth-child(8) .flags{max-width:80px}.fraud-table td:nth-child(8) .flag-badge{font-size:.6rem;padding:1px 3px;max-width:80px;display:block;margin-bottom:1px}.actions{flex-direction:column;gap:.5rem}.btn-view,.btn-resolve{padding:.5rem 1rem;font-size:.9rem;width:100%;text-align:center}.restaurant-scores{grid-template-columns:1fr;gap:15px;margin-bottom:20px}.score-card{padding:15px;margin-bottom:10px}.score-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px}.score-header h3{font-size:1.1rem;margin-bottom:5px;color:#2d3436}.risk-badge{font-size:.6rem;padding:3px 6px;align-self:flex-start}.score-metrics{grid-template-columns:1fr;gap:8px}.metric{padding:6px;flex-direction:column;align-items:flex-start;gap:2px;background:#f8f9fa;border-radius:4px}.metric .label{font-size:.75rem;color:#636e72;font-weight:500}.metric .value{font-size:.85rem;font-weight:600;color:#2d3436}.order-detail-modal{width:95%;max-height:90vh;margin:1rem}.modal-header{padding:15px}.modal-content{padding:15px;max-height:calc(90vh - 140px);overflow-y:auto}.flag-detail,.alert-detail{grid-template-columns:1fr;gap:5px;padding:8px}.modal-actions{padding:15px;flex-direction:column;gap:10px}.btn-resolve-modal,.btn-capture{width:100%;padding:12px}}.loading-message,.no-data-message{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:20px 0;color:#636e72;font-size:1.1rem}.loading-message{color:#0984e3;font-weight:600}.no-data-message{color:#636e72;font-style:italic}@media screen and (max-width: 480px){.fraud-detection{padding:10px}.fraud-controls{padding:12px;gap:12px}.filter-select{padding:10px;font-size:14px}.run-check-btn{padding:10px;font-size:.9rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}.fraud-section h2{font-size:1.3rem;margin-bottom:15px}.suspicious-orders{padding:10px}.order-card{padding:10px;margin-bottom:10px}.order-header h3{font-size:.9rem}.detail-row{padding:4px}.detail-row .label,.detail-row .value{font-size:.8rem}.action-btn{padding:8px;font-size:.8rem}.orders-table-container{margin:0 -10px;padding:0 10px;max-width:100vw;overflow-x:scroll}.fraud-table{min-width:800px;font-size:.8rem;table-layout:fixed}.fraud-table th,.fraud-table td{padding:.5rem .3rem}.fraud-table th:first-child,.fraud-table td:first-child{min-width:100px;max-width:100px}.fraud-table th:nth-child(2),.fraud-table td:nth-child(2){min-width:120px;max-width:120px}.fraud-table th:nth-child(3),.fraud-table td:nth-child(3){min-width:100px;max-width:100px}.fraud-table th:nth-child(4),.fraud-table td:nth-child(4){min-width:80px;max-width:80px}.fraud-table th:nth-child(5),.fraud-table td:nth-child(5){min-width:70px;max-width:70px}.fraud-table th:nth-child(6),.fraud-table td:nth-child(6){min-width:80px;max-width:80px}.fraud-table th:nth-child(7),.fraud-table td:nth-child(7){min-width:100px;max-width:100px}.fraud-table th:nth-child(8),.fraud-table td:nth-child(8){min-width:80px;max-width:80px}.fraud-table td:nth-child(8) .flags{max-width:80px}.fraud-table td:nth-child(8) .flag-badge{font-size:.6rem;padding:1px 4px;max-width:80px}.score-card{padding:12px}.score-header h3{font-size:1rem}.risk-badge{font-size:.5rem;padding:2px 4px}.metric{padding:4px}.metric .label{font-size:.7rem}.metric .value{font-size:.8rem}.actions{gap:.3rem}.btn-view,.btn-resolve{padding:.4rem .8rem;font-size:.8rem}.order-detail-modal{width:98%;margin:.5rem;max-height:95vh}.modal-header{padding:12px}.modal-content{padding:12px;max-height:calc(95vh - 120px)}.flag-detail,.alert-detail{padding:6px;gap:3px}.modal-actions{padding:12px;gap:8px}.btn-resolve-modal,.btn-capture{padding:10px;font-size:.9rem}}.super-admin-reviews-container{padding:30px;max-width:100%;margin:0 auto;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.page-header h1:after{content:"";display:block;width:100px;height:4px;background-color:#3498db;margin:10px auto 0;border-radius:2px}.platform-statistics{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:30px;width:100%;max-width:1200px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e5e5}.rating-bar span:last-child{min-width:80px;text-align:right;color:#333;font-weight:500}.search-filters-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;width:100%;max-width:1200px}.search-form{display:flex;gap:12px;margin-bottom:20px}.search-input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#ff4c24}.search-button{padding:12px 24px;background:#ff4c24;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.search-button:hover{background:#e63d1f}.filters-row{display:flex;flex-wrap:wrap;gap:20px;align-items:end}.filter-group select,.filter-group input{padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:.9rem;min-width:150px;transition:border-color .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#ff4c24}.date-inputs{display:flex;gap:8px}.date-inputs input{min-width:120px}.reviews-list{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1200px}.restaurant-customer-info{display:flex;flex-direction:column;gap:12px;flex:1}.restaurant-info{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #FF4C24}.restaurant-info h3{margin:0;color:#ff4c24;font-size:1.1rem}.restaurant-logo{width:40px;height:40px;border-radius:8px;object-fit:cover}.customer-info h4{margin:0 0 4px;color:#333;font-size:1rem}.review-meta{display:flex;flex-direction:column;align-items:center;gap:8px}.review-date{color:#999;font-size:.85rem;text-align:center}.review-content{margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.page-info{color:#666;font-weight:500;text-align:center}@media (max-width: 1024px){.platform-statistics{grid-template-columns:1fr}.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-group select,.filter-group input{min-width:auto;width:100%}.date-inputs{flex-direction:column}.date-inputs input{width:100%;min-width:auto}}@media (max-width: 768px){.super-admin-reviews-container{padding:20px}.page-header{margin-bottom:1.5rem;padding:0 15px;position:relative;align-items:flex-start;text-align:left}.back-button{position:static;transform:none;margin-bottom:15px;align-self:flex-start}.back-button:hover{transform:scale(1.1)}.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.search-form{flex-direction:column}.search-input,.search-button{width:100%}}.review-header{flex-direction:column;gap:15px}.restaurant-customer-info{width:100%}.review-meta{align-self:flex-start;flex-direction:row;gap:15px}.pagination{flex-direction:column;gap:15px}.pagination button{width:100%;max-width:200px}.page-info{order:-1}@media (max-width: 480px){.stat-card{padding:15px}.total-number{font-size:2rem}.review-card{padding:15px}.restaurant-info{flex-direction:column;text-align:center}.review-content{padding:12px}.review-meta{flex-direction:column;align-items:center;gap:8px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#ef9191;padding:20px}.login-card{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;width:100%;max-width:430px;padding:40px;position:relative;overflow:hidden}.login-logo{display:flex;justify-content:center;margin-bottom:30px}.login-logo img{max-width:180px;height:auto}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin-bottom:10px;font-size:28px;font-weight:700;color:#3a3a3a}.login-header p{color:#666;font-size:16px;color:#707070}.login-form{display:flex;flex-direction:column;gap:24px}.input-with-icon{position:relative}.password-toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#a9a9a9;border-radius:4px;transition:color .2s ease}.password-toggle-btn:hover{color:#4caf50}.form-group input{padding:14px 45px 14px 15px;height:48px;border:none;border-radius:8px;font-size:16px;transition:all .3s;background-color:#f7f7f7;color:#707070;box-sizing:border-box}.form-group input:focus{outline:none;box-shadow:0 0 0 2px #4caa5033;background-color:#f7f7f7}.form-group input::placeholder{color:#bbb}.login-button{background-color:#f30;color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px;box-shadow:0 4px 12px #f303}.login-button:hover{background-color:#e52e00;transform:translateY(-2px);box-shadow:0 6px 15px #ff33004d}.login-button:active{transform:translateY(0)}.login-button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:none}.forgot-password-link{text-align:center;margin-top:20px}.forgot-password-link a{color:#f30;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.forgot-password-link a:hover{color:#e52e00;text-decoration:underline}@media (max-width: 576px){.login-card{padding:30px 20px}.login-logo img{max-width:150px}}.applications-page{padding:20px;max-width:1200px;margin:0 auto}.applications-page-container{padding:30px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.filter-section{display:flex;align-items:center;margin-bottom:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d;gap:15px}.filter-label{font-weight:600;color:#555;white-space:nowrap}.status-filter{flex:1;max-width:300px;padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;color:#333;background-color:#fff}.tabs{display:flex;margin-bottom:20px;border-bottom:2px solid #e0e0e0;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.tab-button{padding:12px 24px;background:none;border:none;font-size:1rem;font-weight:600;color:#666;cursor:pointer;position:relative;transition:all .2s ease;white-space:nowrap}.tab-button:hover,.tab-button.active{color:#ff9800}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:#ff9800}.applications-content{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;border-radius:8px}.applications-table{width:100%;min-width:800px;border-collapse:collapse;white-space:nowrap}.applications-table th,.applications-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.applications-table th{background-color:#f8f9fa;font-weight:600;position:sticky;top:0;z-index:1}.applications-table td{vertical-align:middle;background-color:#fff}.application-tabs .nav-link{color:#495057;font-weight:500}.application-tabs .nav-link.active{font-weight:600}.app-detail-row{margin-bottom:10px;display:flex;flex-wrap:wrap}.app-detail-row strong{margin-right:8px;color:#555}.app-detail-row p{margin-top:5px;margin-bottom:0;white-space:pre-line;padding-left:158px;color:#6c757d}.application-details h5.text-primary{color:#0d6efd!important;font-weight:600;font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef;position:relative}.application-details h5.text-primary:first-child{margin-top:0}.application-details h5.text-primary:before{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background-color:#0d6efd}.app-detail-row .btn-outline-primary{padding:.25rem .75rem;font-size:.875rem;border-radius:.375rem;text-decoration:none}.app-detail-row .btn-outline-primary:hover{text-decoration:none}.modal-lg{max-width:900px}.modal-body .application-details{max-height:70vh;overflow-y:auto;padding-right:10px}.application-details::-webkit-scrollbar{width:6px}.application-details::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.application-details::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.application-details::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.document-preview{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.badge{font-size:.85em;padding:.5em .75em}.empty-state-container{border:2px dashed #dee2e6;border-radius:.5rem}.empty-state-container .bi{opacity:.5}@media (max-width: 1024px){.applications-page-container{padding:20px}}@media (max-width: 768px){.applications-page-container{padding:15px}.filter-section{flex-direction:column;align-items:stretch}.status-filter{max-width:100%}}@media (max-width: 480px){.applications-page-container{padding:10px}}.applications-section{width:100%;max-width:1200px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:1.2rem;color:#333;margin:0}.partners-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.partners-table{width:100%;min-width:800px;border-collapse:collapse;margin-bottom:0}.status-badge.pending{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-view{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;min-width:100px;text-align:center}.btn-view:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px);box-shadow:0 2px 4px #2196f333}.empty-state,.loading-state,.error-state{text-align:center;padding:40px 20px;color:#666}.error-state{color:#dc3545}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-info .email,.contact-info .phone{font-size:.9rem;color:#666}.documents-list{margin-top:.5rem}.document-item{display:flex;align-items:center;padding:10px;background-color:#f8f9fa;border-radius:4px;margin-bottom:8px}.document-item .document-icon{margin-right:10px;color:#4a90e2}.document-item .document-name{flex-grow:1}.document-item .document-date{color:#777;font-size:12px}.document-item .document-link{margin-left:10px;color:#4a90e2;text-decoration:none}.document-item .document-link:hover{text-decoration:underline}.selected-files{margin-top:.5rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.selected-files p{margin:0 0 .5rem;font-weight:600;color:#495057}.selected-files ul{margin:0;padding-left:1.5rem;list-style-type:disc}.selected-files li{margin-bottom:.25rem;color:#6c757d;font-size:.875rem}@media (max-width: 768px){.document-item{flex-direction:column;align-items:stretch;gap:.25rem}.document-item .btn{justify-content:center}.document-item .badge,.document-item .text-muted{text-align:center}}@media (max-width: 900px){.applications-page{padding:10px}.page-header h1{font-size:1.3rem}.partners-table th,.partners-table td{padding:8px 6px;font-size:13px}}@media (max-width: 600px){.applications-page{padding:4px}.page-header{margin-bottom:18px}.page-header h1{font-size:1.1rem}.filter-section{flex-direction:column;align-items:flex-start;gap:8px;padding:8px}.tabs{flex-direction:column;border-bottom:none}.tab-button{width:100%;text-align:left;padding:10px 8px;font-size:15px}.partners-table-container{overflow-x:auto}.partners-table th,.partners-table td{padding:6px 3px;font-size:12px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}}.restaurants-page-container{padding:30px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.page-header h1{font-size:2.25rem;margin-bottom:.5rem;color:#333;font-weight:600}.page-header h1:after{content:"";display:block;width:100px;height:4px;background-color:#4caf50;margin:10px auto 0;border-radius:2px}.restaurants-section{width:100%;max-width:1200px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.btn-refresh{background:linear-gradient(90deg,#ff4c24,#ff6b47);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #2196f333}.btn-refresh:hover:not(:disabled){background:linear-gradient(90deg,#ff4c24,#ff6b47);transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.partners-table th{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:600;padding:1rem;text-align:left;font-size:.9rem;letter-spacing:.5px}.restaurant-name strong{color:#333;font-size:1rem}.detail-item{padding:.75rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #4CAF50}.document-status-corner{margin-left:auto}@media (max-width: 768px){.restaurants-page-container{padding:20px}.page-header{position:relative;padding-top:3rem}.back-button{position:absolute;top:0;left:50%;transform:translate(-50%);width:35px;height:35px;font-size:1rem}.back-button:hover{transform:translate(-50%) scale(1.1)}.page-header h1{font-size:1.8rem}.restaurants-section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.partners-table-container{overflow-x:auto}.partners-table{min-width:800px}.action-buttons{flex-direction:column;gap:.25rem}.details-modal{width:95%;margin:1rem}.details-grid{gap:.75rem}}.drivers-page-container{padding:30px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:2rem;width:100%;max-width:1200px;position:relative;display:flex;flex-direction:column;align-items:center}.page-header h1{font-size:2.25rem;margin-bottom:.5rem;color:#333;position:relative;font-weight:600}.page-header h1:after{content:"";display:block;width:100px;height:4px;background-color:#2196f3;margin:10px auto 0;border-radius:2px}.back-button{position:absolute;top:0;left:50%;transform:translate(-50%);width:35px;height:35px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;text-decoration:none;border-radius:50%;font-weight:600;transition:all .3s ease;box-shadow:0 3px 6px #4a556840;border:none}.back-button:hover{transform:translate(-50%) scale(1.1)}.drivers-section{width:100%;max-width:1200px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.partners-table th{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;font-weight:600;padding:1rem;text-align:left;font-size:.9rem;letter-spacing:.5px}.driver-name strong{color:#333;font-size:1rem}.status-group{display:flex;flex-direction:column;gap:.25rem}.online-status{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;text-align:center}.online-status.online{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.online-status.offline{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.rating{display:flex;align-items:center;gap:.25rem;font-weight:500;color:#ff9800}.details-modal{background:#fff;border-radius:12px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;z-index:100000}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.detail-item{padding:.75rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #2196F3}.documents-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e0e0e0}.documents-header{margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:6px;border-left:4px solid #2196F3}.documents-header strong{color:#1565c0;font-size:1rem;font-weight:600}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%}.document-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;transition:all .2s ease;min-height:140px;display:flex;flex-direction:column}.document-item:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f31a}.document-header-row{display:flex;justify-content:flex-start;align-items:center;margin-bottom:.75rem;gap:.5rem;position:relative;padding-right:90px}.document-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-icon{font-size:1.1rem;flex-shrink:0}.document-status-corner{position:absolute;right:0;top:50%;transform:translateY(-50%)}.document-info{margin-top:.75rem;background:#f6f9fc;border-left:3px solid #007bff;padding:1rem 1.25rem;border-radius:8px;width:100%;min-height:80px;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.document-details{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.document-details.centered{align-items:center;text-align:center}.document-expiry,.document-uploaded{font-size:.85rem;color:#495057;width:100%}.document-link,.document-link:visited{color:#fff!important;width:100%;text-align:center}.document-link svg,.document-link i{color:#fff}.document-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-weight:600;font-size:.9rem;padding:.55rem 1.25rem;background:#0d6efd;border-radius:8px;transition:all .2s ease;border:none;margin-top:.25rem;width:100%}.document-link:hover{background:#0b5ed7;transform:translateY(-1px);box-shadow:0 3px 6px #0d6efd40}.document-missing{color:#d32f2f;font-weight:500;font-size:.9rem;background:#ffebee;padding:.5rem;border-radius:4px;border-left:3px solid #f44336;width:100%}.document-no-url{color:#f57c00;font-weight:500;font-size:.9rem;background:#fff8e1;padding:.5rem;border-radius:4px;border-left:3px solid #ff9800;width:100%}@media (max-width: 1200px){.documents-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}}@media (max-width: 768px){.documents-section{margin-top:1rem;padding-top:1rem}.documents-header{padding:.5rem;margin-bottom:.75rem}.documents-header strong{font-size:.9rem}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.document-item{padding:1rem;min-height:130px}.document-header-row{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.75rem}.document-title{font-size:.9rem}.document-status-corner{align-self:center}.status-indicator{font-size:.7rem;padding:.2rem .4rem}.document-info{padding:.75rem 1rem;min-height:70px}.document-expiry{font-size:.8rem}.document-link{font-size:.85rem;padding:.5rem 1rem}}@media (max-width: 480px){.documents-grid{grid-template-columns:1fr;gap:.75rem}.document-item{padding:.75rem;min-height:120px}.documents-header strong,.document-title{font-size:.85rem}.document-icon{font-size:1rem}.status-indicator{font-size:.65rem;padding:.15rem .3rem}.document-info{padding:.75rem;min-height:60px}.document-link{font-size:.8rem;padding:.4rem .8rem}}@media (max-width: 768px){.drivers-page-container{padding:20px}.page-header{position:relative;padding-top:3rem;flex-direction:column;align-items:center}.back-button{position:absolute;top:0;left:50%;transform:translate(-50%);width:35px;height:35px;font-size:1rem}.back-button:hover{transform:translate(-50%) scale(1.1)}.page-header h1{font-size:1.8rem}.drivers-section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.partners-table-container{overflow-x:auto}.partners-table{min-width:900px}.action-buttons{flex-direction:column;gap:.25rem}.details-modal{width:95%;max-width:95vw;margin:.5rem;max-height:95vh}.modal-header{padding:1rem;position:sticky;top:0;z-index:10;background:#f8f9fa}.modal-header h3{font-size:1.1rem}.modal-content{padding:1rem}.details-grid{gap:.75rem}.detail-item{padding:.5rem}.detail-item strong{font-size:.9rem}.documents-section{margin-top:1rem;padding-top:1rem}.documents-header{padding:.5rem;margin-bottom:.75rem}.documents-header strong{font-size:.9rem}.documents-grid{gap:.75rem}.document-item{padding:.75rem}.document-header-row{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.document-title{font-size:.9rem}.document-status-corner{align-self:flex-start}.status-indicator{font-size:.7rem;padding:.2rem .4rem}.document-expiry{font-size:.8rem}.document-link{font-size:.85rem;padding:.35rem .7rem;align-self:flex-start}.document-missing,.document-no-url{font-size:.85rem;padding:.4rem}.status-group{gap:.1rem}}@media (max-width: 480px){.drivers-page-container{padding:15px}.details-modal{width:98%;margin:.25rem;max-height:97vh}.modal-header{padding:.75rem}.modal-header h3{font-size:1rem}.modal-content{padding:.75rem}.documents-header strong,.document-title{font-size:.85rem}.document-icon{font-size:1rem}.status-indicator{font-size:.65rem;padding:.15rem .3rem}.document-link{font-size:.8rem;padding:.3rem .6rem}}.users-page-container{padding:30px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:2rem;width:100%;max-width:1200px;position:relative;display:flex;align-items:center;justify-content:center}.header-content{flex:1;text-align:center}.page-header h1{font-size:2.25rem;margin-bottom:.5rem;color:#333;position:relative}.page-header h1:after{content:"";display:block;width:100px;height:4px;background-color:#ff9800;margin:10px auto 0;border-radius:2px}.page-header p{color:#666;font-size:1.1rem;margin:0}.back-button{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;text-decoration:none;border-radius:50%;font-size:1.2rem;font-weight:600;transition:all .3s ease;box-shadow:0 3px 6px #4a556840;border:none}.back-button:hover{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;text-decoration:none;transform:translateY(-50%) scale(1.1);box-shadow:0 5px 12px #4a556859}.users-section{width:100%;max-width:1200px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0;border-bottom:2px solid #e0e0e0}.section-header h3{margin:0;color:#333;font-size:1.5rem;font-weight:600}.btn-refresh{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #2196f333}.btn-refresh:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.btn-refresh:disabled{opacity:.7;cursor:not-allowed;transform:none}.partners-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.partners-table{width:100%;border-collapse:collapse}.partners-table th{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-weight:600;padding:1rem;text-align:left;font-size:.9rem;letter-spacing:.5px}.partners-table td{padding:1rem;border-bottom:1px solid #e0e0e0;vertical-align:middle}.partners-table tr:last-child td{border-bottom:none}.partners-table tr:hover{background-color:#f8f9fa}.partners-table tr.inactive{background-color:#fff5f5;opacity:.8}.user-name strong{color:#333;font-size:1rem}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center;min-width:80px}.status-badge.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.role-badge{display:inline-block;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-align:center;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.role-badge.driver{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.role-badge.customer{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.role-badge.restaurant_admin{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.role-badge.restaurant_sub_admin{background:linear-gradient(135deg,#ff5722,#e64a19);color:#fff}.role-badge.super_admin{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-view,.btn-toggle{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.btn-view{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-view:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px)}.btn-toggle.activate{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-toggle.activate:hover{background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-1px)}.btn-toggle.deactivate{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-toggle.deactivate:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999}.details-modal{background:#fff;border-radius:12px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:#333;font-size:1.25rem}.modal-close{background:#fff;border:none;font-size:1.5rem;cursor:pointer;color:#ff6b47;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333;background:#e0e0e0;border-radius:50%}.modal-content{padding:1.5rem}.detail-item{padding:.75rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #FF9800}.detail-item strong{color:#333;display:block;margin-bottom:.25rem;font-weight:600}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state p{font-size:1.1rem;margin:0}.loading-state{text-align:center;padding:3rem;color:#666}.loading-state h2{color:#333;margin-bottom:1rem}@media (max-width: 768px){.users-page-container{padding:20px}.page-header{position:relative;padding-top:3rem}.back-button{position:absolute;top:0;left:50%;transform:translate(-50%);width:35px;height:35px;font-size:1rem}.back-button:hover{transform:translate(-50%) scale(1.1)}.page-header h1{font-size:1.8rem}.users-section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.partners-table-container{overflow-x:auto}.partners-table{min-width:800px}.action-buttons{flex-direction:column;gap:.25rem}.details-modal{width:95%;margin:1rem}.details-grid{gap:.75rem}.role-badge{font-size:.6rem;padding:.2rem .4rem}}.restaurant-financials-container{padding:20px;max-width:1200px;margin-left:30px;margin-right:30px;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;z-index:1;overflow-x:hidden}.financials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:1200px}.financials-header h2{text-align:center;margin-bottom:25px;color:#495057;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff4c24,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.financials-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.header-controls{display:flex;gap:15px;align-items:center}.period-selector{padding:10px 15px;border:2px solid #e1e8ed;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#2c3e50;cursor:pointer;transition:all .3s ease}.period-selector:hover{border-color:#ff6b47}.period-selector:focus{outline:none;border-color:#ff6b47;box-shadow:0 0 0 3px #27ae601a}.financials-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a;gap:8px;width:100%;max-width:1200px}.tab-button{flex:1;background:none;border:none;padding:15px 20px;border-radius:8px;cursor:pointer;font-weight:600;color:#7f8c8d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.tab-button:hover{background-color:#f8f9fa;color:#2c3e50}.tab-button.active{background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;box-shadow:0 4px 15px #27ae604d}.financials-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:visible;width:100%;max-width:1200px}.restaurant-overview{padding:30px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px}.metric-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #e1e8ed}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.metric-card.total-earnings{border-left:4px solid #27ae60}.metric-card.orders-count{border-left:4px solid #3498db}.metric-card.avg-order{border-left:4px solid #f39c12}.metric-card.commission-paid{border-left:4px solid #e74c3c}.metric-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#27ae601a;border-radius:50%}.metric-content h3{margin:0 0 8px;font-size:16px;color:#7f8c8d;font-weight:600}.metric-value{margin:0 0 5px;font-size:28px;font-weight:700;color:#2c3e50}.metric-label{font-size:12px;color:#95a5a6;text-transform:uppercase;letter-spacing:.5px}.dashboard-section{background:#f8f9fa;padding:30px;border-radius:12px;margin-bottom:30px;border:1px solid #e1e8ed}.dashboard-section h3{margin:0 0 25px;font-size:20px;color:#2c3e50;font-weight:600;border-bottom:2px solid #e1e8ed;padding-bottom:15px}.breakdown-grid{display:grid;gap:25px}.breakdown-item{display:flex;flex-direction:column;gap:10px}.breakdown-label{font-size:14px;color:#7f8c8d;font-weight:600}.breakdown-value{font-size:24px;font-weight:700;color:#2c3e50}.breakdown-bar{height:8px;background:#e1e8ed;border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;border-radius:4px;transition:width .3s ease}.breakdown-fill.gross{background:linear-gradient(90deg,#27ae60,#2ecc71)}.breakdown-fill.commission{background:linear-gradient(90deg,#e74c3c,#c0392b)}.breakdown-fill.earnings{background:linear-gradient(90deg,#3498db,#2980b9)}.breakdown-fill.delivery-fee{background:linear-gradient(90deg,#f39c12,#e67e22)}.breakdown-fill.tax{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.breakdown-note{font-size:12px;color:#7f8c8d;margin-top:5px;font-style:italic}.breakdown-item.net-earnings{border-top:2px solid #e1e8ed;padding-top:20px;margin-top:15px}.breakdown-item.net-earnings .breakdown-label{font-weight:700;color:#2c3e50}.breakdown-item.net-earnings .breakdown-value{font-size:28px;font-weight:800;color:#27ae60}.calculation-summary{margin-top:25px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e1e8ed;text-align:center}.calculation-summary h4{margin:0 0 15px;font-size:18px;color:#2c3e50;font-weight:600}.calculation-formula-large{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.calculation-formula-large .formula-item{padding:10px 15px;border-radius:8px;font-weight:700;font-size:18px;min-width:100px;text-align:center}.calculation-formula-large .formula-item.gross{background:#e8f5e8;color:#27ae60;border:2px solid #27ae60}.calculation-formula-large .formula-item.delivery{background:#fff3e0;color:#f57c00;border:2px solid #f57c00}.calculation-formula-large .formula-item.commission{background:#ffebee;color:#e74c3c;border:2px solid #e74c3c}.calculation-formula-large .formula-item.result{background:#e3f2fd;color:#2196f3;border:2px solid #2196f3;font-weight:800;font-size:20px}.calculation-formula-large .formula-operator{font-size:24px;font-weight:700;color:#2c3e50;margin:0 5px}.calculation-explanation{color:#7f8c8d;font-size:14px;font-style:italic}.payout-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.payout-card{background:#fff;border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 15px #00000014;border:1px solid #e1e8ed}.payout-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#3498db1a;border-radius:50%}.payout-content h4{margin:0 0 8px;font-size:16px;color:#2c3e50;font-weight:600}.payout-date,.payout-amount{margin:0 0 5px;font-size:18px;font-weight:700;color:#27ae60}.payout-note{font-size:12px;color:#95a5a6}.transactions-section,.payouts-section{padding:30px}.transactions-section{overflow:visible;width:100%;max-width:100%}.transactions-table{position:relative;z-index:1;overflow-x:scroll!important;-webkit-overflow-scrolling:touch}.financials-content{overflow:visible!important;max-width:none!important}.restaurant-financials-container{overflow-x:hidden;overflow-y:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e1e8ed}.header-actions{display:flex;align-items:center;gap:15px}.download-buttons{display:flex;gap:10px}.btn-download{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;transition:all .3s ease;display:flex;align-items:center;gap:5px}.btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.btn-download:active{transform:translateY(0)}.section-header h3{margin:0;font-size:20px;color:#2c3e50;font-weight:600}.btn-refresh{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3498db4d}.transactions-table{overflow-x:auto;overflow-y:hidden;border-radius:12px;box-shadow:0 2px 15px #00000014;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;width:100%;max-width:100%}.transactions-table::-webkit-scrollbar{height:8px;display:block}.transactions-table::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.transactions-table::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.transactions-table::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width: 768px){.transactions-table::-webkit-scrollbar{height:12px;display:block!important}.transactions-table::-webkit-scrollbar-thumb{background:#ff6b47;border-radius:6px}.transactions-table::-webkit-scrollbar-track{background:#f0f0f0;border-radius:6px}}.transactions-table table{width:100%;min-width:1000px;border-collapse:collapse;background:#fff;table-layout:fixed}.transactions-table th:nth-child(1),.transactions-table td:nth-child(1){min-width:120px}.transactions-table th:nth-child(2),.transactions-table td:nth-child(2){min-width:100px}.transactions-table th:nth-child(3),.transactions-table td:nth-child(3){min-width:200px}.transactions-table th:nth-child(4),.transactions-table td:nth-child(4){min-width:160px;max-width:160px;padding-right:20px}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5){min-width:160px;max-width:160px;padding-left:20px}.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){min-width:100px}.transactions-table th:nth-child(7),.transactions-table td:nth-child(7){min-width:100px}.transactions-table th:nth-child(8),.transactions-table td:nth-child(8){min-width:80px}.transactions-table th{background:#f8f9fa;padding:18px 15px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e1e8ed;font-size:14px}.transactions-table td{padding:18px 15px;border-bottom:1px solid #e1e8ed;vertical-align:middle;font-size:14px}.transactions-table tr:hover{background:#f8f9fa}.transactions-table tr:last-child td{border-bottom:none}.transaction-type{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;white-space:nowrap}.transaction-type.commission{background:#e3f2fd;color:#1976d2}.transaction-type.delivery_fee{background:#fff3e0;color:#f57c00}.transaction-type.tip{background:#f3e5f5;color:#7b1fa2}.transaction-type.tax{background:#e8f5e8;color:#388e3c}.amount{font-weight:700;color:#27ae60;font-size:16px}.description{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}.order-id{font-family:Courier New,monospace;font-size:12px;color:#7f8c8d;background:#f8f9fa;padding:4px 8px;border-radius:3px;text-align:center;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center}.restaurant-id{font-family:Courier New,monospace;font-size:11px;color:#95a5a6;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.2;min-height:2.4em;padding:2px 4px;background:#f8f9fa;border-radius:3px;text-align:center}.restaurant-name{font-weight:500;color:#2c3e50;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}.status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status.completed{background:#e8f5e8;color:#388e3c}.status.pending{background:#fff3e0;color:#f57c00}.status.failed{background:#ffebee;color:#d32f2f}.payouts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.payout-card-detailed{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e1e8ed;transition:all .3s ease}.payout-card-detailed:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.payout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e1e8ed}.payout-header h4{margin:0;font-size:18px;color:#2c3e50;font-weight:700}.payout-status{padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:capitalize}.payout-details{display:flex;flex-direction:column;gap:12px}.payout-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.payout-row span:first-child{color:#7f8c8d;font-weight:500}.payout-row span:last-child,.payout-row strong{color:#2c3e50;font-weight:600}.payment-ref{font-family:Courier New,monospace;font-weight:600;color:#2c3e50;background:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e1e8ed;font-size:12px}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d}.empty-icon{font-size:48px;margin-bottom:20px}.empty-state h3{font-size:24px;margin-bottom:15px;color:#2c3e50;font-weight:600}.empty-state p{font-size:16px;margin:0 0 20px;color:#5a6c7d}.empty-info{background:#f8f9fa;padding:20px;border-radius:8px;text-align:left;max-width:500px;margin:20px auto}.empty-info p{margin-bottom:10px;font-weight:600;color:#2c3e50}.empty-info ul{margin:0;padding-left:20px}.empty-info li{margin-bottom:8px;color:#5a6c7d;line-height:1.5}.payout-calculation{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e8ed}.calculation-breakdown{text-align:center}.calculation-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:10px;font-size:14px}.calculation-formula{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.formula-item{padding:8px 12px;border-radius:6px;font-weight:600;font-size:16px;min-width:80px;text-align:center}.formula-item.revenue{background:#e8f5e8;color:#27ae60;border:1px solid #27ae60}.formula-item.commission{background:#ffebee;color:#e74c3c;border:1px solid #e74c3c}.formula-item.result{background:#e3f2fd;color:#2196f3;border:1px solid #2196f3;font-weight:700}.formula-operator{font-size:18px;font-weight:700;color:#2c3e50;margin:0 5px}.calculation-note{display:block;color:#7f8c8d;font-style:italic;font-size:12px;margin-top:5px}.empty-note{font-size:14px;color:#95a5a6;display:block;margin-top:20px;font-style:italic}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#7f8c8d;width:100%;max-width:1200px}.loading-spinner{width:40px;height:40px;border:4px solid #e1e8ed;border-top:4px solid #27ae60;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-state p{font-size:16px;font-weight:500}@media (max-width: 768px){.restaurant-financials-container{padding:15px}.financials-header{flex-direction:column;gap:20px;text-align:center}.financials-tabs{flex-direction:column;gap:8px}.metrics-grid{grid-template-columns:1fr;gap:20px}.metric-card{padding:20px}.payout-info,.payouts-grid{grid-template-columns:1fr}.transactions-table{font-size:12px;margin:0 15px;border-radius:0;overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:auto;width:calc(100vw - 30px);max-width:calc(100vw - 30px)}.transactions-table table{min-width:800px;width:max-content;table-layout:auto}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5),.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){display:none}@media (min-width: 480px) and (max-width: 768px){.transactions-table th:nth-child(5),.transactions-table td:nth-child(5),.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){display:table-cell}.transactions-table table{min-width:800px}}.transactions-table th,.transactions-table td{padding:10px 6px;white-space:nowrap}.description{max-width:150px}.order-id,.restaurant-id{max-width:120px;font-size:10px;min-height:2.2em;padding:3px 6px;white-space:normal;word-wrap:break-word;word-break:break-all}.restaurant-name{max-width:140px}.transactions-table th:nth-child(1),.transactions-table td:nth-child(1){min-width:120px;white-space:nowrap}.transactions-table th:nth-child(2),.transactions-table td:nth-child(2){min-width:100px;white-space:nowrap}.transactions-table th:nth-child(3),.transactions-table td:nth-child(3){min-width:200px;white-space:nowrap}.transactions-table th:nth-child(4),.transactions-table td:nth-child(4){min-width:160px;max-width:160px;white-space:normal}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5){min-width:160px;max-width:160px;white-space:normal}.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){min-width:120px;white-space:nowrap}.transactions-table th:nth-child(7),.transactions-table td:nth-child(7){min-width:100px;white-space:nowrap}.transactions-table th:nth-child(8),.transactions-table td:nth-child(8){min-width:80px;white-space:nowrap}.header-actions{flex-direction:column;gap:10px;align-items:stretch}.download-buttons{justify-content:center}.btn-download{flex:1;justify-content:center}}@media (max-width: 480px){.financials-header h2{font-size:1.5rem}.metric-value{font-size:24px}.breakdown-value{font-size:20px}.dashboard-section{padding:20px}.transactions-section,.payouts-section{padding:15px}.transactions-table{margin:0 15px;font-size:11px;overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:auto;width:calc(100vw - 30px);max-width:calc(100vw - 30px)}.transactions-table table{min-width:900px;width:max-content;table-layout:auto}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5),.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){display:table-cell}.transactions-table th,.transactions-table td{padding:8px 4px}.transaction-type,.status{padding:4px 8px;font-size:10px}.amount{font-size:14px}.description{max-width:120px}.order-id,.restaurant-id{max-width:100px;font-size:9px;min-height:2em;padding:2px 4px;white-space:normal;word-wrap:break-word;word-break:break-all}.restaurant-name{max-width:120px}.transactions-table th:nth-child(1),.transactions-table td:nth-child(1){min-width:100px;white-space:nowrap}.transactions-table th:nth-child(2),.transactions-table td:nth-child(2){min-width:90px;white-space:nowrap}.transactions-table th:nth-child(3),.transactions-table td:nth-child(3){min-width:180px;white-space:nowrap}.transactions-table th:nth-child(4),.transactions-table td:nth-child(4){min-width:140px;max-width:140px;white-space:normal}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5){min-width:140px;max-width:140px;white-space:normal}.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){min-width:100px;white-space:nowrap}.transactions-table th:nth-child(7),.transactions-table td:nth-child(7){min-width:90px;white-space:nowrap}.transactions-table th:nth-child(8),.transactions-table td:nth-child(8){min-width:70px;white-space:nowrap}}.payout-account-section{background:#fff;border-radius:12px;padding:0;border:1px solid #e1e8ed;box-shadow:0 2px 8px #0000001a}.payout-account-setup,.payout-account-display{max-width:600px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.setup-header,.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.setup-header h3,.account-header h3{margin:0;color:#1f2937;font-size:1.4rem;font-weight:600}.edit-btn,.cancel-btn{padding:8px 16px;border:1px solid #FF4C24;background:transparent;color:#ff4c24;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.edit-btn:hover,.cancel-btn:hover{background:#ff4c24;color:#fff}.account-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:500;color:#6b7280;font-size:14px}.detail-row .value{font-weight:600;color:#1f2937;text-align:right}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status.verified{background:#d1fae5;color:#065f46}.status.pending{background:#fef3c7;color:#92400e}.account-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:500;color:#374151;font-size:14px}.form-group input,.form-group select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a}.form-group small{color:#6b7280;font-size:12px;margin-top:4px}.form-actions{margin-top:24px}.submit-btn{width:100%;padding:12px 24px;background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e03e1e,#e5563a);transform:translateY(-1px);box-shadow:0 4px 12px #ff4c244d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.security-note{margin-top:20px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #10b981}.security-note p{margin:0;color:#4b5563;font-size:13px;line-height:1.5}@media (max-width: 768px){.payout-account-setup,.payout-account-display{margin:0;padding:16px;border-radius:0;box-shadow:none}.setup-header,.account-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.setup-header h3,.account-header h3{font-size:1.2rem}.edit-btn,.cancel-btn{align-self:flex-end;padding:10px 16px;font-size:13px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.detail-row .value{text-align:left;font-size:13px}.form-group input,.form-group select{padding:14px 16px;font-size:16px}.form-group select{padding-right:40px;background-size:14px}.submit-btn{padding:16px 24px;font-size:16px}.security-note{margin-top:16px;padding:14px}.security-note p{font-size:12px}}.submit-btn:disabled:after{content:"";margin-left:8px;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid white;display:inline-block;animation:spin 1s linear infinite}.reviews-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.reviews-container h2{text-align:center;margin-bottom:25px;color:#495057;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff4c24,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.reviews-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.statistics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:15px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:2px solid #e9ecef;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff4c241a;border-color:#ff4c24}.stat-card h3{margin:0 0 15px;color:#333;font-size:1rem;font-weight:600}.stat-value{display:flex;flex-direction:column;align-items:flex-start}.rating-number{font-size:2.5rem;font-weight:700;margin-bottom:10px}.total-number{font-size:2.5rem;font-weight:700;color:#ff4c24}.stars-display{font-size:1.2rem}.stars-display .star{color:#ddd}.stars-display .star.filled{color:#ffc107}.rating-breakdown{display:flex;flex-direction:column;gap:8px}.rating-bar{display:flex;align-items:center;gap:10px;font-size:.9rem}.rating-bar span:first-child{min-width:25px;color:#666}.rating-bar span:last-child{min-width:30px;text-align:right;color:#333;font-weight:500}.bar{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.bar .fill{height:100%;background:#ffc107;transition:width .3s ease}.filters-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:15px 20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:end;border:2px solid #e9ecef}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:#333;font-size:.9rem}.filter-group select,.filter-group input{padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;width:100%;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#495057;font-family:inherit}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a;background:#fff;transform:translateY(-1px)}.reviews-list{display:flex;flex-direction:column;gap:20px}.loading,.no-reviews{text-align:center;padding:60px 20px;color:#666;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.review-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e5e5;transition:box-shadow .2s ease}.review-card:hover{box-shadow:0 4px 12px #00000026}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:20px}.customer-info h4{margin:0 0 4px;color:#333;font-size:1.1rem}.customer-info p{margin:0;color:#666;font-size:.9rem}.review-rating{display:flex;flex-direction:column;align-items:center;gap:4px}.review-rating .stars{font-size:1.1rem}.review-rating .star{color:#ddd}.review-rating .star.filled{color:#ffc107}.rating-text{font-size:.85rem;color:#666;font-weight:500}.review-date{color:#999;font-size:.85rem;text-align:right}.review-content{margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #FF4C24}.review-content p{margin:0;color:#555;font-style:italic;line-height:1.5}.review-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0}.order-info{color:#666;font-size:.85rem}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px}.pagination button{padding:10px 20px;border:2px solid #FF4C24;background:#fff;color:#ff4c24;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#ff4c24;color:#fff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#666;font-weight:500}@media (max-width: 768px){.reviews-container{padding:15px}.statistics-cards{grid-template-columns:1fr}.filters-section{grid-template-columns:1fr;gap:12px}.filter-group{width:100%}.modern-reviews-container{padding:15px}.review-header h2{font-size:1.5rem;margin-bottom:15px}.review-rating{align-self:flex-start;flex-direction:row;gap:10px}.pagination{flex-direction:column;gap:15px}.pagination button{width:100%;max-width:200px}}@media (max-width: 480px){.stat-card{padding:15px}.rating-number,.total-number{font-size:2rem}.review-card{padding:15px}.review-content{padding:12px}}.sub-admin-page-container{padding:20px;margin-left:20px;margin-right:20px;background-color:#f8f9fa;min-height:100vh}.page-header{display:flex;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header-content h2{text-align:center;margin-bottom:25px;color:#495057;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ff4c24,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.sub-admins-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.section-header h3{margin:0;color:#ff6b47;font-size:1.25rem;font-weight:500}.header-actions{display:flex;gap:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.btn-refresh{background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6}.btn-refresh:hover{background-color:#e9ecef}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h3{margin:0 0 1rem;color:#333;font-size:1.5rem}.empty-state p{margin:0 0 2rem;color:#666;font-size:1rem}.sub-admins-table{width:100%;border-collapse:collapse;font-size:.875rem}.sub-admins-table th{background-color:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.sub-admins-table td{padding:1rem;border-bottom:1px solid #dee2e6;vertical-align:middle}.sub-admins-table tr:hover{background-color:#f8f9fa}.sub-admins-table tr.inactive{opacity:.6}.sub-admin-name strong{color:#333;font-weight:600}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.role-badge.chef{background-color:#d4edda;color:#155724}.role-badge.accountant{background-color:#d1ecf1;color:#0c5460}.role-badge.server{background-color:#fff3cd;color:#856404}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.limit-notice{padding:1rem 2rem;background-color:#fff3cd;border-top:1px solid #ffeaa7;color:#856404}.limit-notice p{margin:0;font-size:.875rem}.loading-state{text-align:center;padding:4rem 2rem}.loading-state h2{margin:0 0 1rem;color:#333}.loading-state p{margin:0;color:#666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999}.details-modal,.create-modal,.edit-modal{background:#fff;border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a;z-index:100000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.modal-header h3{margin:0;color:#333;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-content{padding:2rem}.details-grid{display:grid;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item strong{color:#333;font-weight:600;font-size:.875rem}.detail-item .role-description{margin:.5rem 0 0;color:#666;font-size:.875rem;font-style:italic}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:.875rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.role-help{display:block;margin-top:.25rem;color:#666;font-size:.75rem;font-style:italic}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e9ecef}@media (max-width: 768px){.sub-admin-page-container,.page-header{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}.sub-admins-table{font-size:.75rem}.sub-admins-table th,.sub-admins-table td{padding:.5rem}.action-buttons{flex-direction:column}.modal-content{padding:1rem}.modal-actions{flex-direction:column}}@media (max-width: 576px){.sub-admin-page-container{padding:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden}.sub-admins-table-container{width:100vw!important;max-width:100vw!important;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:0;margin-right:0;padding:0}.sub-admins-table{min-width:700px;width:700px;font-size:.875rem}.sub-admins-table th,.sub-admins-table td{padding:1rem}.action-buttons{flex-direction:column;gap:.4rem}.modal-content{padding:.5rem}.modal-actions{flex-direction:column;gap:.5rem}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-danger,.btn-info,.btn-refresh{width:100%;font-size:1rem;padding:.75rem .5rem}.form-group input,.form-group select{font-size:1rem;padding:.75rem}}.reset-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#ef9191;padding:20px}.reset-password-card{background-color:#f8f9fa;border-radius:20px;box-shadow:0 10px 30px #0000000d;width:100%;max-width:450px;padding:40px;position:relative;overflow:hidden}.reset-password-header{text-align:center;margin-bottom:30px}.reset-password-header img{max-width:180px;height:auto;margin-bottom:20px}.reset-password-header h1{color:#333;margin-bottom:10px;font-size:28px;font-weight:700;color:#3a3a3a}.reset-password-header p{color:#666;font-size:16px;color:#707070;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#3a3a3a;font-size:15px}.form-group input,.form-group select{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s ease;background:#f8f9fa}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f30;background:#fff;box-shadow:0 0 0 3px #ff33001a}.form-select{cursor:pointer}.password-input-container{position:relative}.password-input-container input{padding-right:50px}.password-toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px;transition:color .2s ease}.password-toggle-btn:hover{color:#f30}.password-toggle-btn:focus{outline:none}.btn{padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#f30;color:#fff;box-shadow:0 4px 12px #f303}.btn-primary:hover{background-color:#e52e00;transform:translateY(-2px);box-shadow:0 6px 15px #ff33004d}.btn-primary:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#f8f9fa;color:#666;border:2px solid #e0e0e0}.btn-secondary:hover{background:#e9ecef;color:#333}.btn-block{width:100%}.reset-password-actions{display:flex;justify-content:center;margin-top:20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff3300;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media (max-width: 576px){.reset-password-card{padding:30px 20px}.reset-password-header h1{font-size:24px}.reset-password-header p{font-size:14px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,Outfit,sans-serif}body{min-height:100vh;background:#f8f9fa;background-attachment:fixed;font-size:16px;line-height:1.6;color:#495057;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff4c24,#ff6b47);border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff6b47,#ff4c24)}a{text-decoration:none;color:inherit;transition:all .3s ease}a:hover{color:#ff4c24}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#e9ecef,transparent);margin:20px 0}button{font-family:inherit;border:none;outline:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}input,textarea,select{font-family:inherit;outline:none;transition:all .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.app-content{display:flex;gap:0;width:100%;min-height:calc(100vh - 140px);flex:1;animation:fadeIn .6s ease-out}.main-content-wrapper{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px 0 0 20px;animation:slideInRight .8s ease-out}.main-content-wrapper.full-width{width:100%;max-width:none;padding:30px 50px;margin-left:0;border-radius:0;animation:fadeIn .6s ease-out}.app-content-full{display:flex;width:100%;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff)}.flex-col{display:flex;flex-direction:column;gap:15px}.cursor{cursor:pointer}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6c757d;font-size:1.2rem;font-weight:500}.loading-container:after{content:"";width:30px;height:30px;border:3px solid #e9ecef;border-top:3px solid #FF4C24;border-radius:50%;animation:spin 1s linear infinite;margin-left:15px}.text-center{text-align:center}.text-primary{color:#ff4c24}.text-secondary{color:#6c757d}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.bg-primary{background:linear-gradient(135deg,#ff4c24,#ff6b47)}.bg-secondary{background:linear-gradient(135deg,#6c757d,#5a6268)}.bg-success{background:linear-gradient(135deg,#28a745,#20c997)}.bg-danger{background:linear-gradient(135deg,#dc3545,#e74c3c)}.bg-warning{background:linear-gradient(135deg,#ffc107,#f39c12)}.shadow-sm{box-shadow:0 2px 4px #0000001a}.shadow{box-shadow:0 4px 15px #0000001a}.shadow-lg{box-shadow:0 10px 30px #00000026}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:20px}.rounded-full{border-radius:50%}.card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:25px;box-shadow:0 8px 25px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#667eea)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;color:#495057;margin-bottom:8px;font-size:15px}.form-control{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:15px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-control:focus{border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a;background:#fff;transform:translateY(-1px)}.btn{display:inline-block;padding:12px 24px;border-radius:10px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;box-shadow:0 4px 15px #ff4c2466}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4c2480}.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:0 4px 15px #6c757d66}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c757d80}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a74566}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74580}@media (max-width: 1200px){.main-content-wrapper{padding:18px}}@media (max-width: 1024px){.main-content-wrapper{padding:16px}.main-content-wrapper.full-width{padding:18px 25px}}@media (max-width: 900px){.main-content-wrapper{border-radius:15px 0 0 15px}}@media (max-width: 768px){.app-content{flex-direction:column}.main-content-wrapper{padding:15px;border-radius:0}.main-content-wrapper.full-width{padding:15px}.card{padding:20px;border-radius:12px}.btn{padding:10px 20px;font-size:14px}}@media (max-width: 480px){body{font-size:14px}.app-content{flex-direction:column;min-height:calc(100vh - 70px);padding-bottom:100px}.main-content-wrapper,.main-content-wrapper.full-width{padding:15px;margin:0;border-radius:0;width:100%}.card{padding:15px;margin-bottom:15px}.form-control{padding:8px 12px;font-size:14px}.btn{padding:8px 16px;font-size:14px}}.profile-modal-overlay,.modal-overlay,.rating-modal-overlay{z-index:9999999!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.profile-modal,.details-modal,.create-modal,.edit-modal,.order-detail-modal,.rating-modal{z-index:10000000!important;position:relative!important}.Toastify__toast-container{z-index:99999999!important;position:fixed!important}.Toastify__toast{z-index:99999999!important;position:relative!important}.Toastify__toast-container--top-right{top:1rem!important;right:1rem!important;position:fixed!important}.Toastify__toast-container *{z-index:99999999!important}@media (max-width: 768px){.Toastify__toast-container--top-right{top:.5rem!important;right:.5rem!important;left:.5rem!important;width:calc(100% - 1rem)!important}.Toastify__toast{margin-bottom:.5rem!important;border-radius:8px!important}}.Toastify__toast-container{pointer-events:auto!important}.Toastify__toast{pointer-events:auto!important;box-shadow:0 4px 12px #00000026!important}body.modal-open{overflow:hidden!important;padding-right:15px}@media (max-width: 768px){.main-content-wrapper,.main-content-wrapper.full-width{padding-top:100px}}@media (max-width: 480px){.main-content-wrapper,.main-content-wrapper.full-width{padding-top:100px}}