@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:40px}.logo{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 30px #667eea66}.logo-icon{font-size:40px;font-weight:700;color:#fff}.login-header h1{font-size:32px;color:#333;margin-bottom:8px}.login-header p{color:#666;font-size:16px}.login-form{margin-bottom:20px}.form-group{margin-bottom:24px}.form-group input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s;direction:ltr;text-align:left}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.login-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0}.login-footer p{color:#999;font-size:14px}.dashboard-welcome{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px}.welcome-content{text-align:center;max-width:600px}.welcome-icon{color:#667eea;margin-bottom:30px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.welcome-content h1{font-size:36px;color:#2c3e50;margin-bottom:15px;font-weight:700}.welcome-content>p{font-size:18px;color:#7f8c8d;margin-bottom:30px}.welcome-message{background:linear-gradient(135deg,#667eea,#764ba2);padding:25px;border-radius:15px;box-shadow:0 8px 20px #667eea4d}.welcome-message p{color:#fff;font-size:16px;margin:0;font-weight:500}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.dashboard-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.dashboard-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.dashboard-header .header-content p{opacity:.95;font-size:1.1rem}.dashboard-content{padding:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.stat-icon{width:70px;height:70px;border-radius:15px;display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:28px;margin-bottom:5px}.stat-info p{color:#666;font-size:14px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.dashboard-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d}.dashboard-card h2{font-size:20px;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.overview-stats{display:flex;flex-direction:column;gap:20px}.overview-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px}.overview-label{color:#666;font-size:14px}.overview-value{font-size:20px;font-weight:700;color:#667eea}.quick-links{display:flex;flex-direction:column;gap:12px}.quick-link{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;text-decoration:none;color:#333;transition:all .2s}.quick-link:hover{background:#667eea;color:#fff;transform:translate(-5px)}.quick-link-icon{font-size:24px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.dashboard-loading p{margin-top:20px;color:#666}@media (max-width: 768px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}}.page{max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{font-size:32px;color:#333;margin-bottom:8px}.page-header p{color:#666;font-size:16px}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.filter-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filter-tabs button{padding:12px 24px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .3s}.filter-tabs button:hover{border-color:#667eea;color:#667eea}.filter-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.table-container{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:linear-gradient(180deg,#667eea,#764ba2)!important}.data-table th{padding:15px 20px;text-align:right;font-weight:600;color:#fff!important;font-size:14px}.data-table td{padding:15px 20px;text-align:right;border-top:1px solid #f0f0f0;color:#333!important}.data-table tbody tr:hover{background:linear-gradient(135deg,#f5f7ff,#e8ecff)!important}.badge-admin{background:#fff3e0;color:#f57c00}.badge-driver{background:#e3f2fd;color:#1976d2}.badge-customer{background:#e8f5e9;color:#388e3c}.badge-pending{background:#fff3e0;color:#f57c00}.badge-in-progress{background:#e3f2fd;color:#1976d2}.badge-completed{background:#e8f5e9;color:#388e3c}.badge-cancelled{background:#ffebee;color:#d32f2f}.btn-small{padding:6px 12px;font-size:13px}.btn-primary{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.btn-small{padding:8px 16px;font-size:13px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;border:none}.btn-small.btn-primary{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.btn-small.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.service-card,.offer-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.service-card:hover,.offer-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.service-icon{font-size:48px;text-align:center;margin-bottom:15px}.service-card h3,.offer-card h3{font-size:18px;color:#333;margin-bottom:10px}.service-card p{color:#666;font-size:14px;margin-bottom:15px}.service-details{display:flex;justify-content:space-between;margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:8px}.price{color:#667eea;font-weight:700}.duration{color:#666;font-size:14px}.offer-card{position:relative}.offer-badge{position:absolute;top:15px;left:15px;background:#ff5252;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px}.offer-price{display:flex;align-items:center;gap:10px;margin:15px 0}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:15px}.empty-icon{font-size:80px;margin-bottom:20px}.empty-state h3{font-size:24px;color:#333;margin-bottom:10px}.empty-state p{color:#666;margin-bottom:30px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.settings-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d}.setting-item input[type=text],.setting-item input[type=email],.setting-item input[type=tel]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px}.setting-item input[type=checkbox]{margin-left:10px}.info-item{display:flex;justify-content:space-between;padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:10px}.info-item span:first-child{color:#666;font-size:14px}.info-item span:last-child{color:#333;font-weight:600;font-size:14px}.settings-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;background:#fff;padding:20px;border-radius:15px;box-shadow:0 2px 10px #0000000d}.tab-btn{padding:12px 24px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .3s;display:flex;align-items:center;gap:8px}.tab-btn:hover{border-color:#4fc3f7;color:#4fc3f7;transform:translateY(-2px);box-shadow:0 4px 12px #4fc3f733}.tab-btn.active{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;border-color:transparent;box-shadow:0 4px 15px #4fc3f74d}.settings-content{display:flex;flex-direction:column;gap:20px}.settings-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.settings-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00000014}.settings-card h3{font-size:20px;color:#333;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;gap:10px}.setting-item{margin-bottom:25px}.setting-item label{display:block;margin-bottom:10px;color:#333;font-size:14px;font-weight:600}.setting-item input[type=text],.setting-item input[type=email],.setting-item input[type=tel],.setting-item input[type=url],.setting-item input[type=number],.setting-item textarea,.setting-item select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:all .3s;background:#f8f9fa}.setting-item input:focus,.setting-item textarea:focus,.setting-item select:focus{outline:none;border-color:#4fc3f7;background:#fff;box-shadow:0 0 0 4px #4fc3f71a}.setting-item textarea{min-height:120px;resize:vertical;font-family:inherit}.setting-item small{display:block;margin-top:8px;color:#999;font-size:13px}.setting-item input[type=checkbox]{width:20px;height:20px;margin-left:10px;cursor:pointer;accent-color:#4FC3F7}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4fc3f74d;width:100%;margin-top:10px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f766}.day-schedule{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;margin-bottom:12px;transition:all .3s}.day-schedule:hover{background:#e3f2fd}.day-schedule input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4FC3F7}.day-schedule label{min-width:80px;font-weight:600;color:#333;margin:0}.day-schedule input[type=time]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;transition:all .3s}.day-schedule input[type=time]:focus{outline:none;border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a}.points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.points-mode-selector{display:flex;gap:10px;margin-bottom:20px}.points-mode-selector button{flex:1;padding:12px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .3s}.points-mode-selector button.active{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;border-color:transparent}@media (max-width: 768px){.cards-grid,.settings-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.data-table{min-width:600px}}.driver-select{padding:6px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s;min-width:150px}.driver-select:hover{border-color:#4fc3f7}.driver-select:focus{outline:none;border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a}.driver-select-small{padding:4px 8px;border:2px solid #e0e0e0;border-radius:6px;font-size:12px;background:#fff;cursor:pointer;transition:all .3s;min-width:80px}.driver-select-small:hover{border-color:#ff9800}.driver-select-small:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #ff98001a}.driver-assigned{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-radius:6px;font-weight:600;font-size:14px}.driver-deleted{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border-radius:6px;font-weight:600;font-size:14px}.users-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.users-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.users-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.users-header .header-content p{opacity:.95;font-size:1.1rem}.users-tabs{display:flex;gap:10px;padding:20px 30px;background:#fff;box-shadow:0 2px 10px #0000000d;overflow-x:auto;position:sticky;top:0;z-index:100}.users-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;color:#666;white-space:nowrap}.users-tabs .tab-btn:hover{background:#f0f0ff;border-color:#667eea;color:#764ba2;transform:translateY(-2px)}.users-tabs .tab-btn.active{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border-color:#764ba2;box-shadow:0 4px 15px #667eea4d}.users-tabs .tab-icon{font-size:1.2rem}.users-container .table-container{margin:30px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #00000014}.users-container .data-table{width:100%;border-collapse:collapse}.users-container .data-table thead{background:linear-gradient(180deg,#667eea,#764ba2)}.users-container .data-table th{padding:18px 20px;text-align:right;font-weight:600;color:#fff;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.users-container .data-table td{padding:16px 20px;text-align:right;border-top:1px solid #f0f0f0;color:#333;font-size:.9rem}.users-container .data-table tbody tr{transition:all .3s ease}.users-container .data-table tbody tr:hover{background:linear-gradient(135deg,#f5f7ff,#e8ecff);transform:scale(1.01);box-shadow:0 2px 10px #667eea1a}.users-container .badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.users-container .badge-admin{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:1px solid #FFB74D}.users-container .badge-driver{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;border:1px solid #64B5F6}.users-container .badge-customer{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#1b5e20;border:1px solid #81C784}.btn-view{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.btn-view:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-view:active{transform:translateY(0)}.btn-delete{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(180deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #e74c3c4d}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c66;background:linear-gradient(180deg,#c0392b,#a93226)}.btn-delete:active{transform:translateY(0)}.badge-male{background:linear-gradient(180deg,#4fc3f7,#29b6f6);color:#fff;padding:4px 12px;border-radius:15px;font-size:.85rem;font-weight:600}.badge-female{background:linear-gradient(180deg,#f48fb1,#ec407a);color:#fff;padding:4px 12px;border-radius:15px;font-size:.85rem;font-weight:600}@media (max-width: 768px){.users-header{padding:30px 20px}.users-header .header-content h1{font-size:1.5rem}.users-tabs{padding:15px 20px;gap:8px}.users-tabs .tab-btn{padding:10px 15px;font-size:.85rem}.users-container .table-container{margin:20px;overflow-x:auto}.users-container .data-table{min-width:800px}.users-container .data-table th,.users-container .data-table td{padding:12px 15px;font-size:.85rem}}.users-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.users-container .modal-content.user-detail-modal{background:#fff;border-radius:20px;max-width:600px;width:95%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease;direction:rtl;text-align:right}.users-container .modal-content.user-detail-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;border-radius:20px 20px 0 0}.users-container .modal-content.user-detail-modal .modal-header h2{margin:0;font-size:1.3rem}.users-container .modal-content.user-detail-modal .modal-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.users-container .modal-content.user-detail-modal .modal-close:hover{background:#ffffff4d}.users-container .modal-content.user-detail-modal .modal-body{padding:25px}.users-container .user-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.users-container .user-detail-item{background:#f8f9fa;border-radius:10px;padding:15px}.users-container .user-detail-item .user-detail-label{font-size:.8rem;color:#888;margin-bottom:5px;font-weight:600}.users-container .user-detail-item .user-detail-value{font-size:.95rem;color:#333;font-weight:700}@media (max-width: 500px){.users-container .user-detail-grid{grid-template-columns:1fr}}.services-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.services-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.services-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.services-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.services-header .header-content p{opacity:.95;font-size:1.1rem}.services-content{padding:30px}.btn-add-service{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:30px}.btn-add-service:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.service-actions{display:flex;gap:10px;margin-top:15px}.card-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.card-type-option{display:flex;flex-direction:column;align-items:center;padding:15px 10px;border:2px solid #e0e0e0;border-radius:10px;background:#f8f9fa;cursor:pointer;transition:all .3s ease}.card-type-option:hover{border-color:#4fc3f7;background:#e3f2fd}.card-type-option.selected{border-color:#4fc3f7;background:#e3f2fd;box-shadow:0 2px 8px #4fc3f733}.card-icon{font-size:24px;margin-bottom:5px}.card-icon-svg{display:inline-block;width:32px;height:32px;margin-bottom:5px;background-size:contain;background-repeat:no-repeat;background-position:center}.card-icon-svg[data-icon=gift-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M256 144c-16.5 0-32.1-6.4-43.9-18.2-11.8-11.8-18.2-27.4-18.2-43.9 0-16.5 6.4-32.1 18.2-43.9C224 26.4 239.5 20 256 20s32.1 6.4 43.9 18.2c11.8 11.8 18.2 27.4 18.2 43.9 0 16.5-6.4 32.1-18.2 43.9-11.8 11.7-27.4 18.1-43.9 18zM112 144H48c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h64v-96zm288 0v96h64c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-64zM112 272H48c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16h64V272zm144 0v208h112c8.8 0 16-7.2 16-16V288c0-8.8-7.2-16-16-16H256zm-32 0H112v208h112V272z'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=balloon-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M256 32C167.6 32 96 103.6 96 192c0 77.4 54.9 141.9 128 156.8V416h-32c-8.8 0-16 7.2-16 16s7.2 16 16 16h96c8.8 0 16-7.2 16-16s-7.2-16-16-16h-32v-67.2c73.1-14.9 128-79.4 128-156.8 0-88.4-71.6-160-160-160zm0 288c-70.7 0-128-57.3-128-128S185.3 64 256 64s128 57.3 128 128-57.3 128-128 128z'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=trophy-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M464 80h-60.1c-4.5-31.5-31.5-56-63.9-56H172c-32.4 0-59.4 24.5-63.9 56H48c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h28.5c13.3 30.9 36.8 56.3 66.8 71.7l-8.4 84.2c-.9 9.2 6.1 17.1 15.3 17.1h163.6c9.2 0 16.2-7.9 15.3-17.1l-8.4-84.2c30-15.4 53.5-40.8 66.8-71.7H464c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48zM48 208c-8.8 0-16-7.2-16-16v-64c0-8.8 7.2-16 16-16h44.1c-1.4 10.4-2.1 21-2.1 32 0 18.3 2.6 36 7.4 52.7-16.1-2.5-31.6-5.5-49.4-8.7zm416-16c0 8.8-7.2 16-16 16h-44.1c-1.4-10.4-2.1-21-2.1-32 0-18.3 2.6-36 7.4-52.7 16.1 2.5 31.6 5.5 49.4 8.7 8.8 0 16 7.2 16 16v64z'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=star-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z' stroke='%234FC3F7' stroke-width='32' fill='none'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=diamond-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M121.72 32.88L44.33 144h423.34l-77.39-111.12a16 16 0 00-13.28-6.88H135a16 16 0 00-13.28 6.88zM32 176l224 304 224-304H32z'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=heart-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z' stroke='%234FC3F7' stroke-width='32' fill='none'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=sparkles-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M259.92 262.91L216.4 149.77a9 9 0 00-16.8 0l-43.52 113.14a9 9 0 01-5.17 5.17L37.77 311.6a9 9 0 000 16.8l113.14 43.52a9 9 0 015.17 5.17l43.52 113.14a9 9 0 0016.8 0l43.52-113.14a9 9 0 015.17-5.17l113.14-43.52a9 9 0 000-16.8l-113.14-43.52a9 9 0 01-5.17-5.17zM108 68L88 16 68 68 16 88l52 20 20 52 20-52 52-20-52-20zM426.67 117.33L400 48l-26.67 69.33L304 144l69.33 26.67L400 240l26.67-69.33L496 144l-69.33-26.67z'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=ribbon-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='160' r='128' stroke='%234FC3F7' stroke-width='32' fill='none'/%3E%3Cpath fill='%234FC3F7' d='M143.65 227.82L48 400l86.65-.42a16 16 0 0113.15 6.71l49.77 67.31L256 320zm224.7 0L368.35 320l58.43 153.6 49.77-67.31a16 16 0 0113.15-6.71L576 400z'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=flower-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M215.08 156.92c-4.89-24-10.77-56.27-10.77-73.23A51.36 51.36 0 01256 32h0c28.55 0 51.69 23.69 51.69 51.69 0 16.5-5.85 48.95-10.77 73.23M215.08 355.08c-4.91 24.06-10.77 56.16-10.77 73.23A51.36 51.36 0 00256 480h0c28.55 0 51.69-23.69 51.69-51.69 0-16.54-5.85-48.93-10.77-73.23M355.08 215.08c24.06-4.91 56.16-10.77 73.23-10.77A51.36 51.36 0 01480 256h0c0 28.55-23.69 51.69-51.69 51.69-16.5 0-48.95-5.85-73.23-10.77M156.92 215.08c-24-4.89-56.25-10.77-73.23-10.77A51.36 51.36 0 0032 256h0c0 28.55 23.69 51.69 51.69 51.69 16.5 0 48.95-5.85 73.23-10.77' stroke='%234FC3F7' stroke-width='32' fill='none'/%3E%3Ccircle cx='256' cy='256' r='64' fill='%234FC3F7'/%3E%3C/svg%3E")}.card-icon-svg[data-icon=medal-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='352' r='112' stroke='%234FC3F7' stroke-width='32' fill='none'/%3E%3Cpath fill='%234FC3F7' d='M167.14 176h177.72l-27.71-96H194.85l-27.71 96z'/%3E%3Cpath stroke='%234FC3F7' stroke-width='32' fill='none' d='M160 176v112a144 144 0 00288 0V176M202.67 80h106.66'/%3E%3C/svg%3E")}.gift-preview-icon{display:inline-block;width:48px;height:48px;background-size:contain;background-repeat:no-repeat;background-position:center}.gift-preview-icon[data-icon=gift-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M256 144c-16.5 0-32.1-6.4-43.9-18.2-11.8-11.8-18.2-27.4-18.2-43.9 0-16.5 6.4-32.1 18.2-43.9C224 26.4 239.5 20 256 20s32.1 6.4 43.9 18.2c11.8 11.8 18.2 27.4 18.2 43.9 0 16.5-6.4 32.1-18.2 43.9-11.8 11.7-27.4 18.1-43.9 18zM112 144H48c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h64v-96zm288 0v96h64c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-64zM112 272H48c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16h64V272zm144 0v208h112c8.8 0 16-7.2 16-16V288c0-8.8-7.2-16-16-16H256zm-32 0H112v208h112V272z'/%3E%3C/svg%3E")}.gift-preview-icon[data-icon=balloon-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234FC3F7' d='M256 32C167.6 32 96 103.6 96 192c0 77.4 54.9 141.9 128 156.8V416h-32c-8.8 0-16 7.2-16 16s7.2 16 16 16h96c8.8 0 16-7.2 16-16s-7.2-16-16-16h-32v-67.2c73.1-14.9 128-79.4 128-156.8 0-88.4-71.6-160-160-160zm0 288c-70.7 0-128-57.3-128-128S185.3 64 256 64s128 57.3 128 128-57.3 128-128 128z'/%3E%3C/svg%3E")}.gift-preview-icon[data-icon=trophy-outline],.gift-preview-icon[data-icon=star-outline],.gift-preview-icon[data-icon=diamond-outline],.gift-preview-icon[data-icon=heart-outline],.gift-preview-icon[data-icon=sparkles-outline],.gift-preview-icon[data-icon=ribbon-outline],.gift-preview-icon[data-icon=flower-outline],.gift-preview-icon[data-icon=medal-outline]{background-size:contain;background-repeat:no-repeat;background-position:center}.gift-card-icon-wrapper{display:flex;align-items:center;justify-content:center}.cards-available-selector{display:flex;flex-direction:column;gap:12px;margin-top:10px;padding:15px;background:#f8f9fa;border-radius:10px}.card-checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.card-checkbox-item:hover{border-color:#4fc3f7;background:#f0f9ff}.card-checkbox-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4FC3F7}.card-checkbox-item input[type=checkbox]:checked+.card-checkbox-icon{color:#4fc3f7}.card-checkbox-icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.card-checkbox-icon[data-icon=school-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666' d='M32 192L256 64l224 128-224 128L32 192z' stroke='%23666' stroke-width='32' fill='none'/%3E%3Cpath fill='%23666' d='M112 240v128l144 80 144-80V240'/%3E%3C/svg%3E")}.card-checkbox-icon[data-icon=car-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666' d='M80 224l37.78-88.15C123.93 121.5 139.6 112 157.11 112h197.78c17.51 0 33.18 9.5 39.33 23.85L432 224M80 224h352v144H80V224z' stroke='%23666' stroke-width='32' fill='none'/%3E%3Ccircle cx='144' cy='288' r='16' fill='%23666'/%3E%3Ccircle cx='368' cy='288' r='16' fill='%23666'/%3E%3C/svg%3E")}.card-checkbox-icon[data-icon=water-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666' d='M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z' stroke='%23666' stroke-width='32' fill='none'/%3E%3C/svg%3E")}.card-checkbox-icon[data-icon=create-outline]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666' d='M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48' stroke='%23666' stroke-width='32' fill='none'/%3E%3Cpath fill='%23666' d='M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z'/%3E%3C/svg%3E")}.card-checkbox-item span{font-size:14px;font-weight:500;color:#333}.card-label{font-size:12px;color:#666;text-align:center}.gift-card-preview{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;border:3px solid #4FC3F7;padding:20px;box-shadow:0 4px 15px #0000001a;border:1px solid #dee2e6}.gift-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.gift-card-icon{font-size:28px}.gift-card-type{font-size:14px;font-weight:600;color:#666;background:#f8f9fa;padding:4px 8px;border-radius:5px}.gift-card-body{text-align:center}.gift-card-title{font-size:16px;font-weight:700;color:#000;margin-bottom:8px}.gift-card-desc{font-size:14px;color:#666;margin-bottom:10px;line-height:1.4}.gift-card-price{font-size:18px;font-weight:700;color:#4fc3f7}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:all .3s;font-family:inherit}.icon-selector{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;margin-top:10px}.icon-option{width:50px;height:50px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;font-size:24px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.icon-option:hover{border-color:#667eea;transform:scale(1.1)}.icon-option.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.15)}.preview-card{background:#f8f9fa;border-radius:15px;padding:20px;margin-top:30px}.preview-card h4{font-size:16px;color:#333;margin-bottom:15px}.service-preview{background:#fff;border-radius:15px;padding:25px;text-align:center;box-shadow:0 2px 10px #0000000d}.preview-name{font-size:20px;font-weight:700;color:#333;margin-bottom:10px}.preview-price{font-size:24px;font-weight:700;color:#667eea}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.icon-selector{grid-template-columns:repeat(5,1fr)}.modal-content{max-height:95vh}}.products-section{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:12px}.products-section h4{margin-bottom:15px;color:#333;font-size:16px}.add-product-form{margin-bottom:15px}.add-product-form select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:all .3s;font-family:inherit;background:#fff}.btn-add-product{background:#4fc3f7;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s;white-space:nowrap}.btn-add-product:hover{background:#3baed5}.product-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.product-icon{font-size:24px}.product-name{flex:1;font-weight:500;color:#333}.product-price{color:#4fc3f7;font-weight:600}.btn-remove-product{background:#f44;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;transition:background .3s}.btn-remove-product:hover{background:#c00}.products-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.products-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.products-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.products-header .header-content p{opacity:.95;font-size:1.1rem}.products-content{padding:30px}.btn-add-product{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:30px}.btn-add-product:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.product-image-container{width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;object-fit:cover}.product-placeholder{font-size:60px}.product-info{padding:20px}.product-info h3{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:8px}.product-info p{font-size:.9rem;color:#666;margin-bottom:12px;line-height:1.5}.product-price{display:inline-block;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.95rem}.product-actions{padding:15px 20px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end}.image-upload-container{position:relative}.image-upload-label{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s}.image-upload-label:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.image-preview{margin-top:15px;border-radius:12px;overflow:hidden;border:2px solid #e0e0e0;max-width:300px}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.orders-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.orders-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.orders-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.orders-header .header-content p{opacity:.95;font-size:1.1rem}.alerts-bar{background:#fff;padding:15px 30px;display:flex;gap:15px;flex-wrap:wrap;border-bottom:2px solid #fee}.alert{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:12px;font-weight:600;animation:alertPulse 2s ease-in-out infinite}@keyframes alertPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.alert-critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350;color:#c62828}.alert-warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ffa726;color:#e65100}.alert-icon{font-size:1.5rem}.alert-text{flex:1;font-size:.95rem}.alert-btn{padding:8px 16px;background:#fff;border:2px solid currentColor;border-radius:8px;cursor:pointer;font-weight:700;color:inherit;transition:all .3s ease}.alert-btn:hover{background:currentColor;color:#fff;transform:translateY(-2px)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px 30px;background:#fff;border-bottom:1px solid #eee}.stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 10px #0000000d}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.stat-card.critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ef5350}.stat-card.critical:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);box-shadow:0 8px 25px #ef53504d}.stat-card.urgent{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ffa726}.stat-card.urgent:hover{background:linear-gradient(135deg,#ffe0b2,#ffcc80);box-shadow:0 8px 25px #ffa7264d}.stat-card.warning{background:linear-gradient(135deg,#fff9c4,#fff59d);border-color:#ffeb3b}.stat-card.warning:hover{background:linear-gradient(135deg,#fff59d,#fff176);box-shadow:0 8px 25px #ffeb3b4d}.stat-card.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#66bb6a}.stat-card.success:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);box-shadow:0 8px 25px #66bb6a4d}.stat-icon{font-size:2.5rem;line-height:1}.stat-info{flex:1;text-align:right}.stat-value{font-size:2rem;font-weight:800;color:#333;line-height:1;margin-bottom:5px}.stat-label{font-size:.9rem;color:#666;font-weight:600}.orders-tabs .tab-btn.priority-critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ef5350;color:#c62828;font-weight:700}.orders-tabs .tab-btn.priority-critical:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);border-color:#e53935}.orders-tabs .tab-btn.priority-critical.active{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border-color:#c62828;box-shadow:0 4px 15px #f4433666}.orders-tabs .tab-btn.priority-urgent{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ffa726;color:#e65100;font-weight:700}.orders-tabs .tab-btn.priority-urgent:hover{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border-color:#fb8c00}.orders-tabs .tab-btn.priority-urgent.active{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border-color:#e65100;box-shadow:0 4px 15px #ff980066}.search-container{padding:15px 30px;background:#fff;border-bottom:1px solid #eee}.search-input-wrapper{display:flex;align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:0 15px;transition:all .3s ease;max-width:500px}.search-input-wrapper:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.search-icon{color:#667eea;font-size:1.1rem;margin-left:10px}.search-input{flex:1;border:none;background:transparent;padding:14px 12px;font-size:.95rem;font-family:Cairo,sans-serif;direction:rtl;outline:none}.search-input::placeholder{color:#999}.search-clear-btn{background:none;border:none;color:#999;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.search-clear-btn:hover{background:#fee;color:#e74c3c}.orders-tabs{display:flex;gap:10px;padding:20px 30px;background:#fff;box-shadow:0 2px 10px #0000000d;overflow-x:auto;position:sticky;top:0;z-index:100}.orders-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;color:#666;white-space:nowrap}.orders-tabs .tab-btn:hover{background:#f0f0ff;border-color:#667eea;color:#764ba2;transform:translateY(-2px)}.orders-tabs .tab-btn.active{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border-color:#764ba2;box-shadow:0 4px 15px #667eea4d}.orders-tabs .tab-icon{font-size:1.2rem}.orders-tabs .tab-btn.attention{background:#fff3cd;border-color:#ffc107;color:#856404}.orders-tabs .tab-btn.attention:hover{background:#ffe69c;border-color:#e0a800}.orders-tabs .tab-btn.attention.active{background:linear-gradient(180deg,#ffc107,#e0a800);color:#212529;border-color:#e0a800;box-shadow:0 4px 15px #ffc10766}.orders-container .table-container{margin:30px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #00000014}.orders-container .data-table{width:100%;border-collapse:collapse}.orders-container .data-table thead{background:linear-gradient(180deg,#667eea,#764ba2)}.orders-container .data-table th{padding:18px 20px;text-align:right;font-weight:600;color:#fff!important;font-size:.95rem}.orders-container .badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}.orders-container .badge-pending{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:1px solid #FFB74D}.orders-container .badge-accepted{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:1px solid #66BB6A}.orders-container .badge-on_the_way{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;border:1px solid #64B5F6}.orders-container .badge-arrived{background:linear-gradient(135deg,#e1f5fe,#b3e5fc);color:#01579b;border:1px solid #4FC3F7}.orders-container .badge-in_progress{background:linear-gradient(135deg,#fff9c4,#fff59d);color:#f57f17;border:1px solid #FDD835}.orders-container .badge-completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#1b5e20;border:1px solid #81C784}.orders-container .badge-cancelled{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#b71c1c;border:1px solid #E57373}.orders-container .data-table td{padding:16px 20px;text-align:right;border-top:1px solid #f0f0f0;color:#333;font-size:.9rem}.orders-container .data-table tbody tr{transition:all .3s ease}.orders-container .data-table tbody tr:hover{background:linear-gradient(135deg,#f5f7ff,#e8ecff);transform:scale(1.01);box-shadow:0 2px 10px #667eea1a}.orders-container .btn-view{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(180deg,#667eea,#764ba2)!important;color:#fff!important;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.orders-container .btn-view:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-assign-driver,.btn-change-driver{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease}.btn-assign-driver{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-change-driver{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:.75rem;padding:4px 8px}.btn-assign-driver:hover,.btn-change-driver:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.driver-assigned{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:15px;font-size:.85rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content.assign-driver-modal{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease;direction:rtl;text-align:right;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;flex-shrink:0}.modal-header h2{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:10px;flex-direction:row-reverse}.modal-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:25px;flex:1;overflow-y:auto;min-height:0}.order-summary-box{background:linear-gradient(135deg,#f8f9ff,#e8ecff);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e0e5ff}.order-summary-box h3{margin:0 0 15px;color:#667eea;font-size:1.1rem}.order-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.order-info-grid .info-item{display:flex;flex-direction:column;gap:4px}.order-info-grid .label{font-size:.8rem;color:#666}.order-info-grid .value{font-weight:600;color:#333}.order-info-grid .value.highlight{color:#667eea;font-size:1.1rem}.current-driver-info{margin-top:15px;padding-top:15px;border-top:1px dashed #ccc;display:flex;gap:10px;align-items:center}.current-driver-info .label{color:#666}.current-driver-info .value{font-weight:600;color:#e65100}.drivers-list-section h3{margin:0 0 5px;color:#333;font-size:1.1rem}.drivers-list-section .hint{color:#888;font-size:.85rem;margin:0 0 15px}.drivers-list{display:flex;flex-direction:column;gap:12px}.driver-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:18px;cursor:pointer;transition:all .3s ease;text-align:right;direction:rtl;display:flex;flex-direction:column;gap:8px}.driver-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea26}.driver-card.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8ecff);box-shadow:0 4px 20px #667eea40}.driver-card.has-conflict{border-color:#ff9800;background:#fff8e1}.driver-card.current{opacity:.6;cursor:not-allowed}.driver-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.driver-name{font-weight:700;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:8px}.current-badge{background:#e0e0e0;color:#666;padding:3px 10px;border-radius:10px;font-size:.75rem;font-weight:600}.driver-stats{display:flex;align-items:center;gap:8px}.status-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.status-badge.available{background:#e8f5e9;color:#2e7d32}.status-badge.busy{background:#fff3e0;color:#e65100}.busy-time{display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#e65100;font-size:.95rem;font-weight:600;padding:10px 15px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:10px;border:1px solid #FFE082}.busy-time svg{flex-shrink:0;font-size:1rem}.conflict-warning{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;padding:12px 16px;border-radius:10px;font-size:.95rem;font-weight:700;border:1px solid #EF9A9A;text-align:center}.map-section{margin-bottom:20px}.map-section h3{margin:0 0 12px;color:#333;font-size:1.1rem;display:flex;align-items:center;gap:8px}.map-container{border-radius:12px;overflow:hidden;border:2px solid #e0e0e0;box-shadow:0 4px 15px #0000001a}.map-hint{margin:10px 0 0;font-size:.85rem;color:#666;display:flex;align-items:center;gap:5px}.marker-red{color:#e74c3c;font-size:1.2rem}.marker-green{color:#27ae60;font-size:1.2rem}.distance-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border-radius:15px;font-size:.85rem;font-weight:600;border:1px solid #90CAF9}.active-orders-list{margin-top:12px;padding-top:12px;border-top:1px dashed #e0e0e0}.mini-order{font-size:.85rem;color:#666;padding:5px 0;display:flex;align-items:center;gap:5px}.more-orders{font-size:.8rem;color:#999;font-style:italic;margin-top:5px}.modal-footer{padding:20px 25px;background:#f8f9fa;display:flex;justify-content:flex-start;gap:12px;border-top:1px solid #e0e0e0;flex-shrink:0}.modal-footer .btn-cancel{padding:12px 25px;background:#e0e0e0;color:#666;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.modal-footer .btn-cancel:hover{background:#d0d0d0}.modal-footer .btn-confirm{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.modal-footer .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.modal-footer .btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-back{background:#f5f5f5;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:15px;transition:all .3s}.btn-back:hover{background:#e0e0e0}.status-badge-large{padding:12px 24px;border-radius:25px;color:#fff;font-weight:700;font-size:16px;box-shadow:0 2px 8px #0003}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:20px}.detail-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #f0f0f0}.detail-card.full-width{grid-column:1 / -1}.detail-card h3{font-size:18px;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.detail-row:last-child{border-bottom:none}.detail-row.total{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:15px;border-radius:10px;margin-top:10px;border:none}.detail-label{font-size:14px;color:#666;font-weight:600}.detail-value{font-size:14px;color:#333;font-weight:500;text-align:left}.detail-row.total .detail-value{font-size:20px;font-weight:700;color:#667eea}.products-list{display:flex;flex-direction:column;gap:10px}.product-item{display:flex;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:8px;font-size:14px}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:15px}.image-container{text-align:center}.image-container h4{font-size:16px;color:#666;margin-bottom:10px}.image-container img{width:100%;max-width:400px;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:transform .3s}.image-container img:hover{transform:scale(1.05)}.detail-row.cancellation-info{background:#ffebee;padding:12px 15px;border-radius:8px;margin-top:10px;border:1px solid #FFCDD2}.detail-row.cancellation-info .detail-label{color:#c62828}.btn-reschedule{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-reschedule:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.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}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:450px;box-shadow:0 10px 40px #0003;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #f0f0f0}.modal-header h3{margin:0;font-size:18px;color:#333}.modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#333}.modal-body{padding:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.current-schedule{background:#f8f9fa;padding:15px;border-radius:10px;margin-top:10px}.current-schedule p{margin:5px 0;color:#666}.modal-footer{display:flex;gap:10px;padding:20px 25px;border-top:1px solid #f0f0f0}.btn-cancel{flex:1;padding:12px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{flex:1;padding:12px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s}.btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.time-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.time-slot{padding:12px 8px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center;position:relative}.time-slot:hover:not(:disabled){border-color:#667eea;background:#f8f9ff}.time-slot.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.time-slot.booked{background:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed}.time-slot .booked-label{display:block;font-size:10px;color:#f44336;margin-top:2px}.time-slot.selected .booked-label{color:#ffcdd2}.hint-text{color:#666;font-size:14px;padding:15px;background:#f8f9fa;border-radius:10px;text-align:center}.hint-text.warning{background:#fff3e0;color:#e65100}@media (max-width: 768px){.order-details-grid,.images-grid{grid-template-columns:1fr}}.offers-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.offers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.offers-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.offers-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.offers-header .header-content p{opacity:.95;font-size:1.1rem}.offers-content{padding:30px}.btn-add-offer{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:30px}.btn-add-offer:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.offer-card{position:relative;min-height:400px}.offer-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;z-index:1}.offer-icon{font-size:48px;text-align:center;margin:20px 0 15px}.offer-desc{color:#666;font-size:13px;margin-bottom:15px;min-height:40px}.offer-details{background:#f8f9fa;border-radius:10px;padding:12px;margin-bottom:15px}.detail-item{display:flex;justify-content:space-between;margin-bottom:8px}.detail-item:last-child{margin-bottom:0}.detail-label{font-size:13px;color:#666}.detail-value{font-size:13px;font-weight:600;color:#333}.offer-price{display:flex;align-items:center;gap:12px;margin:15px 0;padding:12px;background:#f8f9fa;border-radius:10px}.old-price{text-decoration:line-through;color:#999;font-size:14px}.new-price{color:#667eea;font-size:24px;font-weight:700}.offer-features{background:#e8f5e9;border-radius:10px;padding:12px;margin-bottom:15px}.feature-item{font-size:13px;color:#2e7d32;margin-bottom:6px}.offer-actions{display:flex;gap:10px;margin-top:15px}.modal-content.large{max-width:900px}.offer-preview{background:#fff;border-radius:15px;padding:25px;text-align:center;box-shadow:0 2px 10px #0000000d;position:relative}.preview-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;padding:6px 12px;border-radius:15px;font-weight:700;font-size:12px}.preview-icon{font-size:48px;margin-bottom:15px}.preview-title{font-size:20px;font-weight:700;color:#333;margin-bottom:10px}.preview-desc{font-size:14px;color:#666;margin-bottom:15px;min-height:40px}.preview-info{display:flex;justify-content:center;gap:20px;margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:8px}.preview-info span{font-size:13px;color:#666;font-weight:600}.preview-prices{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px}.preview-old-price{text-decoration:line-through;color:#999;font-size:16px}.preview-new-price{color:#667eea;font-size:28px;font-weight:700}.modal-content.large{max-width:800px;width:95%;max-height:90vh;overflow-y:auto}.modal-body{padding:25px;max-height:calc(90vh - 150px);overflow-y:auto}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;text-align:right}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-family:Cairo,sans-serif;transition:all .3s;text-align:right;direction:rtl}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.image-upload-section{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.image-upload-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s}.image-upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.image-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:#f8f9fa;border-radius:12px;border:2px solid #e0e0e0}.image-preview img{max-width:200px;max-height:150px;border-radius:8px;object-fit:cover}.remove-image-btn{padding:8px 16px;background:#ffebee;color:#ff5252;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s}.remove-image-btn:hover{background:#ff5252;color:#fff}.modal-footer{display:flex;justify-content:flex-start;gap:15px;padding:20px 25px;border-top:1px solid #e0e0e0;background:#f8f9fa;border-radius:0 0 15px 15px}.btn-primary{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{padding:12px 30px;background:#fff;color:#666;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s}.btn-secondary:hover{border-color:#667eea;color:#667eea}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.modal-content.large{max-width:100%;margin:10px}}.gifts-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.gifts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.gifts-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.gifts-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.gifts-header .header-content p{opacity:.95;font-size:1.1rem}.gifts-content{padding:30px}.btn-add-gift{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:30px}.btn-add-gift:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.gift-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.gift-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.gift-image-container{width:100%;height:150px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.gift-image{width:100%;height:100%;object-fit:cover}.gift-placeholder{font-size:60px}.gift-info{padding:20px;text-align:center}.gift-info h3{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:8px}.gift-info p{font-size:.85rem;color:#666;margin-bottom:12px;line-height:1.5}.gift-price{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.9rem}.gift-actions{padding:15px 20px;border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:center}.image-upload-container{display:flex;flex-direction:column;align-items:center;gap:15px}.image-input{display:none}.image-upload-label{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s}.image-upload-label:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.image-preview{width:150px;height:150px;border-radius:12px;overflow:hidden;border:3px solid #667eea}.image-preview img{width:100%;height:100%;object-fit:cover}.card-checkbox-item-editable{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#f8f9fa;border-radius:10px;margin-bottom:10px;transition:all .3s}.card-checkbox-item-editable:hover{background:#e9ecef}.card-checkbox-item-editable input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.card-label-input{flex:1;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:Cairo,sans-serif;transition:all .3s;text-align:right}.card-label-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.card-label-input:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}.gift-codes-section{animation:fadeIn .3s ease}.gift-codes-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:25px}.gift-codes-stats .stat-card{background:#fff;border-radius:15px;padding:20px 25px;text-align:center;box-shadow:0 2px 10px #0000000d;transition:transform .2s}.gift-codes-stats .stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000001a}.gift-codes-stats .stat-number{font-size:1.8rem;font-weight:800;color:#333;margin-bottom:5px}.gift-codes-stats .stat-label{font-size:.85rem;color:#888;font-weight:600}.gift-codes-toolbar{display:flex;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.gift-codes-toolbar .search-box{position:relative;flex:1;min-width:250px}.gift-codes-toolbar .search-box input{width:100%;padding:12px 20px 12px 45px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-family:Cairo,sans-serif;transition:all .3s;background:#fff}.gift-codes-toolbar .search-box input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.gift-codes-toolbar .search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#aaa;font-size:1rem}.gift-code-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:6px;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;letter-spacing:1px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d}.empty-state .empty-icon{font-size:60px;margin-bottom:15px}.empty-state h3{font-size:1.3rem;color:#333;margin-bottom:10px}.empty-state p{color:#888;font-size:.95rem}.gift-code-text.clickable{cursor:pointer;transition:all .2s}.gift-code-text.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #667eea66}.gift-detail-modal{max-width:600px!important}.gift-detail-code-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;padding:25px;text-align:center;margin-bottom:25px}.gift-detail-code-label{font-size:.9rem;opacity:.9;margin-bottom:8px}.gift-detail-code-value{font-size:2rem;font-weight:800;letter-spacing:4px;font-family:Courier New,monospace}.gift-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.gift-detail-item{background:#f8f9fa;border-radius:10px;padding:15px}.gift-detail-item .gift-detail-label{font-size:.8rem;color:#888;margin-bottom:5px;font-weight:600}.gift-detail-item .gift-detail-value{font-size:.95rem;color:#333;font-weight:700}.gift-detail-message{background:#fff3e0;border-right:4px solid #ff9800;border-radius:10px;padding:15px;margin-bottom:20px}.gift-detail-message .gift-detail-label{font-size:.8rem;color:#888;margin-bottom:8px;font-weight:600}.gift-detail-message-text{font-size:1rem;color:#555;font-style:italic;line-height:1.6}.gift-detail-link{background:#f0f4ff;border-radius:10px;padding:15px}.gift-detail-link .gift-detail-label{font-size:.8rem;color:#888;margin-bottom:8px;font-weight:600}.gift-detail-link-btn{display:inline-block;color:#667eea;font-weight:600;font-size:.9rem;word-break:break-all;text-decoration:none;transition:color .2s}.gift-detail-link-btn:hover{color:#764ba2;text-decoration:underline}@media (max-width: 500px){.gift-detail-grid{grid-template-columns:1fr}}.coupons-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.coupons-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.coupons-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.coupons-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.coupons-header .header-content p{opacity:.95;font-size:1.1rem}.coupons-content{padding:30px}.btn-add-coupon{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:30px}.btn-add-coupon:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-edit{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s}.btn-delete{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffebee;color:#ff5252;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.data-table thead th{padding:15px;text-align:right;color:#fff;font-weight:600;font-size:14px;border:none}.data-table thead th:first-child{border-top-right-radius:10px}.data-table thead th:last-child{border-top-left-radius:10px}.data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .3s}.data-table tbody tr:hover{background:#f8f9fa}.data-table tbody td{padding:15px;text-align:right;color:#333;font-size:14px}.btn-edit{padding:8px 16px;background:#4fc3f7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s}.btn-edit:hover{background:#3baed5;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid #f0f0f0}.modal-header h2{font-size:24px;color:#333;margin:0}.modal-close{width:40px;height:40px;border:none;background:#f5f5f5;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s;color:#666}.modal-close:hover{background:#ff5252;color:#fff}.modal-body{padding:30px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:all .3s;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:5px;font-size:12px;color:#666}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:20px 30px;border-top:2px solid #f0f0f0}.btn-secondary{padding:12px 24px;background:#f5f5f5;color:#666;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#e0e0e0}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh}.table-container{padding:10px}.data-table{font-size:12px}.data-table thead th,.data-table tbody td{padding:10px}}.drivers-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.drivers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.drivers-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.drivers-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.drivers-header .header-content p{opacity:.95;font-size:1.1rem}.drivers-content{padding:30px}.btn-add-driver{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:30px}.btn-add-driver:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.drivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.driver-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.driver-card-detailed{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a;transition:transform .2s,box-shadow .2s}.driver-card-detailed:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.driver-card{transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #f0f0f0;position:relative;overflow:hidden}.driver-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.driver-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #667eea33}.driver-card:hover:before{opacity:1}.driver-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.driver-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;box-shadow:0 4px 12px #667eea4d;transition:transform .3s}.driver-card:hover .driver-avatar{transform:scale(1.1)}.driver-info{flex:1}.driver-info h3{margin:0 0 5px;font-size:18px;color:#333}.driver-info p{margin:0;font-size:14px;color:#666;direction:ltr;text-align:right}.status-badge{padding:8px 18px;border-radius:25px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.status-badge.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-badge.active:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:scale(1.05)}.status-badge.inactive{background:linear-gradient(135deg,#999,#777);color:#fff}.status-badge.inactive:hover{background:linear-gradient(135deg,#777,#555);transform:scale(1.05)}.driver-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.stat-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:18px;border-radius:12px;text-align:center;transition:all .3s;border:1px solid #e0e0e0}.stat-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.stat-label{display:block;font-size:11px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{display:block;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.driver-actions{display:flex;gap:10px}.driver-actions button{flex:1}.loading{text-align:center;padding:80px 20px;font-size:18px;color:#666}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@media (max-width: 1024px){.drivers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.drivers-grid{grid-template-columns:1fr}.driver-card{padding:20px}.driver-avatar{width:60px;height:60px;font-size:24px}.stat-value{font-size:20px}}.delay-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:12px;animation:pulse 2s infinite}.delay-alert.critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336;box-shadow:0 0 20px #f443364d}.delay-alert.warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;box-shadow:0 0 15px #ff980033}.alert-icon{font-size:28px;animation:shake .5s infinite}.alert-content{display:flex;flex-direction:column;gap:4px;flex:1}.alert-content strong{font-size:15px;color:#d32f2f}.delay-alert.warning .alert-content strong{color:#f57c00}.alert-content span{font-size:13px;color:#666}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.driver-card-detailed.critical-delay{border:3px solid #f44336;box-shadow:0 4px 20px #f443364d;animation:borderPulse 2s infinite}.driver-card-detailed.warning-delay{border:2px solid #ff9800;box-shadow:0 4px 15px #ff980033}@keyframes borderPulse{0%,to{box-shadow:0 4px 20px #f443364d}50%{box-shadow:0 4px 30px #f4433680}}.current-status{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;padding:16px;margin-bottom:20px;border-left:4px solid #2196F3}.current-status.idle{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-left-color:#9e9e9e}.status-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.status-icon{font-size:24px}.status-text{font-size:16px;font-weight:700;color:#1976d2}.current-status.idle .status-text{color:#757575}.order-details{background:#fff;border-radius:8px;padding:12px;font-size:14px;line-height:1.8}.order-details p{margin:4px 0;color:#555}.order-details strong{color:#333;margin-left:8px}.driver-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px;text-align:center;transition:all .3s;border:2px solid #e0e0e0}.stat-box:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.stat-box .stat-value{font-size:28px;font-weight:700;color:#333;margin-bottom:4px}.stat-box .stat-value.completed{color:#4caf50}.stat-box .stat-value.ongoing{color:#2196f3}.stat-box .stat-value.pending{color:#ff9800}.stat-box .stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.timer-section{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:10px;padding:12px;margin:12px 0;border:2px solid #FFB74D;animation:pulse 2s ease-in-out infinite}.timer-section.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50;animation:none}@keyframes pulse{0%,to{box-shadow:0 0 #ffb74d66}50%{box-shadow:0 0 0 8px #ffb74d00}}.timer-icon{font-size:24px;animation:tick 1s linear infinite}@keyframes tick{0%,50%{transform:rotate(0)}to{transform:rotate(360deg)}}.timer-label{font-size:14px;color:#e65100;font-weight:600}.timer-value{font-size:20px;font-weight:700;color:#e65100;font-family:Courier New,monospace;letter-spacing:2px;background:#fff;padding:4px 12px;border-radius:6px;border:1px solid #FFB74D}.timer-section.completed .timer-value{color:#2e7d32;border-color:#4caf50}.timer-section.completed .timer-label{color:#2e7d32}.timer-stopped{font-size:20px;margin-left:8px}.rating-section{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#fff9c4,#fff59d);border-radius:12px;padding:12px;margin-bottom:20px;border:2px solid #FFD54F}.rating-stars{font-size:20px;font-weight:700;color:#f57c00}.rating-label{font-size:13px;color:#666;font-weight:600}.driver-reviews-section{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-radius:12px;padding:15px;margin-bottom:20px;border:1px solid #ce93d8}.driver-reviews-section h4{margin:0 0 12px;color:#7b1fa2;font-size:14px}.driver-reviews-list{display:flex;flex-direction:column;gap:10px}.driver-review-item{background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 2px 5px #0000000d}.driver-review-item .review-stars{font-size:14px;margin-bottom:5px}.driver-review-item .review-text{font-size:12px;color:#555;font-style:italic;margin:0 0 5px;line-height:1.4}.driver-review-item .review-date{font-size:11px;color:#999}@media (max-width: 768px){.driver-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-box .stat-value{font-size:24px}.order-details{font-size:13px}}.filter-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.filter-btn:hover{border-color:#4fc3f7;background:#f0f9ff}.filter-btn.active{background:#4fc3f7;color:#fff;border-color:#4fc3f7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f9ff;border-radius:12px}.stat-info{flex:1}.stat-label{font-size:13px;color:#666;margin-bottom:5px}.table-container{overflow-x:auto;margin-top:20px}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table thead{background:#f5f5f5}.data-table th{padding:15px;text-align:right;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.data-table td{padding:15px;text-align:right;border-bottom:1px solid #f0f0f0}.data-table tbody tr:hover{background:#f9f9f9}.btn-view{padding:6px 16px;background:#4fc3f7;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background .3s}.btn-view:hover{background:#29b6f6}.rating-display{font-size:14px}.no-rating,.no-comment{color:#ccc}.comment-text{font-size:13px;color:#666;cursor:help}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.data-table{min-width:1000px}}.banners-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.banners-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.banners-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.banners-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.banners-header .header-content p{opacity:.95;font-size:1.1rem}.banners-content{padding:30px}.btn-add-banner{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:30px}.btn-add-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;margin-top:20px}.banner-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.banner-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.banner-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:#f5f5f5}.banner-image{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start}.banner-order{background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700}.banner-content{padding:20px}.banner-content h3{margin:0 0 12px;font-size:18px;color:#333}.banner-description{color:#666;font-size:14px;line-height:1.6;margin:0 0 12px}.banner-link{display:flex;align-items:center;gap:8px;padding:10px;background:#f5f5f5;border-radius:8px;margin-bottom:16px}.banner-link span:first-child{font-size:16px}.link-text{font-size:13px;color:#2196f3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid #eee}.banner-actions button{flex:1}.btn-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-delete{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#ffebee;color:#ff5252;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s}.btn-delete:hover{background:#ff5252;color:#fff;transform:translateY(-2px)}.banner-modal{max-width:600px;max-height:90vh;overflow-y:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-preview{margin-top:12px;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px;background:#f5f5f5;border-radius:8px;margin-top:8px}.checkbox-label span{font-weight:500}.empty-state{text-align:center;padding:60px 20px}.empty-state p{font-size:16px;color:#999;margin-bottom:20px}@media (max-width: 768px){.banners-grid,.form-row{grid-template-columns:1fr}.banner-modal{max-width:95%}}.onboarding-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.onboarding-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.onboarding-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.onboarding-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.onboarding-header .header-content p{opacity:.95;font-size:1.1rem}.onboarding-content{padding:30px}.btn-add-screen{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:30px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-add-screen:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.screens-list{display:flex;flex-direction:column;gap:25px}.screen-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #00000014;display:grid;grid-template-columns:80px 250px 1fr;gap:25px;align-items:start;transition:all .3s ease}.screen-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.screen-order{display:flex;flex-direction:column;align-items:center;gap:10px}.order-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 4px 15px #667eea4d}.order-controls{display:flex;flex-direction:column;gap:5px}.btn-order{background:#f0f0f0;border:none;width:35px;height:35px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#667eea}.btn-order:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.1)}.btn-order:disabled{opacity:.3;cursor:not-allowed}.screen-preview{width:250px;height:400px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 40px #0000004d;position:relative}.screen-preview:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:60px;height:5px;background:#ffffff4d;border-radius:3px;z-index:10}.screen-preview img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.emoji-preview{font-size:100px;text-align:center}.no-image{color:#ffffff80;font-size:.9rem}.screen-content{flex:1;display:flex;flex-direction:column;gap:20px}.screen-titles,.screen-descriptions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.title-group,.desc-group{display:flex;flex-direction:column;gap:8px}.title-group label,.desc-group label{font-size:.85rem;color:#666;font-weight:600}.title-group h3{margin:0;color:#333;font-size:1.3rem;line-height:1.4}.desc-group p{margin:0;color:#666;font-size:.95rem;line-height:1.6}.screen-meta{display:flex;gap:10px;align-items:center}.status-badge{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.status-badge.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:1px solid #81C784}.status-badge.inactive{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:1px solid #E57373}.screen-actions{display:flex;gap:10px}.btn-edit,.btn-delete{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 2px 10px #ff98004d}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff980066}.btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 2px 10px #f443364d}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f4433666}.onboarding-modal{max-width:900px;max-height:90vh;overflow-y:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-family:Cairo,sans-serif;transition:all .3s ease;direction:rtl}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.form-group small{color:#999;font-size:.85rem}.form-group input[type=file]{padding:10px;border:2px dashed #e0e0e0;border-radius:10px;cursor:pointer}.image-preview{margin-top:15px;border-radius:12px;overflow:hidden;max-width:300px;box-shadow:0 4px 15px #0000001a}.image-preview img{width:100%;height:auto;display:block}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{font-weight:600;color:#333}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014}.empty-state p{font-size:1.2rem;color:#999;margin-bottom:20px}.btn-primary{padding:14px 28px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{padding:14px 28px;background:#e0e0e0;color:#666;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#d0d0d0}.media-type-selector{display:flex;gap:10px}.media-type-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;background:#f8f9fa;color:#666;transition:all .3s ease;font-family:Cairo,sans-serif}.media-type-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea10,#764ba210);color:#667eea}.media-type-btn:hover:not(.active){border-color:#bbb;background:#f0f0f0}.video-preview{margin-top:15px;border-radius:12px;overflow:hidden;max-width:400px;box-shadow:0 4px 15px #0000001a}.video-preview-wrapper,.image-preview-wrapper{width:100%;height:100%;position:relative}.video-preview-wrapper video{position:absolute;top:0;left:0}.image-preview-wrapper img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.media-badge{position:absolute;bottom:12px;right:12px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:5px;z-index:5}.video-badge{background:#f44336e6;color:#fff}.image-badge{background:#667eeae6;color:#fff}.btn-splash{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #667eea;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#667eea10,#764ba210);color:#667eea;transition:all .3s ease;font-family:Cairo,sans-serif}.btn-splash:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.btn-splash-active{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #4CAF50;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;transition:all .3s ease;font-family:Cairo,sans-serif}.btn-splash-active:hover{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336;color:#fff}@media (max-width: 1200px){.screen-card{grid-template-columns:1fr}.screen-preview{margin:0 auto}.form-row{grid-template-columns:1fr}}.settings-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.settings-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.settings-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.settings-header .header-content p{opacity:.95;font-size:1.1rem}.settings-content{padding:30px}.settings-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.tab-btn{padding:12px 24px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .3s;white-space:nowrap}.settings-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.settings-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.settings-card h3{font-size:18px;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:8px;color:#666;font-size:14px;font-weight:600}.setting-item input[type=text],.setting-item input[type=email],.setting-item input[type=tel],.setting-item input[type=url],.setting-item input[type=number],.setting-item select,.setting-item textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:border-color .3s;font-family:inherit}.setting-item input:focus,.setting-item select:focus,.setting-item textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-item input:disabled,.setting-item select:disabled,.setting-item textarea:disabled{background:#f5f5f5;cursor:not-allowed}.setting-item textarea{resize:vertical;min-height:100px;line-height:1.6}.setting-item small{display:block;margin-top:6px;font-size:12px;color:#999}.setting-item input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer;accent-color:#667eea}.checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label span{font-size:14px;font-weight:500;color:#333}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-item span:first-child{font-weight:600;color:#666}.info-item span:last-child{color:#333}.btn-primary{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.settings-tabs{gap:8px}.tab-btn{font-size:13px;padding:10px 16px}}.notifications-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.notifications-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.notifications-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.notifications-header .header-content p{opacity:.95;font-size:1.1rem}.notifications-content{padding:30px;display:grid;grid-template-columns:1fr 400px;gap:30px}.notification-form-container{max-width:100%}.form-card,.preview-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 2px 10px #0000000d}.form-card h3,.preview-card h3{font-size:20px;color:#333;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.form-group label{display:block;font-size:14px;font-weight:600;color:#555;margin-bottom:8px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:100px}.users-list{max-height:300px;overflow-y:auto;border:2px solid #e0e0e0;border-radius:8px;padding:15px;background:#f8f9fa}.user-checkbox{display:flex;align-items:center;padding:10px;margin-bottom:8px;background:#fff;border-radius:6px;transition:all .2s}.user-checkbox:hover{background:#f0f0f0}.user-checkbox input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer}.user-checkbox label{margin:0;cursor:pointer;flex:1;font-weight:400}.form-actions{margin-top:30px;display:flex;justify-content:center}.btn-send{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-send:disabled{opacity:.6;cursor:not-allowed}.notification-preview{display:flex;align-items:flex-start;gap:15px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 4px 12px #0000001a}.preview-icon{font-size:40px;flex-shrink:0}.preview-content{flex:1}.preview-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.preview-message{font-size:14px;color:#666;line-height:1.5;margin-bottom:10px}.preview-time{font-size:12px;color:#999}.loading-small{text-align:center;padding:20px;color:#999}.notifications-tabs{display:flex;gap:10px;padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0}.tab-btn{padding:12px 25px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}.tab-btn:hover{border-color:#667eea;color:#667eea}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.templates-section{padding:30px}.templates-header{margin-bottom:25px}.templates-header h3{font-size:22px;color:#333;margin-bottom:10px}.templates-header p{color:#666;margin-bottom:5px}.template-hint{background:#fff3cd;padding:10px 15px;border-radius:8px;font-size:13px;margin-top:10px}.template-hint code{background:#ffc107;padding:2px 6px;border-radius:4px;font-family:monospace}.templates-list{display:flex;flex-direction:column;gap:20px}.template-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.template-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.template-type{font-size:16px;font-weight:700;color:#333}.template-desc{font-size:13px;color:#888}.template-content{position:relative}.template-row{margin-bottom:10px}.template-field{display:flex;gap:10px}.field-label{font-weight:600;color:#555;min-width:70px}.field-value{color:#333}.btn-edit-template{position:absolute;top:0;left:0;padding:8px 15px;background:#f0f0f0;border:none;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.btn-edit-template:hover{background:#667eea;color:#fff}.template-edit-form{background:#f8f9fa;padding:20px;border-radius:8px}.template-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.template-edit-form .form-group{margin-bottom:0}.template-edit-form input,.template-edit-form textarea{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit}.template-edit-form input:focus,.template-edit-form textarea:focus{outline:none;border-color:#667eea}.template-actions{display:flex;gap:10px;margin-top:15px}.btn-save{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.btn-save:hover{background:#218838}.btn-cancel{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.btn-cancel:hover{background:#c82333}.loading-templates,.no-templates{text-align:center;padding:40px;color:#666;background:#fff;border-radius:12px}@media (max-width: 1024px){.notifications-content{grid-template-columns:1fr}.preview-card{order:-1}.template-edit-form .form-row{grid-template-columns:1fr}}.area-search{margin-bottom:20px}.search-input-group{display:flex;gap:10px;margin-bottom:15px}.search-input{flex:1;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s;direction:rtl}.search-input:focus{outline:none;border-color:#4fc3f7}.search-btn{padding:12px 24px;background:#4fc3f7;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.search-btn:hover{background:#29b6f6}.search-btn:disabled{background:#ccc;cursor:not-allowed}.map-btn{padding:12px 20px;background:#66bb6a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.map-btn:hover{background:#4caf50}.search-results{background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:300px;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.search-result-item{padding:12px 15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f5f5f5}.result-icon{color:#4fc3f7;font-size:20px;flex-shrink:0}.result-info{flex:1;text-align:right}.result-name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.result-coords{font-size:12px;color:#999;font-family:monospace}.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAeCAYAAACWuCNnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAbvSURBVHic7dtdbBxXFQfw/9nZ3SRKwAP7UFFUQOoHqGnUoEAoNghX9tyxVcpD1X0J+WgiUQmpfUB5ACSgG1qJIKASqBIUIauqAbWseIlqb+bOWHVR6y0FKZBEqdIUQROIREGRx3FFvR/38ODZst3a3nE8Ywfv+T2t7hzdM3fle/bOnWtACCGEEEIIIYQQQgghhBBCCCGEEEIIIcRa0EbfgBDdFItFKwzDAa3175LuWylVAvBIR/MxrXUp6Vxx9dp4VyObVEdKKW591lonXgiVUg6AHzPzk9ls9meVSmUh6RzXkz179uQKhcIgM+8CACI6U6vVnp+enm6knXt4ePiuTCbzWQAwxlSDIHg57ZwroDAMnwKwz3XdBzzPG08hxzsTNprQG2lTjtd13WFmfghAP4A+AJcATFiW9YNKpfL3uP0kUliiX4SG1pqUUpx0wXJd9/PMXAGwPWq6yMyPz8/P/7xarf4nyVwt7QV4JWkU52i8YwBu6bh0wRhzJAiCF5POCQCDg4N2Pp//NYDRjkuTxph9QRCESeYrFov5ubm5R5n5AIAPtV1aYOb7BgYGTpZKJeO67lFmPsbM9/i+/8Ja8y6zylhOYquPXhsvAJRKpczMzMwTAIaJ6LFGo+HNzs5eKRQKNxPRAWb+CoAjWuvn4vS35skWFasxAAdbbUlOYqVUPwAPwI4lLr8J4KeWZT1eqVTmksoZ5d2QghUVKx/AlmVCFph5yPf9l5LMCwBKqUksFqszRHQcAJj5GwB2MfOE7/tfTDKf4zjHiejrAE4CuNhqZ+bf2rY9FYbhGBH92/O8o47j3Oj7/uUk86+3XhsvACilHmPmgW3btn3pxIkTVzuvj4yMfNoY85wxZiQIglPd+lvTZIuq5xiAQwCe6evr218ul5tr6bNd9GiiAbyvS+hFrfVHk8oLbEzBih4Dz+G9K6t3IaLXFhYWdib5eBh911UA8wBu1lq/CQBDQ0M3WJb1OoAdRPQZz/NeSSqnUuofAKpa6/vb26MfwacA7AdwFcCdWuu/JpU3yl1C91VHoquNXhvvyMjIx4wxr1iWtbNSqfxruTjHcR4AcMj3/bu79XnNe1hpFyvHcXYT0QS6FysASHR1tVEKhcIguhQrAGDm23K53BcATCWV27KsAWYGgPOtYgUAU1NT/1RKnQewxxjzOQCJFSwANwI4297QtmLfD+AtZr43m83OJ5iz3bGU+l1OT43XGFNk5mdXKlYAYNv2eBiG31dK3aS1vrRSbOZabqRYLFppFisAIKJxAB+MGf56krk30O64gZlMJnZsHMxsoo8fHxoauqHVHn3+BAAQUaxV57Xq2F54i5nvIaJXm81mYoX5etID491JRH/sFlQul5tEdMoYc3u32FUXrLYvObViBQDM/MQqwi8knX8jEJHpHrXIGJNo8WDm1spph2VZgeu6+5RSX7YsK8D/Xnb8Psmcnebm5h7G4uS9ysxutOH8VQC70sy7UTb7eImImTnWlgkzUyaT6fr3v6qC1fGL8EytVjuQRrECANu2fwHg1TixzPyXNO5hvTHz6VWE/znJ3L7vzxBRa9PzDmb+FYBfArgjajvd39+f9vGGKwACZh5te6mwmc8KburxMvO5TCbzqW5xxWLRArDbsqyu8z32HtZSxSrNM0Hlcrnpum6JmZ+NEb4pHglrtdrz+Xz+AoBbu4Ser9fra37d3YEBfBvAkq+XmfmbpVIp9grwWnie9zSAp9PMcT3Z7OPNZrO/aTQaf1BKfbd9X7RTGIaHmPlcnPNYsVZYSikOw7AB4CAzj/f19e1fjwOMnueVEeMxJJfLbYqCNT093TDGHAGw0qHYBQBH0vj+Pc+bYOb3HFRk5nHf9yeTzgfgMhF9uEvMTQD+71/vR3pqvJOTk28AeBJAeXR09P1LxbiuuxfA9wB8LU6fsVdYrUOhtm0fTusxcAlMRN+KziUt5SqAM3v37r00OZnGfFp/QRC86DjOUCaTGWPm2zoun8fiIbuZtPLX6/UH8/n8rQDuippertfrD6aRKyqOR5VS81ji8Z+IbmfmgwB+mEb+9dZr4wWA/v7+R6rV6k+azeYpx3EezeVyJ7dv335lfn7+lkajcZCZDzPzYd/3/xSnv9gFq3UuaR2LFQDA87xAKVUB8BEAZ6N9nrNEdEZr/TcArLVOPG8aJ9jj8n3/pcHBwZ1btmx5519zmPl0vV5/Ie2V7fT09Nujo6Nus9kcA4CtW7ce1lq/nUYu27a/Mzs7CyI6gMVX/u/CzJeZ+Ue2bcc9pb1aXc8lJZms18YLANE2wkOu694N4OFGo3E8DMMPAHiDiCaY+ZOb4YCsEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhEjYfwGO+b5dFNs4OgAAAABJRU5ErkJggg==);background-image:linear-gradient(transparent,transparent),url(/assets/spritesheet-DpIxuf5L.svg);background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAA8CAYAAAC6nMS5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAA16SURBVHic7d1/jBxneQfw7zNzvotdn+9sVQkxoRKoammBqqpbk6uT5mLfvHPn42yn1VFRVCEhoFH5IYpoSaUCKi1NcGkcfrbCVRFKEwG2aHLn83pmLvY2CTqT1AmCOBE0EOT4B0nBPw/snb2dp3/sLr6s77i923dud/a+H8ny7tzMo8f3eud99p133gGIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiFYGaXYCRETUPMYYrWe/MAzZX2QQ27d5OpqdABFROxgZGVlz5cqVrzuOc18QBJPNzofsYvvSYrVcgTVftZ2l6npgYODXHMc5oKoHHcfZHQTB2WbnRETpGRkZWVMoFA6IyO2qutX3/R1Z64TnO8fWOwLSzti+mSKDg4M3l0qlnSJyG4CbAFwP4ByAlwE8paoPX3fddcH4+PjP00yk5QqsrDPGvAZAHsBrReRNqvpeY8x/iMg9QRCcaXJ6ZIHv+xtUdReAHQBej/IHGABOAnhORMY6OjoempiYONe0JC3zPM84jjOqqrfi6r/3RQCPAdgXhmHUvOyaa3R01L1w4cJBALdVNq1W1THP87woir7ZzNyocWzf7PA8b4uI7E6S5A9Frqknb6j8eZOIvKNQKPzU9/1/dhznvlwuV0gjn5YbFapW09Vqu/Z9K9u2bdsNruvmUe50axUAfMV13X/I5XInlzcze2x/28lCu1b19fWt7u7u/hCAvwGwboHdL6jq7unp6T1TU1OXlyG9VAwODv5mkiR7Ady6wK6Plkqldz/yyCPfX468bBkaGuqamZm5E8DbReQNANYscMiLIrI1CILnZ280xrwHwL+hck4VkacBDLTS6HVaIxWt/Blm+zauldu3atOmTas2bNjwWRG5s7LplKp+VUQOuq77/bVr17589uzZ9SKy0XGcAVUdFZE/qOx7zHXdXWn0yy31i6sMw/4MyF6BZYy5XlWPiMhvL7BrrKpfcxznE7Uf4ixYqQWW53kbATw060NZr28nSbJzcnLyRBp5pcnzvNtE5CEAvXUecg7ArjAMH00xLWuGhoZuKpVKEwB+p85DXnRd9/ZcLvcDAOjv778un88XAChwtRMWkW+jxTpfYOV1wGxfO1q1fav6+vpWr1u3blxVtwH4uar+/fT09OcW+mJrjBkBcC+AXwdwBoAJw/AZm7m1zC+uUlyNA9g6189buZH7+/t/tbOz8wiANy7isKKqftV13U8eOnToe2nlZttKLLAqJ+qjAF69xBAnZ2Zmbj58+PApm3mlqTJydRTXFldHAUxVXvcBuLnm5+dU9c1RFP1v2jk2YmhoqKtUKj2B+jvfE0mS3D45OflD4OqcHADPh2H4F6h0wp7nva1YLOby+fz5dDKnerB9Vwzxff8BVX0bgFMAdoZheKzeg4eHh9cXi8WvAfAAvOC67ptzudz/WUvOVqBGVO7OmBCR/vn2adWOuL+/v7ezs3MSwKYlhkgAHBSRjwdB8JTF1FKx0gqsymXBxwH8XoOh/ieO41vz+fwVG3mlzRjzKF55WfA8gD8LwzA3ez/P87aLyIMAeqrbVDUfRdHty5Pp0hhjPgDgM9X3qnq/iNwPYM5RCdd1T1RPvLM63+q/ce/sTpiaj+27Mvi+f6eq/iuAi67r9uVyuWcXG6NSjB8B0KeqE1EUvcVWfk3v3OYZuXosjuPt+Xx+ull51WNgYKBHRKIlXDaaS6Kq+6Mo+lMLsVKz0gosz/M+KiKfsBTub8MwvMdSrNQYYzwAYc3m7bXFVZXv+8OqemD2NlUdiKLokbRybJQx5lsANlfefi4Mww/UedyvADgI4I9mbxeRDwdB8C92s0yHrc9wK3922b6Na+X2BYD+/v61nZ2dz6M8cX00DMP9S421ffv2V83MzDwHoNfmucuxEWSpslxcjYyMrHEcZ8xScQUAjoj8vqVYZIHv+xtE5MMWQ941PDy83mK8VIjIW2s2HZ2vuAKAIAgmADyxQIxWM3uu5J56DhgZGVkDYBw1nS+ApwB82VJeZAfbt82tWrXqPSgXV481UlwBwMGDB3+sqncDgIh81EZ+QBMLrKwXV5Uh5NoPYqMyN+m9nanqHVj4bsHF6InjeKfFeKmoLMUw+/2Ct6KLyOM1m2x/NmxbW30RhuGPFtp5jstGVU+JiNdqE57rEYahzB6lWOz7Fsf2be/2hYj8SeXlvTbiFYvFLwK4DOAWY8z1NmI2pcDKcnE1OjraWSgU9uPaD2LDRKSlJwavQCO2A4rIDtsxU7BxsQeoau2Jeak3BDTDL72kUm/n63neaFoJUkPYvm3G9/0NKN9gc7mrq6t2OsOSVGqPSQCuiAzaiLnsBVaWiysAuHDhwn4AQ2nEVtUfpBGXluwNKcRcaBmPVpDMfiMiW+o4pnafZM69MmYxnW9lsj9lCNs3m1T1tSjXL89aXo39WCX+62wEW9YCK+vFVcXLKcbmJcLW8qoUYmZhZOfFmvc3e563fb6djTFvwdUJxfPFyJx6O1/f999a6Xz5ZIwMYftm2o2Vv60+HUVETldeLnoUfy7LVmC1SXEFVf0YgFSeX5QkCQus9tfyIzsicnSObQ/6vj9cu71SXP1nPTGyplAo5FDT+arqk3Ecb5s9J0dV2flmENs3u0REgTmnJjRkVjwrd2Iuy3+adimuACCKotPGmC8A+GvLoZOZmZkXLMekBojIaVX9DcthTy+8S3MlSTIuIu+q2dyjqgeMMU8A+CYAUdUtAOa8izZJkvG081wG19xN5jjO4ByLTLrLlRBZxfbNrjMAICI3LrTjIlVHrqyMjKU+gtVOxVVVHMf/hHkWrGvAiawsQrlSqOqiF61rRkzbOjo6AsxfCG4G8FcAPvhLlih5qVgsWpl42kIyezcZ1YXtmy0/QvlqwG9V1i6zZRMAiIiV+dCpFljtWFwBQOUbzqcth+XlwdZjfRRGRMZsx7St8mT5zzcQ4r52+LKgqp9S1U8B+GTtZSPKPrZvdlXaagrAalU1NmJWCrVtAEqO4xyyETO1S4TtWlxVXbp06b7u7u6/BHCTjXiqygKrxYjIQ6p6L2Y9BqZB51etWtXyBRYAuK77hVKp9H5cnUxarzOu634xjZyWWxRFdzU7B0oP2zfbVPUbIrLFcZwPAfivRuOJyPtUdbWq5m09jzCVEax2L64AYGpq6rKq/qOteI7jsMBqMUEQnFXV3bbiqerdExMT52zFS1Mul7soIovugETkI7lc7mIaORERVRWLxS8BeElVb/F9v6EnR/i+f6Oq3gUAjuPYejSavQLLGKPVP4VC4Wd4ZXF1pKura7Bdiquq3t7efwfwnKVwLLBa0PT09B5U1kZp0BPFYvGzFuIsmyAI7kf5uWz1OhgEwTV3FLaoX5yLKosWLknNsZcayohsYvu2uUo98TEAUNW9vu8vad3CoaGhLlX9BoBeAONBEByxleNyLNPwWBzHOywvBtYS9u3bV1LVj1sKxwKrBU1NTV12XXcXgFMNhDmpqndkcF6SisifAzhRx76n4jh+Byzd3rwMjldfqOqSV+xPkmT2yvzH592RlhvbdwUIw3AvgAcArFPVcHBwcFHPBvZ9f0OpVDqA8qrwL8Rx/E6b+VkvsGqfZ9ROlwXnEkXRfgDfajCMXrx48Yc28iH7crncSVXdrKpPLvZYEXk6SZItURS1/PIMcwmC4KzjOCMAam9dn+0SgJ35fP4ny5SWDQ/Mer3HGLPoTtgYMyIiv3gOmqpmZfRuJWD7rgwax/G7UH7EzcYkSf7bGHNXX1/f6oUO9H1/Z+WcPoDysgw7bJ/DUl8Hq52LqwoVkb9T1WiRx8UoX158RlWfnJqaupxCbmRJFEWn+/r6buvu7v4ggI9g4Ynv50XknkKh8JkMjly9wqFDh77j+/6oqo4BqD1xXRaRPw6CwMZl1GXjuu6XSqXSOwH8LoD1AMaMMecA1PtF53WV4wCUC+menp699jOlpWD7rhz5fP5Kf3//UFdX132q+l4Ad3d3d7/fGPN1EZlQ1e/19PS8dPbs2fWu694kIgOqOqqqm4Dy4rKlUumOw4cPN3KVYk7WVkE1xsx5aSBLT+duhDEmQrkSnssZlIeXnxWRY6p6PI7j41nveFeq4eHh9XEc7xSRnQBej6t3kp5EuWh+OI7jh+dYsDDTfN/frKrjAKpPmv9pkiS7JicnH29mXku1devWV3d0dBxAuRNeMhF5ulgsjqRxgk7DfOfqxWr1czvbtzGt3r5zGRwc7FPV3ap6y0L7ishPAHx63bp1e/bt2xenkQ8LLEuMMZtE5JCqfhfAMwCeSZLkO2vWrDk+NjbGyZHUFjzP2yginwcAVX1fVi99Vo2OjnaeP3/+3SLydgBvBNBd56GXAHxXVR/s7e3dm9YJOg0rqQNm+y5dFtp3HmKM2QxgF8qr9b8GwA0AzgH4MYBjIjJ28eLFkFeOiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIhWgv8Hnffz4dmwY9cAAAAASUVORK5CYII=);background-image:linear-gradient(transparent,transparent),url(/assets/spritesheet-DpIxuf5L.svg)}.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#fff;font:11px/19px Helvetica Neue,Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:#00000080;border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px Helvetica Neue,Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:#00000080;border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:#fe57a11a;border:4px dashed rgba(254,87,161,.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}.simple-map-container{position:relative;width:100%;height:500px}.simple-map{width:100%;height:100%;border-radius:8px;border:2px solid #e0e0e0}.map-info-box{position:absolute;bottom:80px;left:10px;max-width:350px;background:#fff;padding:10px 12px;border-radius:6px;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;gap:10px;z-index:1000;flex-wrap:wrap;font-size:12px}.info-icon{color:#4fc3f7;font-size:18px;flex-shrink:0}.info-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:150px}.btn-confirm-area{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-confirm-area:hover{background:#45a049}.info-item{display:flex;align-items:center;gap:6px}.info-label{font-weight:600;color:#666;font-size:11px}.info-value{color:#333;font-size:11px;font-family:monospace}.areas-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.area-mini-item{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:10px;color:#666}.map-instructions{position:absolute;bottom:10px;left:10px;max-width:300px;background:#fffffff2;padding:8px 10px;border-radius:6px;text-align:right;z-index:1000;box-shadow:0 2px 6px #0000001a}.map-instructions p{margin:4px 0;font-size:11px;color:#666;line-height:1.4}.map-instructions p:first-child{font-weight:600;color:#333;font-size:12px;margin-bottom:6px;text-align:center}.instructions-list{display:flex;flex-direction:column;gap:4px}.instructions-list p{margin:0;padding:4px 8px;background:#f5f5f5;border-radius:3px;border-right:2px solid #4FC3F7}.leaflet-draw-toolbar a{background-color:#4fc3f7!important;border-radius:4px!important}.leaflet-draw-toolbar a:hover{background-color:#29b6f6!important}.leaflet-draw-actions{margin-top:5px!important}.leaflet-draw-actions a{background-color:#fff!important;color:#333!important;border:1px solid #ddd!important;border-radius:4px!important;padding:5px 10px!important;font-size:12px!important}.leaflet-draw-actions a:hover{background-color:#f5f5f5!important;border-color:#4fc3f7!important}.leaflet-interactive{cursor:move!important}.leaflet-editing-icon{background-color:#4fc3f7!important;border:2px solid white!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important}.area-requests-section{margin-top:40px;padding:20px;background:#f9f9f9;border-radius:12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:22px;color:#333;display:flex;align-items:center;gap:10px;margin:0}.total-badge{background:#4fc3f7;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.city-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.city-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.city-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.city-info{display:flex;align-items:center;gap:10px}.city-icon{color:#4fc3f7;font-size:24px}.city-card h3{margin:0;font-size:18px;color:#333}.vote-badge{background:#4caf50;color:#fff;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.requests-list{display:flex;flex-direction:column;gap:8px}.request-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f9f9f9;border-radius:6px;transition:background .2s}.request-item:hover{background:#f0f0f0}.request-info{display:flex;flex-direction:column;gap:4px;flex:1}.request-date{font-size:12px;color:#666;font-weight:600}.request-location{font-size:11px;color:#999;font-family:monospace}.btn-delete-request{background:#f44336;color:#fff;border:none;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.btn-delete-request:hover{background:#d32f2f}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-hint{display:block;font-size:13px;color:#bbb;margin-top:8px}.city-card.high-demand{border:2px solid #f44336;background:linear-gradient(135deg,#fff5f5,#ffebee)}.city-card.medium-demand{border:2px solid #FF9800;background:linear-gradient(135deg,#fffbf5,#fff3e0)}.vote-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.vote-badge.hot{background:linear-gradient(135deg,#f44336,#d32f2f);animation:pulse 1.5s infinite}.vote-badge.warm{background:linear-gradient(135deg,#ff9800,#f57c00)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.demand-label{font-size:11px;color:#f44336;font-weight:700}.area-name{font-size:12px;color:#666;display:block;margin-top:2px}.request-notes{font-size:12px;color:#4fc3f7;font-weight:500}.more-requests{text-align:center;padding:8px;background:#e3f2fd;border-radius:6px;font-size:12px;color:#1976d2;font-weight:600}.service-areas-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.service-areas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.service-areas-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.service-areas-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.service-areas-header .header-content p{opacity:.95;font-size:1.1rem}.service-areas-content{padding:30px}.btn-add-area{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:30px}.btn-add-area:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.page-header{display:flex;align-items:center;gap:8px}.btn-add:hover{background:#29b6f6;transform:translateY(-2px);box-shadow:0 4px 12px #4fc3f74d}.cities-container{display:flex;flex-direction:column;gap:20px}.city-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;overflow:hidden;transition:all .3s}.city-card:hover{box-shadow:0 4px 12px #0000001f}.city-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.city-header:hover{background:linear-gradient(180deg,#5568d3,#653a8b)}.city-info{display:flex;align-items:center;gap:15px}.city-info h2{margin:0;color:#fff;font-size:24px;display:flex;align-items:center;gap:10px}.areas-count{background:#fff3;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600}.city-actions{display:flex;gap:10px;align-items:center}.btn-icon{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:18px}.btn-icon svg{width:18px;height:18px;fill:currentColor}.area-item-actions svg,.city-actions svg,.area-item-header svg{width:16px;height:16px;fill:currentColor}.area-icon{color:#4fc3f7;font-size:18px}.btn-icon:hover{background:#ffffff59;transform:scale(1.1)}.city-actions .btn-icon:hover{background:#ffffff59}.city-actions .btn-icon.btn-add-area{background:#fff3}.city-actions .btn-icon.btn-add-area:hover{background:#ffffff59}.btn-expand{background:transparent;font-size:16px}.city-areas{padding:20px;background:#f9f9f9;display:flex;flex-direction:column;gap:12px}.area-item{background:#fff;border-radius:8px;padding:16px;border-left:4px solid #4FC3F7;transition:all .3s}.area-item:hover{box-shadow:0 2px 8px #0000001a;transform:translate(-2px)}.area-item.inactive{opacity:.6;border-left-color:#ccc}.area-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.area-item-info{display:flex;align-items:center;gap:12px}.area-item-info h4{margin:0;font-size:16px;color:#333}.area-item-actions{display:flex;gap:8px}.btn-small{background:transparent;border:none;color:#666;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:16px}.btn-small svg{width:16px;height:16px;fill:currentColor}.btn-small:hover{background:#f0f0f0}.btn-small.btn-toggle{background:#fff3e0;color:#f57c00}.btn-small.btn-toggle:hover{background:#ffe0b2;color:#e65100}.btn-small.btn-delete{background:#ffebee;color:#d32f2f}.btn-small.btn-delete:hover{background:#ffcdd2;color:#b71c1c}.area-item-details{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#666}.area-item-details span{display:flex;align-items:center;gap:4px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#f5f5f5;border-radius:12px;color:#999}.empty-state svg{color:#ccc;margin-bottom:15px}.empty-state p{font-size:18px;color:#666;margin:10px 0}.empty-hint{font-size:14px!important;color:#999!important}.area-header h3{margin:0;font-size:20px;color:#333}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#e8f5e9;color:#4caf50}.status-badge.inactive{background:#ffebee;color:#f44336}.area-details{margin-bottom:15px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5}.detail-row .label{color:#666;font-size:14px}.detail-row .value{color:#333;font-weight:500;font-size:14px}.detail-row .value.coords{font-family:monospace;font-size:12px}.area-actions{display:flex;gap:8px;margin-top:15px}.area-actions button{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.header-actions{display:flex;align-items:center;gap:10px}.fullscreen-btn{background:#4fc3f7;color:#fff;border:none;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;font-size:18px}.fullscreen-btn:hover{background:#29b6f6}.modal-header h2{margin:0;font-size:22px;color:#333}.close-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.close-btn:hover{color:#333}form{padding:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#4fc3f7}.form-group small{display:block;margin-top:6px;color:#999;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin-left:8px;cursor:pointer}.checkbox-group span{font-weight:400}.form-actions{display:flex;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #f0f0f0}.form-actions button{flex:1;padding:12px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#4fc3f7;color:#fff}.btn-submit:hover{background:#29b6f6}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#666}.btn-map{width:100%;padding:12px;background:#e3f2fd;color:#1976d2;border:2px dashed #1976D2;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s;margin-bottom:8px}.btn-map:hover{background:#bbdefb;border-style:solid}.map-modal{max-width:800px}.map-modal-large{max-width:95vw;max-height:95vh;width:1200px}.map-container{padding:20px}.map-container iframe{border-radius:8px;margin-bottom:15px}.map-container-interactive{padding:20px;max-height:70vh;overflow:auto}.map-instructions{background:#f5f5f5;padding:15px;border-radius:8px;text-align:center}.map-instructions p{margin:8px 0;color:#666;font-size:14px}.map-hint{font-size:12px!important;color:#999!important}.btn-google-maps{display:inline-block;margin-top:10px;padding:10px 20px;background:#4285f4;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;transition:background .2s}.btn-google-maps:hover{background:#357ae8}.map-actions{padding:15px 20px;border-top:1px solid #f0f0f0;text-align:center}.modal-large{max-width:800px;width:90%}.areas-section{background:#f9f9f9;padding:20px;border-radius:8px;margin:20px 0}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:15px}.section-header h3{font-size:18px;color:#333;margin:0;display:flex;align-items:center;gap:8px}.added-areas{margin-top:20px}.area-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:15px;margin-bottom:15px;transition:border-color .2s}.area-item:hover{border-color:#4fc3f7}.area-item-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.area-icon{color:#4fc3f7;font-size:20px}.area-name{flex:1;font-size:16px;font-weight:600;color:#333}.btn-remove{background:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:background .2s}.btn-remove:hover{background:#d32f2f}.area-item-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-row{display:flex;flex-direction:column;gap:6px}.detail-row label{font-size:12px;color:#666;font-weight:600}.detail-row input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.detail-row input:focus{outline:none;border-color:#4fc3f7}.btn-submit{display:flex;align-items:center;gap:8px;justify-content:center}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.btn-edit,.btn-delete{display:flex;align-items:center;gap:6px}.modal-map{max-width:1200px;width:95%;max-height:90vh}.modal-map.fullscreen{max-width:100vw;width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0}.map-content{padding:20px}.modal-map.fullscreen .map-content{padding:10px;height:calc(100vh - 140px)}.modal-map.fullscreen .simple-map-container{height:100%}.modal-footer{padding:15px 20px;border-top:1px solid #f0f0f0;background:#f9f9f9;text-align:center}.map-hint{margin:0;color:#666;font-size:14px}:root{--primary-cyan: #1c7daa;--dark-cyan: #055963;--light-cyan: #B2EBF2;--bg-white: #FFFFFF;--bg-light: #F8F9FA;--text-dark: #2C3E50;--text-gray: #6C757D;--shadow: rgba(79, 195, 247, .15)}.landing-page{font-family:Cairo,sans-serif;overflow-x:hidden;background:var(--bg-white)}.landing-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-white)}.loading-logo-wrapper{animation:pulse 1.5s ease-in-out infinite}.loading-logo{max-width:300px;max-height:150px;object-fit:contain}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.loading-spinner{width:60px;height:60px;border:4px solid var(--light-cyan);border-top-color:var(--primary-cyan);border-radius:50%;animation:spin 1s linear infinite}.hero-section-gradient{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fff,#f0f9ff);color:var(--text-dark);text-align:center}.gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff,#f0f9ff);z-index:1}.hero-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;overflow:hidden}.shape{position:absolute;border-radius:50%;background:#4fc3f714;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:15%;animation-delay:5s}.shape-3{width:150px;height:150px;bottom:20%;left:20%;animation-delay:10s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.hero-content-modern{position:relative;z-index:3;max-width:900px;padding:40px 20px}.hero-icon-wrapper{margin-bottom:30px;animation:bounce 2s infinite}.hero-logo-wrapper{margin:0 auto 30px;animation:bounce 2s infinite}.hero-logo{max-width:600px;max-height:180px;object-fit:contain;filter:drop-shadow(0 10px 30px var(--shadow))}.hero-main-icon{font-size:80px;color:var(--primary-cyan);filter:drop-shadow(0 10px 30px var(--shadow))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-title-gradient{font-size:4rem;font-weight:800;margin-bottom:20px;color:var(--text-dark);animation:fadeInUp 1s ease-out}.hero-subtitle-modern{font-size:1.5rem;margin-bottom:40px;color:var(--text-gray);font-weight:300;animation:fadeInUp 1s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{margin-bottom:60px;animation:fadeInUp 1s ease-out .4s both}.btn-gradient-primary{display:inline-flex;align-items:center;gap:10px;padding:18px 45px;font-size:1.2rem;font-weight:600;color:#fff;background:var(--primary-cyan);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px var(--shadow)}.btn-gradient-primary:hover{background:var(--dark-cyan);transform:translateY(-3px);box-shadow:0 15px 40px #4fc3f74d}.btn-icon{transition:transform .3s ease}.btn-gradient-primary:hover .btn-icon{transform:translate(5px)}.hero-features{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.hero-feature{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:var(--text-dark);background:#fff;padding:12px 25px;border-radius:30px;box-shadow:0 5px 20px #00000014}.feature-icon{font-size:1.5rem;color:var(--primary-cyan)}.wave-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;z-index:3}.wave-bottom svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px}.wave-bottom path{fill:var(--bg-white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header-modern{text-align:center;margin-bottom:60px}.section-title-gradient{font-size:3rem;font-weight:700;color:var(--text-dark);margin-bottom:15px}.title-underline{width:100px;height:4px;background:var(--primary-cyan);margin:0 auto;border-radius:2px}.about-section-modern{padding:100px 0;background:var(--bg-white)}.about-description-modern{font-size:1.3rem;line-height:1.8;color:var(--text-gray);text-align:center;max-width:800px;margin:0 auto 60px}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.about-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:2px solid transparent}.about-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px var(--shadow);border-color:var(--light-cyan)}.about-card-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--primary-cyan);border-radius:50%;color:#fff;font-size:2rem}.about-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-dark)}.about-card p{color:var(--text-gray);line-height:1.6}.services-section-modern{padding:100px 0;background:var(--bg-light)}.services-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card-modern{perspective:1000px}.service-card-inner{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:2px solid transparent}.service-card-modern:hover .service-card-inner{transform:translateY(-10px);border-color:var(--primary-cyan);box-shadow:0 20px 50px var(--shadow)}.service-icon-modern{width:70px;height:70px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--primary-cyan);border-radius:50%;color:#fff;font-size:2rem}.service-icon-emoji{font-size:4rem;margin:0 auto 20px;text-align:center}.service-icon-react{font-size:4rem;margin:0 auto 20px;text-align:center;color:var(--primary-cyan);display:flex;align-items:center;justify-content:center}.service-name{font-size:1.5rem;margin-bottom:15px;color:var(--text-dark);text-align:center}.service-description{color:var(--text-gray);line-height:1.6;margin-bottom:20px;text-align:center}.service-features-list{text-align:right;margin-top:20px}.service-feature-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--text-gray);font-size:.95rem}.feature-check-icon{color:#4caf50;font-size:1rem;flex-shrink:0}.service-price-modern{text-align:center;margin:20px 0}.price-amount{font-size:2.5rem;font-weight:700;color:var(--primary-cyan)}.price-currency{font-size:1.2rem;color:var(--text-gray);margin-right:5px}.service-btn{width:100%;padding:12px 24px;background:var(--primary-cyan);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.service-btn:hover{background:var(--dark-cyan);transform:scale(1.05);box-shadow:0 5px 20px var(--shadow)}.stats-section-modern{position:relative;padding:100px 0;background:var(--bg-white);overflow:hidden}.stats-gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f0f9ff,#fff);z-index:1}.stats-section-modern .container{position:relative;z-index:2}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.stat-card-modern{text-align:center;padding:40px 30px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;border:2px solid transparent;transition:all .3s ease}.stat-card-modern:hover{transform:translateY(-10px);border-color:var(--primary-cyan);box-shadow:0 20px 50px var(--shadow)}.stat-icon-modern{font-size:3rem;margin-bottom:20px;color:var(--primary-cyan)}.stat-number-modern{font-size:3.5rem;font-weight:800;margin-bottom:10px;color:var(--text-dark)}.stat-label-modern{font-size:1.2rem;color:var(--text-gray)}.testimonials-section-modern{padding:100px 0;background:var(--bg-light)}.testimonials-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.testimonial-card-modern{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #00000014;position:relative;transition:all .3s ease;border:2px solid transparent}.testimonial-card-modern:hover{transform:translateY(-10px);box-shadow:0 20px 50px var(--shadow);border-color:var(--light-cyan)}.testimonial-quote{position:absolute;top:20px;right:20px;font-size:4rem;color:var(--light-cyan);opacity:.5;font-family:Georgia,serif}.testimonial-stars{color:var(--primary-cyan);font-size:1.2rem;margin-bottom:20px;display:flex;gap:5px}.testimonial-text-modern{font-size:1.1rem;line-height:1.8;color:var(--text-gray);margin-bottom:25px;font-style:italic}.testimonial-author-modern{display:flex;align-items:center;gap:15px}.author-avatar{width:50px;height:50px;border-radius:50%;background:var(--primary-cyan);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.author-info{display:flex;flex-direction:column;text-align:right}.author-info strong{font-size:1.1rem;color:var(--text-dark);margin-bottom:5px}.author-info span{color:var(--text-gray);font-size:.9rem}.portfolio-section-modern{padding:100px 0;background:var(--bg-white)}.portfolio-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.portfolio-item-modern{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:all .3s ease;cursor:pointer}.portfolio-item-modern:hover{transform:translateY(-10px);box-shadow:0 20px 50px var(--shadow)}.portfolio-item-modern img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .3s ease}.portfolio-item-modern:hover img{transform:scale(1.1)}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4fc3f7e6,#0097a7e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio-item-modern:hover .portfolio-overlay{opacity:1}.portfolio-icon{font-size:3rem;color:#fff;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.areas-section-modern{padding:100px 0;background:var(--bg-light)}.areas-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.area-card-modern{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:#fff;border-radius:15px;font-size:1.1rem;font-weight:600;color:var(--text-dark);transition:all .3s ease;border:2px solid var(--light-cyan);box-shadow:0 5px 15px #0000000d}.area-card-modern:hover{background:var(--primary-cyan);color:#fff;transform:scale(1.05);border-color:var(--primary-cyan);box-shadow:0 10px 30px var(--shadow)}.area-icon{font-size:1.5rem}.download-section-modern{position:relative;padding:100px 0;background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--dark-cyan) 100%);color:#fff;overflow:hidden}.download-gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.download-section-modern .container{position:relative;z-index:2}.download-content{text-align:center}.download-title{font-size:3rem;font-weight:700;margin-bottom:20px}.download-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.95}.download-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.download-btn{display:flex;align-items:center;gap:15px;padding:15px 30px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:15px;color:#fff;text-decoration:none;transition:all .3s ease}.download-btn:hover{background:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.download-icon{font-size:2.5rem}.download-text{display:flex;flex-direction:column;align-items:flex-start;text-align:right}.download-small{font-size:.9rem;opacity:.9}.download-large{font-size:1.3rem;font-weight:700}.contact-section-modern{padding:100px 0;background:var(--bg-light)}.contact-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.contact-card-modern{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:2px solid transparent}.contact-card-modern:hover{transform:translateY(-10px);box-shadow:0 20px 50px var(--shadow);border-color:var(--light-cyan)}.contact-icon-modern{width:70px;height:70px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--primary-cyan);border-radius:50%;color:#fff;font-size:2rem}.contact-card-modern h3{font-size:1.3rem;margin-bottom:15px;color:var(--text-dark)}.contact-card-modern a,.contact-card-modern p{color:var(--text-gray);text-decoration:none;transition:color .3s ease}.contact-card-modern a:hover{color:var(--primary-cyan)}.footer-modern{position:relative;padding:60px 0 30px;background:var(--text-dark);color:#fff}.footer-gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.footer-modern .container{position:relative;z-index:2}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo-img{max-height:60px;max-width:200px;object-fit:contain;margin-bottom:15px}.footer-logo-icon{font-size:3rem;color:#fff;margin-bottom:15px;opacity:.9}.footer-logo p{opacity:.8;font-size:.9rem}.footer-links{display:flex;gap:20px;align-items:center}.footer-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-cyan)}.footer-divider{opacity:.5}.footer-social{display:flex;gap:15px}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4fc3f733;border-radius:50%;color:#fff;font-size:1.2rem;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:var(--primary-cyan);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);opacity:.7}.footer-developer{margin-top:10px;font-size:.9rem}.footer-developer a{color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease}.footer-developer a:hover{color:var(--light-cyan);text-decoration:underline}@media (max-width: 768px){.hero-title-gradient{font-size:2.5rem}.hero-subtitle-modern{font-size:1.2rem}.hero-main-icon{font-size:60px}.section-title-gradient{font-size:2rem}.hero-features{gap:15px}.hero-feature{font-size:.9rem;padding:10px 15px}.about-cards,.services-grid-modern,.testimonials-grid-modern,.areas-grid-modern,.contact-grid-modern{grid-template-columns:1fr}.stats-grid-modern{grid-template-columns:1fr;gap:20px}.download-buttons{flex-direction:column;align-items:center}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-direction:column}}@media (max-width: 480px){.hero-title-gradient{font-size:2rem}.btn-gradient-primary{padding:15px 30px;font-size:1rem}.stat-number-modern{font-size:2.5rem}.download-title{font-size:2rem}}.landing-admin-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.landing-admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.loading-spinner-modern{width:60px;height:60px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.landing-admin-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.header-content p{opacity:.95;font-size:1.1rem}.landing-admin-tabs{display:flex;gap:10px;padding:20px 30px;background:#fff;box-shadow:0 2px 10px #0000000d;overflow-x:auto;position:sticky;top:0;z-index:100}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;color:#666;white-space:nowrap}.tab-btn:hover{background:#f0f0ff;border-color:#667eea;color:#764ba2;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border-color:#764ba2;box-shadow:0 4px 15px #667eea4d}.tab-icon{font-size:1.2rem}.landing-admin-content{max-width:1400px;margin:30px auto;padding:0 30px}.section-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.section-header h2{font-size:1.8rem;color:#2c3e50;margin-bottom:8px;display:flex;align-items:center;gap:12px}.section-header p{color:#666;font-size:.95rem}.btn-save{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-add{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-delete-small{position:absolute;top:10px;left:10px;padding:8px;background:#ff5252;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;z-index:10}.btn-delete-small:hover{background:#d32f2f;transform:scale(1.1)}.btn-delete-overlay{position:absolute;bottom:10px;right:10px;padding:8px 16px;background:#ff5252f2;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-weight:600}.btn-delete-overlay:hover{background:#d32f2f}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#2c3e50;font-size:.95rem}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-inline{display:flex;gap:10px}.form-inline input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px}.service-card-admin{position:relative;background:linear-gradient(135deg,#f8f9fa,#fff);padding:25px;border-radius:15px;border:2px solid #e0e0e0;transition:all .3s ease;text-align:center}.service-card-admin:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea33;border-color:#667eea}.service-icon-large{font-size:3rem;color:#667eea;margin-bottom:15px}.service-card-admin h3{font-size:1.3rem;color:#2c3e50;margin-bottom:15px}.features-list-admin{list-style:none;padding:0;text-align:right}.features-list-admin li{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#666;font-size:.9rem}.features-list-admin li svg{color:#4caf50;flex-shrink:0}.icon-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}.icon-btn{padding:15px;font-size:1.8rem;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#666}.icon-btn:hover{background:#f0f0ff;border-color:#667eea;transform:scale(1.05)}.icon-btn.active{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border-color:#764ba2;box-shadow:0 4px 15px #667eea4d}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.testimonial-card-admin{position:relative;background:#fff;padding:25px;border-radius:15px;border:2px solid #e0e0e0;transition:all .3s ease}.testimonial-card-admin:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea33;border-color:#667eea}.testimonial-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.testimonial-header h4{font-size:1.1rem;color:#2c3e50;margin-bottom:4px}.testimonial-header p{font-size:.9rem;color:#999}.testimonial-text{color:#666;font-style:italic;line-height:1.6;text-align:right}.areas-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.area-tag{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:25px;font-weight:600;color:#2c3e50;transition:all .3s ease}.area-tag:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.area-tag svg{color:#667eea}.area-tag button{background:none;border:none;color:#ff5252;cursor:pointer;padding:4px;display:flex;align-items:center;transition:all .3s ease}.area-tag button:hover{transform:scale(1.2)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.portfolio-item-admin{position:relative;border-radius:15px;overflow:hidden;border:2px solid #e0e0e0;transition:all .3s ease}.portfolio-item-admin:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea33;border-color:#667eea}.portfolio-item-admin img{width:100%;height:250px;object-fit:cover;display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card-admin{background:linear-gradient(135deg,#f8f9fa,#fff);padding:30px;border-radius:15px;border:2px solid #e0e0e0;text-align:center;transition:all .3s ease}.stat-card-admin:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea33;border-color:#667eea}.stat-icon{font-size:3rem;color:#667eea;margin-bottom:15px}.stat-card-admin label{display:block;font-weight:600;color:#2c3e50;margin-bottom:10px;font-size:1.1rem}.stat-card-admin input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:1.5rem;font-weight:700;text-align:center;color:#667eea}.logo-preview-section{display:flex;justify-content:center;margin-bottom:30px}.logo-preview{padding:30px;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:15px;display:flex;align-items:center;justify-content:center;min-height:200px}.logo-preview img{max-width:300px;max-height:150px;object-fit:contain}.add-new-section{background:linear-gradient(135deg,#f5f5ff,#f0f0ff);padding:25px;border-radius:15px;border:2px dashed #667eea;margin-top:30px}.add-new-section h3{color:#764ba2;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:1.2rem}@media (max-width: 768px){.landing-admin-header{padding:30px 20px}.header-content h1{font-size:1.5rem}.landing-admin-tabs{padding:15px 20px}.tab-btn{padding:10px 15px;font-size:.9rem}.landing-admin-content{padding:0 20px}.section-card{padding:20px}.section-header{flex-direction:column;gap:15px}.section-header h2{font-size:1.4rem}.form-grid,.services-grid,.testimonials-grid,.portfolio-grid{grid-template-columns:1fr}.icon-selector-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 480px){.landing-admin-tabs{gap:5px}.tab-btn{padding:8px 12px;font-size:.85rem}.tab-label{display:none}.tab-icon{font-size:1.3rem}}.order-reviews-section{background:linear-gradient(135deg,#f8f9ff,#e8f4fd);border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid #e0e8f5}.order-reviews-section h3{color:#667eea;margin-bottom:8px;display:flex;align-items:center;gap:10px}.section-hint{color:#888;font-size:.9rem;margin-bottom:20px}.no-reviews-message{color:#666;font-size:1rem;text-align:center;padding:30px;background:#f9f9f9;border-radius:10px;border:2px dashed #ddd}.order-reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.order-review-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014;position:relative;transition:all .3s ease;border:2px solid transparent}.order-review-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0000001f}.order-review-card.published{border-color:#4caf50;background:linear-gradient(135deg,#f0fff0,#e8f5e9)}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.review-header .avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.review-info{flex:1}.review-info h4{margin:0;color:#333;font-size:1rem}.review-date{color:#888;font-size:.85rem;margin:0}.review-rating{font-size:1.1rem}.review-comment{color:#555;font-style:italic;line-height:1.6;margin:0 0 15px;padding:10px;background:#f8f9fa;border-radius:8px;border-right:3px solid #667eea}.review-actions{display:flex;gap:10px}.btn-publish{flex:1;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-publish:hover{transform:scale(1.02);box-shadow:0 3px 10px #4caf504d}.btn-unpublish{flex:1;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-unpublish:hover{transform:scale(1.02);box-shadow:0 3px 10px #f443364d}.published-badge{position:absolute;top:10px;left:10px;background:#4caf50;color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.from-order-badge{display:inline-block;background:#667eea;color:#fff;padding:3px 8px;border-radius:12px;font-size:.7rem;margin-top:10px}.manual-testimonials-section{margin-top:30px}.manual-testimonials-section h3{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee}.testimonial-rating{margin:10px 0;font-size:1rem}@media (max-width: 768px){.order-reviews-grid{grid-template-columns:1fr}}.legal-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;direction:rtl;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef3)}.legal-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a1929,#1a2332)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(79,195,247,.2);border-top-color:#4fc3f7;border-radius:50%;animation:spin 1s linear infinite}.legal-header{background:linear-gradient(135deg,#0a1929,#1a2332);color:#fff;padding:60px 20px;text-align:center;position:relative}.back-button{position:absolute;top:20px;right:20px;padding:10px 20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;text-decoration:none;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#fff3;border-color:#4fc3f7;transform:translate(5px)}.legal-header h1{font-size:42px;font-weight:700;margin-bottom:10px}.legal-header p{font-size:20px;color:#b0bec5}.legal-content{max-width:900px;margin:0 auto;padding:60px 20px}.content-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #00000014;margin-bottom:30px}.content-section h2{font-size:28px;color:#1a2332;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #4FC3F7}.content-text{font-size:16px;line-height:1.8;color:#546e7a;white-space:pre-wrap}.content-divider{height:2px;background:linear-gradient(90deg,transparent,#4FC3F7,transparent);margin:40px 0}.legal-footer{background:linear-gradient(135deg,#0a1929,#1a2332);color:#fff;padding:30px 20px;text-align:center}.legal-footer p{color:#90a4ae;font-size:14px}@media (max-width: 768px){.legal-header h1{font-size:32px}.legal-header p{font-size:16px}.content-section{padding:25px}.content-section h2{font-size:24px}.back-button{position:static;display:inline-block;margin-bottom:20px}}.live-map-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.live-map-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.live-map-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.live-map-header .header-content p{opacity:.95;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 30px 20px}.live-map-content{margin:0 30px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #00000014;transition:all .3s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-card .stat-icon{flex-shrink:0}.icon-circle{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.icon-circle.online{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.icon-circle.offline{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.icon-circle.total{background:linear-gradient(135deg,#4fc3f7,#0288d1);color:#fff;font-size:20px}.stat-value{font-size:28px;font-weight:700;color:#333;line-height:1}.stat-label{font-size:13px;color:#666;margin-top:5px}.live-map-content{display:flex;flex:1;overflow:hidden}.drivers-sidebar{width:320px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.sidebar-header h3{font-size:16px;font-weight:600;color:#333;margin:0}.refresh-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:#4fc3f7;font-weight:500}.pulse-dot{width:8px;height:8px;background:#4fc3f7;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.drivers-list{flex:1;overflow-y:auto;padding:10px}.drivers-list::-webkit-scrollbar{width:6px}.drivers-list::-webkit-scrollbar-track{background:#f5f5f5}.drivers-list::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:3px}.no-drivers{text-align:center;padding:60px 20px;color:#999}.no-drivers svg{margin-bottom:20px}.no-drivers p{font-size:14px;margin:0}.driver-card{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#fff;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:all .3s}.driver-card:hover{background:#f8fbff;transform:translate(-3px)}.driver-card.selected{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.driver-card.offline{opacity:.6;cursor:default}.driver-card.offline:hover{background:#fff;transform:none}.driver-avatar{position:relative}.avatar-circle{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#4fc3f7,#0288d1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;box-shadow:0 2px 8px #4fc3f74d}.avatar-circle.offline{background:linear-gradient(135deg,#9e9e9e,#757575)}.status-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:3px solid white;box-shadow:0 2px 4px #0003}.driver-info{flex:1;min-width:0}.driver-name{font-size:15px;font-weight:600;color:#333;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-phone{font-size:13px;color:#666;margin-bottom:5px}.driver-update{display:flex;align-items:center;gap:5px;font-size:12px;color:#4fc3f7;font-weight:500}.driver-update svg{width:14px;height:14px}.driver-status.offline{font-size:12px;color:#999;font-weight:500}.driver-arrow{opacity:0;transition:all .3s}.driver-card:hover .driver-arrow,.driver-card.selected .driver-arrow{opacity:1}.sidebar-divider{height:1px;background:#f0f0f0;margin:10px 0}.offline-list .driver-card{background:#fafafa}.map-area{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden;min-height:500px;margin-left:20px}.map-area>div{width:100%;height:100%;border-radius:12px;overflow:hidden}.map-area .leaflet-container{width:100%;height:100%;z-index:1;border-radius:12px}.driver-marker{background:transparent!important;border:none!important}.driver-popup .leaflet-popup-content-wrapper{border-radius:15px;box-shadow:0 10px 30px #0003;max-height:500px;overflow-y:auto}.driver-popup .leaflet-popup-content{margin:0;width:320px;max-width:90vw}.driver-popup .leaflet-popup-tip{background:#fff}.driver-popup .leaflet-popup-content-wrapper::-webkit-scrollbar{width:6px}.driver-popup .leaflet-popup-content-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.driver-popup .leaflet-popup-content-wrapper::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:10px}.driver-popup .leaflet-popup-content-wrapper::-webkit-scrollbar-thumb:hover{background:#0288d1}.map-placeholder{text-align:center;padding:60px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:600px}.map-icon{margin-bottom:30px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-placeholder h3{font-size:24px;color:#333;margin:0 0 10px}.map-placeholder p{font-size:14px;color:#666;margin:0 0 30px}.map-info{background:#f8fbff;border-radius:12px;padding:20px;text-align:right}.info-item{padding:10px 0;border-bottom:1px solid #e3f2fd;font-size:14px;color:#666}.info-item:last-child{border-bottom:none}.info-item strong{color:#333;font-weight:600}.selected-driver-info{margin-top:15px;padding:15px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;font-size:13px;line-height:1.8;color:#0288d1}.selected-driver-info strong{color:#01579b}@media (max-width: 1200px){.drivers-sidebar{width:280px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}}@media (max-width: 768px){.page-header h1{font-size:24px}.page-header p{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-card{padding:15px}.icon-circle{width:40px;height:40px;font-size:18px}.stat-value{font-size:22px}.stat-label{font-size:12px}.live-map-content{flex-direction:column;gap:15px}.drivers-sidebar{width:100%;max-height:300px;border-radius:12px;margin-bottom:15px}.sidebar-header{padding:15px}.sidebar-header h3{font-size:14px}.driver-card{padding:12px 15px;gap:12px}.avatar-circle{width:38px;height:38px;font-size:16px}.driver-name{font-size:14px}.driver-phone{font-size:12px}.driver-update{font-size:11px}.map-area{margin-left:0;min-height:400px;border-radius:12px}.driver-popup .leaflet-popup-content{width:280px;max-width:85vw}}@media (max-width: 480px){.page{padding:0 10px}.page-header{margin-bottom:20px}.page-header h1{font-size:20px}.stats-grid{gap:10px}.stat-card{padding:12px;gap:10px}.icon-circle{width:35px;height:35px;font-size:16px}.stat-value{font-size:20px}.stat-label{font-size:11px}.drivers-sidebar{max-height:250px}.driver-card{padding:10px 12px}.avatar-circle{width:35px;height:35px;font-size:14px}.driver-name{font-size:13px}.driver-phone{font-size:11px}.map-area{min-height:350px}.driver-popup .leaflet-popup-content{width:260px}}.tickets-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.tickets-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.tickets-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.tickets-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.tickets-header .header-content p{opacity:.95;font-size:1.1rem}.tickets-tabs{display:flex;gap:10px;padding:20px 30px;background:#fff;box-shadow:0 2px 10px #0000000d;overflow-x:auto;flex-wrap:wrap}.tickets-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;color:#666;white-space:nowrap;font-family:Cairo,sans-serif}.tickets-tabs .tab-btn:hover{background:#f0f0ff;border-color:#667eea;color:#764ba2}.tickets-tabs .tab-btn.active{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border-color:#764ba2;box-shadow:0 4px 15px #667eea4d}.tickets-tabs .tab-count{background:#fff3;padding:2px 8px;border-radius:10px;font-size:12px}.tickets-tabs .tab-btn.active .tab-count{background:#ffffff4d}.tickets-content{padding:30px}.tickets-grid{display:grid;grid-template-columns:1fr;gap:20px}.tickets-grid.with-details{grid-template-columns:1fr 1fr}.tickets-list{display:flex;flex-direction:column;gap:15px}.ticket-card{background:#fff;border-radius:15px;padding:20px;cursor:pointer;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.ticket-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000001a}.ticket-card.selected{border-color:#667eea;box-shadow:0 5px 20px #667eea33}.ticket-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ticket-card-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.ticket-card-meta{display:flex;align-items:center;gap:15px;font-size:13px;color:#666}.ticket-card-meta span{display:flex;align-items:center;gap:5px}.ticket-card-message{font-size:14px;color:#666;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.ticket-card-date{font-size:12px;color:#999;display:flex;align-items:center;gap:5px}.status-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status-badge.new{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.replied{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.closed{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.status-badge.ignored{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.ticket-details{position:sticky;top:20px;height:fit-content}.ticket-details-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 15px #00000014}.ticket-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.ticket-details-header h2{font-size:20px;font-weight:700;color:#333;display:flex;align-items:center;gap:10px}.btn-close-details{background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close-details:hover{background:#e0e0e0;color:#333}.ticket-info{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.ticket-info-row{margin-bottom:15px}.ticket-info-label{font-size:12px;color:#666;display:block;margin-bottom:5px;font-weight:600}.ticket-info-value{font-size:14px;color:#333}.ticket-info-value.title{font-size:16px;font-weight:600}.ticket-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ticket-message-box{background:linear-gradient(135deg,#f8f9ff,#e8ecff);padding:15px;border-radius:10px;font-size:14px;line-height:1.7;color:#333}.status-select{width:100%;padding:10px 15px;border-radius:10px;border:2px solid #e0e0e0;font-size:14px;cursor:pointer;font-family:Cairo,sans-serif;transition:border-color .3s ease}.status-select:focus{outline:none;border-color:#667eea}.conversation-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.conversation-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#333}.conversation-list{max-height:350px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.reply-item{padding:15px;border-radius:10px}.reply-item.admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.reply-item.user{background:#f8f9fa}.reply-header{display:flex;justify-content:space-between;margin-bottom:8px}.reply-sender{font-size:12px;font-weight:600}.reply-item.admin .reply-sender{color:#1e40af}.reply-item.user .reply-sender{color:#666}.reply-date{font-size:11px;color:#999}.reply-message{font-size:14px;line-height:1.6;margin:0;color:#333}.reply-form{margin-top:20px}.reply-form-label{font-size:14px;font-weight:600;display:block;margin-bottom:10px;color:#333}.reply-textarea{width:100%;padding:15px;border-radius:10px;border:2px solid #e0e0e0;font-size:14px;resize:vertical;margin-bottom:15px;font-family:Cairo,sans-serif;min-height:120px;transition:border-color .3s ease}.reply-textarea:focus{outline:none;border-color:#667eea}.reply-actions{display:flex;gap:10px}.btn-send-reply{flex:1;padding:14px;border-radius:10px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Cairo,sans-serif;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.btn-send-reply:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-send-reply:disabled{opacity:.6;cursor:not-allowed}.btn-close-ticket{padding:14px 20px;border-radius:10px;border:none;background:#6b7280;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;font-size:14px;transition:all .3s ease}.btn-close-ticket:hover{background:#4b5563}.tickets-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d}.tickets-empty-icon{font-size:80px;color:#d1d5db;margin-bottom:20px}.tickets-empty p{font-size:18px;color:#666}@media (max-width: 1024px){.tickets-grid.with-details{grid-template-columns:1fr}.ticket-details{position:relative;top:0}}@media (max-width: 768px){.tickets-header{padding:70px 15px 20px}.tickets-header .header-content h1{font-size:1.3rem}.tickets-tabs{padding:15px}.tickets-tabs .tab-btn{padding:10px 15px;font-size:13px}.tickets-content,.ticket-card{padding:15px}.ticket-details-card{padding:20px}.ticket-info-grid{grid-template-columns:1fr}.reply-actions{flex-direction:column}.btn-close-ticket{justify-content:center}}.admin-roles-page{max-width:100%;margin:0;padding:0}.admin-roles-page .page-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;padding:40px!important;border-radius:0!important;margin:0 0 30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 4px 12px #0000001a!important;width:100%!important}.content-wrapper{max-width:1400px;margin:0 auto;padding:0 20px}.action-bar{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-add{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-add:active{transform:translateY(0)}.admin-roles-page .page-header h1{font-size:28px!important;color:#fff!important;margin:0!important;display:flex!important;align-items:center!important;gap:15px!important}.admin-roles-page .page-header h1 svg{font-size:32px}.admin-roles-page .page-header p{color:#ffffffe6!important;font-size:14px!important;margin:5px 0 0 47px!important}.admin-roles-page .btn-primary{display:inline-flex!important;align-items:center;gap:8px;padding:12px 24px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff;border:none;border-radius:10px!important;font-size:14px!important;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d!important}.admin-roles-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66!important}.admin-roles-page .btn-primary:active{transform:translateY(0)}.roles-overview{margin-bottom:35px}.roles-overview h2{font-size:24px;color:#2c3e50;margin-bottom:25px;font-weight:700;position:relative;padding-bottom:12px}.roles-overview h2:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.role-card{background:#fff;padding:25px;border-radius:20px;border-right:5px solid;box-shadow:0 5px 20px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.05) 100%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0}.role-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #00000026}.role-card:hover:before{opacity:1}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;position:relative;z-index:1}.role-header h3{margin:0;font-size:16px;color:#2c3e50}.role-badge{padding:6px 16px;border-radius:25px;font-size:11px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #0003;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 3px 10px #0003}50%{box-shadow:0 3px 15px #0000004d}}.role-description{color:#7f8c8d;font-size:13px;margin:10px 0;line-height:1.5}.role-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef;position:relative;z-index:1}.role-count{color:#3498db;font-weight:600;font-size:14px}.btn-edit-permissions{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #667eea4d;position:relative;z-index:2}.btn-edit-permissions:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #667eea66}.btn-edit-permissions:active{transform:translateY(-1px) scale(1.02)}.admins-section{background:#fff;padding:30px;border-radius:20px;box-shadow:0 5px 25px #00000014}.admins-section h2{font-size:24px;color:#2c3e50;margin-bottom:25px;font-weight:700;position:relative;padding-bottom:12px}.admins-section h2:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.table-container{overflow-x:auto}.admins-table{width:100%;border-collapse:collapse}.admins-table thead{background:#f8f9fa}.admins-table th{padding:12px;text-align:right;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef;font-size:14px}.admins-table td{padding:12px;text-align:right;border-bottom:1px solid #e9ecef;font-size:14px;color:#495057}.admins-table tbody tr:hover{background:#f8f9fa}.admin-name{display:flex;align-items:center;gap:8px;font-weight:500}.badge-you{background:#3498db;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.role-badge-small{padding:6px 14px;border-radius:20px;font-size:12px;color:#fff;font-weight:700;display:inline-block;box-shadow:0 3px 10px #0003;transition:all .3s}.role-badge-small:hover{transform:scale(1.08);box-shadow:0 4px 15px #00000040}.status-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 2px 8px #0000001a;transition:all .3s}.status-badge:hover{transform:scale(1.05)}.status-badge.active{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#155724}.status-badge.inactive{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#721c24}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-icon{padding:10px;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:16px}.btn-icon:hover{transform:scale(1.15) rotate(5deg)}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 3px 10px #667eea4d}.btn-edit:hover{box-shadow:0 5px 15px #667eea66}.btn-delete{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 3px 10px #e74c3c4d}.btn-delete:hover{box-shadow:0 5px 15px #e74c3c66;background:linear-gradient(135deg,#c0392b,#a93226)}.btn-toggle{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 3px 10px #f5576c4d}.btn-toggle:hover{box-shadow:0 5px 15px #f5576c66}.empty-state{text-align:center;padding:60px 20px!important;color:#95a5a6}.empty-state svg{font-size:60px;margin-bottom:20px;opacity:.5}.empty-state p{font-size:16px;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;font-size:20px;color:#2c3e50}.btn-close{background:none;border:none;font-size:24px;color:#95a5a6;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s}.btn-close:hover{background:#f8f9fa;color:#2c3e50}.modal-content form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.form-group small{display:block;margin-top:6px;color:#7f8c8d;font-size:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef}.btn-secondary{padding:14px 28px;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2c3e50;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 15px #a8edea4d}.btn-secondary:hover{background:linear-gradient(135deg,#fed6e3,#a8edea);transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px #a8edea66}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#95a5a6}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-large{max-width:900px}.permissions-content{padding:20px;max-height:60vh;overflow-y:auto}.permissions-hint{background:#e3f2fd;padding:12px;border-radius:8px;color:#1976d2;font-size:14px;margin-bottom:20px;border-left:4px solid #2196f3}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:20px}.permission-group{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #e9ecef}.permission-group-title{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #dee2e6}.permission-items{display:flex;flex-direction:column;gap:10px}.permission-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.permission-checkbox:hover{background:#fff}.permission-checkbox input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer}.permission-label{display:flex;flex-direction:column;gap:2px;flex:1}.permission-label strong{font-size:14px;color:#2c3e50}.permission-label small{font-size:12px;color:#7f8c8d;font-weight:400}.permissions-summary{background:#fff3cd;padding:12px;border-radius:8px;color:#856404;font-size:14px;text-align:center;border:1px solid #ffeaa7}@media (max-width: 768px){.page-header{flex-direction:column;gap:15px;text-align:center}.header-content{flex-direction:column}.roles-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.admins-table{min-width:800px}.modal-content{margin:20px}.permissions-grid{grid-template-columns:1fr}.role-footer{flex-direction:column;gap:10px;align-items:stretch}.btn-edit-permissions{justify-content:center}}.reports-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.reports-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 4px 20px #0000001a}.reports-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.reports-header .header-content p{opacity:.95;font-size:1.1rem}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.export-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Cairo,sans-serif}.export-btn.excel{background:#217346;color:#fff}.export-btn.excel:hover{background:#1a5c38;transform:translateY(-2px)}.export-btn.pdf{background:#dc3545;color:#fff}.export-btn.pdf:hover{background:#c82333;transform:translateY(-2px)}.export-btn.print{background:#fff;color:#333}.export-btn.print:hover{background:#f0f0f0;transform:translateY(-2px)}.date-filters{background:#fff;padding:20px 30px;border-bottom:1px solid #e0e0e0}.date-filters .filter-tabs{margin-bottom:0}.custom-date-range{display:flex;gap:20px;margin-top:15px;flex-wrap:wrap}.date-input-group{display:flex;align-items:center;gap:10px}.date-input-group label{font-weight:600;color:#666}.date-input-group input{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:Cairo,sans-serif}.date-input-group input:focus{border-color:#667eea;outline:none}.reports-tabs{display:flex;gap:10px;padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.reports-tabs button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .3s;font-family:Cairo,sans-serif}.reports-tabs button:hover{border-color:#667eea;color:#667eea}.reports-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.reports-content{padding:30px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #0000000d;transition:all .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.stat-card .stat-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-card.sales .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.orders .stat-icon{background:linear-gradient(135deg,#4caf50,#2e7d32)}.stat-card.users .stat-icon{background:linear-gradient(135deg,#2196f3,#1565c0)}.stat-card.subscriptions .stat-icon{background:linear-gradient(135deg,#ff9800,#ef6c00)}.stat-card.drivers .stat-icon{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.stat-card.avg .stat-icon{background:linear-gradient(135deg,#00bcd4,#00838f)}.stat-label{font-size:14px;color:#666;margin-bottom:5px}.stat-value{font-size:24px;font-weight:700;color:#333}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:25px;margin-bottom:30px}.chart-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 15px #0000000d}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{display:flex;align-items:center;gap:10px;font-size:18px;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.chart-card h3 svg{color:#667eea}.sales-summary h2,.orders-summary h2,.subscriptions-summary h2{display:flex;align-items:center;gap:15px;font-size:24px;color:#333;margin-bottom:25px}.sales-summary h2 svg,.orders-summary h2 svg,.subscriptions-summary h2 svg{color:#667eea}.sales-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.sales-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 15px #0000000d;transition:all .3s;border-right:5px solid}.sales-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.sales-card.today{border-color:#4caf50}.sales-card.week{border-color:#2196f3}.sales-card.month{border-color:#ff9800}.sales-card.year{border-color:#9c27b0}.sales-card.total{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2)}.sales-card.total .sales-card-header,.sales-card.total .sales-card-value{color:#fff}.sales-card-header{display:flex;align-items:center;gap:10px;font-size:14px;color:#666;margin-bottom:10px}.sales-card-value{font-size:28px;font-weight:700;color:#333}.orders-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.order-stat-card{background:#fff;border-radius:15px;padding:25px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 15px #0000000d;position:relative;overflow:hidden}.order-stat-card .icon{font-size:30px}.order-stat-card.total .icon{color:#667eea}.order-stat-card.completed .icon{color:#4caf50}.order-stat-card.cancelled .icon{color:#f44336}.order-stat-card.pending .icon{color:#ff9800}.order-stat-card.in-progress .icon{color:#2196f3}.order-stat-card.today .icon{color:#9c27b0}.order-stat-card .info{display:flex;flex-direction:column}.order-stat-card .label{font-size:13px;color:#666}.order-stat-card .value{font-size:28px;font-weight:700;color:#333}.order-stat-card .percentage{position:absolute;top:15px;left:15px;background:#f0f0f0;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;color:#666}.subs-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.subs-stat-card{background:#fff;border-radius:15px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #0000000d}.subs-stat-card .icon{font-size:35px}.subs-stat-card.active .icon{color:#4caf50}.subs-stat-card.expiring .icon{color:#ff9800}.subs-stat-card.expired .icon{color:#f44336}.subs-stat-card.total .icon{color:#667eea}.subs-stat-card .info{display:flex;flex-direction:column}.subs-stat-card .label{font-size:14px;color:#666}.subs-stat-card .value{font-size:28px;font-weight:700;color:#333}.expiring-subscriptions{margin-bottom:30px}.expiring-subscriptions h3,.all-subscriptions h3{display:flex;align-items:center;gap:10px;font-size:18px;color:#333;margin-bottom:15px}.expiring-subscriptions h3 svg{color:#ff9800}.all-subscriptions h3 svg{color:#667eea}.badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.badge.success{background:#e8f5e9;color:#2e7d32}.badge.warning{background:#fff3e0;color:#ef6c00}.badge.danger{background:#ffebee;color:#c62828}.insights-section{margin-bottom:30px}.insights-section h3{display:flex;align-items:center;gap:10px;font-size:20px;color:#333;margin-bottom:20px}.insights-section h3 svg{color:#667eea}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.insight-card{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:12px;background:#fff;box-shadow:0 2px 10px #0000000d;border-right:4px solid}.insight-card.success{border-color:#4caf50;background:linear-gradient(135deg,#f1f8e9,#e8f5e9)}.insight-card.warning{border-color:#ff9800;background:linear-gradient(135deg,#fff8e1,#fff3e0)}.insight-card.danger{border-color:#f44336;background:linear-gradient(135deg,#ffebee,#fce4ec)}.insight-card.info{border-color:#2196f3;background:linear-gradient(135deg,#e3f2fd,#e1f5fe)}.insight-icon{font-size:28px}.insight-content{flex:1}.insight-content strong{display:block;font-size:16px;color:#333;margin-bottom:5px}.insight-content p{font-size:14px;color:#666;margin:0;line-height:1.5}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{font-family:Cairo,sans-serif}.no-print{display:none!important}.print-only{display:block!important}.reports-container{background:#fff;padding:0}.reports-header{display:none!important}.print-report{padding:15px;direction:rtl}@page{size:A4;margin:10mm}.print-header-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid #667eea;margin-bottom:15px}.print-logo h1{font-size:28px;color:#667eea;margin:0}.print-logo-img{max-width:100px;max-height:50px;object-fit:contain}.print-logo p{font-size:12px;color:#666;margin:3px 0 0}.print-date{text-align:left}.print-date p{margin:2px 0;font-size:11px;color:#333}.print-summary-section,.print-orders-section,.print-subscriptions-section,.print-insights-section{margin-bottom:15px;page-break-inside:avoid}.print-summary-section h2,.print-orders-section h2,.print-subscriptions-section h2,.print-insights-section h2{font-size:14px;color:#333;padding-bottom:5px;border-bottom:1px solid #e0e0e0;margin-bottom:10px}.print-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.print-stat-item{background:#f9f9f9;padding:8px 5px;border-radius:6px;text-align:center;border:1px solid #e0e0e0}.print-stat-item.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.print-stat-item.highlight .print-stat-label,.print-stat-item.highlight .print-stat-value{color:#fff}.print-stat-item.success{background:#e8f5e9;border-color:#4caf50}.print-stat-item.warning{background:#fff3e0;border-color:#ff9800}.print-stat-item.danger{background:#ffebee;border-color:#f44336}.print-stat-item.info{background:#e3f2fd;border-color:#2196f3}.print-stat-label{display:block;font-size:9px;color:#666;margin-bottom:3px}.print-stat-value{display:block;font-size:14px;font-weight:700;color:#333}.print-insights-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.print-insight-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:6px;border-right:3px solid}.print-insight-item.success{background:#e8f5e9;border-color:#4caf50}.print-insight-item.warning{background:#fff3e0;border-color:#ff9800}.print-insight-item.danger{background:#ffebee;border-color:#f44336}.print-insight-item.info{background:#e3f2fd;border-color:#2196f3}.print-insight-icon{font-size:16px}.print-insight-content strong{display:block;font-size:11px;color:#333;margin-bottom:2px}.print-insight-content p{font-size:10px;color:#666;margin:0;line-height:1.3}.print-footer{margin-top:15px;padding-top:10px;border-top:1px solid #e0e0e0;text-align:center}.print-footer p{font-size:10px;color:#999;margin:3px 0}.reports-header{background:#fff;color:#333;padding:20px;border-bottom:2px solid #667eea}.reports-content{padding:20px}.stat-card,.chart-card,.sales-card,.order-stat-card,.subs-stat-card{box-shadow:none;border:1px solid #e0e0e0;break-inside:avoid}.chart-card{page-break-inside:avoid}.table-container{overflow:visible}.data-table{font-size:12px}.print-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #667eea}.print-header h1{color:#667eea;font-size:28px}}.print-only{display:none}@media (max-width: 768px){.reports-header{flex-direction:column;text-align:center}.header-actions{justify-content:center}.charts-grid,.stats-cards,.sales-cards,.orders-stats-grid,.subs-stats-cards{grid-template-columns:1fr}.stat-value,.sales-card-value,.order-stat-card .value,.subs-stat-card .value{font-size:22px}}.scratch-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-bottom:40px;font-family:Cairo,sans-serif}.scratch-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.scratch-header{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:40px 30px;box-shadow:0 4px 20px #0000001a}.scratch-header .header-content h1{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.scratch-header .header-content p{opacity:.95;font-size:1.1rem}.scratch-content{padding:30px}.usage-guide{background:#fff;border-radius:16px;padding:24px 30px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;border-right:4px solid #667eea}.usage-guide h3{font-size:1.15rem;color:#333;margin-bottom:18px;display:flex;align-items:center;gap:8px}.guide-steps{display:flex;flex-direction:column;gap:14px}.guide-step{display:flex;align-items:flex-start;gap:14px}.step-number{min-width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.step-content strong{display:block;font-size:.95rem;color:#333;margin-bottom:2px}.step-content p{font-size:.85rem;color:#777;margin:0;line-height:1.6}.feature-toggle-card{background:#fff;border-radius:16px;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #0000000f;margin-bottom:24px}.feature-toggle-info h3{font-size:1.1rem;margin-bottom:4px;color:#333}.feature-toggle-info p{font-size:.9rem;color:#777;margin:0}.feature-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;border-radius:30px;cursor:pointer;font-weight:700;font-size:1rem;font-family:Cairo,sans-serif;transition:all .3s;background:#e0e0e0;color:#777}.feature-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.scratch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 10px #0000000d}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:800;color:#333}.stat-label{font-size:.85rem;color:#888}.probability-warning{background:#ede7f6;border:1px solid #D1C4E9;border-radius:12px;padding:14px 20px;color:#4a148c;font-weight:600;margin-bottom:24px;font-size:.95rem}.scratch-tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;border-radius:12px;padding:6px;box-shadow:0 2px 8px #0000000a}.tab-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;font-family:Cairo,sans-serif;background:transparent;color:#888;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-add-prize{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;font-family:Cairo,sans-serif;transition:all .3s;box-shadow:0 4px 15px #667eea4d;margin-bottom:24px}.btn-add-prize:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.prizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.prize-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;transition:all .3s;border:2px solid transparent}.prize-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.prize-card.inactive{opacity:.6;border-color:#e0e0e0}.prize-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.prize-type-badge{padding:4px 14px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600}.prize-probability{font-size:1.4rem;font-weight:800;color:#667eea}.prize-title{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:10px}.prize-coupon{background:#ede7f6;border-radius:8px;padding:8px 14px;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:.9rem}.prize-coupon code{background:#667eea;color:#fff;padding:2px 10px;border-radius:4px;font-weight:700;font-size:.85rem}.prize-status{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#888;margin-bottom:16px}.status-dot{width:8px;height:8px;border-radius:50%;background:#ccc}.status-dot.active{background:#4caf50}.prize-actions{display:flex;gap:10px}.empty-prizes{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999}.empty-prizes p{margin:5px 0}@media (max-width: 768px){.scratch-stats{grid-template-columns:repeat(2,1fr)}.feature-toggle-card{flex-direction:column;gap:16px;text-align:center}.prizes-grid{grid-template-columns:1fr}}.admin-layout{display:flex;min-height:100vh;font-family:Cairo,sans-serif}@media print{.admin-sidebar{display:none!important}.admin-main{margin-right:0!important;width:100%!important}}.admin-sidebar{width:280px;background:linear-gradient(180deg,#667eea,#764ba2);position:fixed;right:0;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;z-index:1000;box-shadow:-4px 0 20px #0000001a;transition:width .3s ease}.admin-sidebar.collapsed{width:80px}.toggle-btn{position:absolute;left:15px;top:15px;width:40px;height:40px;background:#fff3;border:none;border-radius:10px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.toggle-btn:hover{background:#ffffff4d;transform:scale(1.05)}.sidebar-top{padding:30px 20px}.brand{text-align:center;margin-bottom:25px}.brand-icon{font-size:55px;margin-bottom:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-title{font-size:28px;font-weight:800;color:#fff;margin:0 0 5px;letter-spacing:.5px}.brand-subtitle{font-size:14px;color:#fffffff2;margin:0;font-weight:500}.user-info{display:flex;align-items:center;gap:12px;padding:15px;margin-top:20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar{width:48px;height:48px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.user-details{flex:1}.user-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.user-role{font-size:13px;color:#ffffffe6;font-weight:500}.sidebar-menu{flex:1;padding:20px 0;overflow-y:auto}.menu-link{display:flex;align-items:center;gap:14px;padding:15px 25px;color:#fff;text-decoration:none;transition:all .3s ease;border-right:4px solid transparent;font-size:15px;font-weight:500;margin:2px 0}.menu-link svg{font-size:20px;flex-shrink:0}.menu-link:hover{background:#ffffff26;border-right-color:#fff;padding-right:28px}.menu-link.active{background:#ffffff40;border-right-color:#fff;font-weight:700}.admin-sidebar.collapsed .menu-link{justify-content:center;padding:15px 10px}.admin-sidebar.collapsed .menu-link span{display:none}.admin-sidebar.collapsed .user-info{justify-content:center;padding:15px 10px}.admin-sidebar.collapsed .logout-btn span{display:none}.admin-sidebar.collapsed .logout-btn{justify-content:center}.sidebar-bottom{padding:20px;border-top:1px solid rgba(255,255,255,.2)}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:15px 20px;background:#ffffff26;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;font-family:Cairo,sans-serif;transition:all .3s ease}.logout-btn svg{font-size:20px}.logout-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.admin-main{flex:1;margin-right:280px;min-height:100vh;transition:margin-right .3s ease}.admin-sidebar.collapsed~.admin-main{margin-right:80px}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.admin-sidebar{width:70px}.brand-title,.brand-subtitle,.user-details,.menu-link span,.logout-btn span{display:none}.user-info,.menu-link{justify-content:center;padding:15px 10px}.logout-btn{justify-content:center}.admin-main{margin-right:70px}}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5}.loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{margin-top:20px;color:#666;font-size:16px}@media (max-width: 1024px){.orders-header,.users-header,.drivers-header,.services-header,.dashboard-header,.reports-header,.settings-header,.products-header,.offers-header,.gifts-header,.coupons-header,.banners-header,.notifications-header,.tickets-header{padding:25px 20px}.header-content h1{font-size:1.5rem!important}.header-content p{font-size:.95rem!important}.cards-grid,.drivers-grid,.stats-cards,.sales-cards,.orders-stats-grid,.subs-stats-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:15px!important}.orders-content,.users-content,.drivers-content,.services-content,.reports-content,.settings-content{padding:20px!important}}@media (max-width: 768px){.admin-sidebar{width:280px!important;transform:translate(100%);transition:transform .3s ease}.admin-sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar-overlay.active{display:block}.admin-main{margin-right:0!important;width:100%!important}.mobile-menu-btn{display:flex!important;position:fixed;top:15px;right:15px;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:22px;cursor:pointer;align-items:center;justify-content:center;z-index:1001;box-shadow:0 4px 15px #667eea66}.mobile-menu-btn:hover{transform:scale(1.05)}.toggle-btn{display:none!important}.orders-header,.users-header,.drivers-header,.services-header,.dashboard-header,.reports-header,.settings-header,.products-header,.offers-header,.gifts-header,.coupons-header,.banners-header,.notifications-header,.tickets-header{padding:70px 15px 20px}.header-content h1{font-size:1.3rem!important;flex-wrap:wrap}.header-content p{font-size:.85rem!important}.header-actions{flex-wrap:wrap;gap:8px!important;margin-top:15px}.export-btn{padding:10px 15px!important;font-size:12px!important}.orders-content,.users-content,.drivers-content,.services-content,.reports-content,.settings-content,.products-content,.offers-content{padding:15px!important}.cards-grid,.drivers-grid,.stats-cards,.sales-cards,.orders-stats-grid,.subs-stats-cards,.settings-grid,.insights-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-card,.sales-card,.order-stat-card,.subs-stat-card,.driver-card,.driver-card-detailed,.service-card,.offer-card,.settings-card,.insight-card{padding:15px!important}.stat-card .stat-icon,.order-stat-card .icon,.subs-stat-card .icon{width:45px!important;height:45px!important;font-size:20px!important}.stat-value,.sales-card-value,.order-stat-card .value,.subs-stat-card .value{font-size:20px!important}.stat-label,.sales-card-header,.order-stat-card .label,.subs-stat-card .label{font-size:12px!important}.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.data-table{min-width:700px}.data-table th,.data-table td{padding:10px 12px!important;font-size:13px!important;white-space:nowrap}.filter-tabs,.users-tabs,.reports-tabs,.date-filters .filter-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:15px!important;gap:8px!important;flex-wrap:nowrap!important}.filter-tabs button,.users-tabs .tab-btn,.reports-tabs button{padding:10px 16px!important;font-size:13px!important;white-space:nowrap;flex-shrink:0}.custom-date-range{flex-direction:column!important;gap:10px!important}.date-input-group,.date-input-group input{width:100%}.charts-grid{grid-template-columns:1fr!important}.chart-card{padding:15px!important}.chart-card h3{font-size:14px!important}.modal-content,.form-modal,.modal-content.assign-driver-modal{width:95%!important;max-width:none!important;margin:10px!important;max-height:95vh!important;overflow:visible!important;display:flex!important;flex-direction:column!important}.modal-header{padding:15px!important;flex-shrink:0}.modal-body{padding:15px!important;max-height:none!important;flex:1;overflow-y:auto!important}.modal-footer{flex-shrink:0;padding:15px!important;position:sticky!important;bottom:0;background:#f8f9fa!important;border-top:1px solid #e0e0e0;display:flex!important;gap:10px!important}.modal-footer .btn-cancel,.modal-footer .btn-confirm{flex:1;padding:12px 15px!important;font-size:14px!important}.form-group{margin-bottom:15px!important}.form-group input,.form-group select,.form-group textarea{padding:12px!important;font-size:14px!important}.btn-add-driver,.btn-add-service,.btn-primary{width:100%;justify-content:center;padding:12px 20px!important;font-size:14px!important}.alerts-bar{flex-direction:column;padding:10px 15px!important}.alert{min-width:100%!important;padding:12px 15px!important}.search-bar,.search-container{width:100%!important}.search-bar input,.search-container input{width:100%!important;padding:12px 15px!important}.insights-section h3{font-size:16px!important}.insight-card{padding:12px!important}.insight-icon{font-size:22px!important}.insight-content strong{font-size:14px!important}.insight-content p{font-size:12px!important}.dashboard-welcome{padding:20px!important}.welcome-content h1{font-size:24px!important}.welcome-icon svg{width:60px!important;height:60px!important}.map-container{height:300px!important}.hide-on-mobile{display:none!important}}@media (max-width: 480px){.header-content h1{font-size:1.1rem!important}.stat-card,.sales-card,.order-stat-card,.subs-stat-card{flex-direction:column;text-align:center;gap:10px!important}.stat-card .stat-icon{margin:0 auto}.data-table th,.data-table td{padding:8px 10px!important;font-size:12px!important}.filter-tabs button,.reports-tabs button{padding:8px 12px!important;font-size:12px!important}.export-btn{padding:8px 12px!important;font-size:11px!important}.export-btn svg{display:none}.btn-small{padding:6px 10px!important;font-size:11px!important}.action-buttons{flex-direction:column;gap:5px!important}}@media (min-width: 769px){.mobile-menu-btn,.sidebar-overlay{display:none!important}}html,body{overflow-x:hidden}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[dir=rtl]{text-align:right}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}