body{background:#f8f9fb;color:#343a40;color:var(--gray-800,#343a40);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}h1,h2,h3,h4,h5,h6{color:#212529;color:var(--gray-900,#212529);font-weight:700}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#adb5bd}.admin-card,.driver-card,.kpi-card,.metric-card,.shop-card,.stat-card,.summary-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 3px #0000000a;transition:all .2s ease}.admin-card:hover,.driver-card:hover,.kpi-card:hover,.shop-card:hover,.stat-card:hover,.summary-card:hover{border-color:#dee2e6;box-shadow:0 4px 12px #00000014}.delay-table,.orders-table,.statistics-table{border-collapse:initial;border-spacing:0;width:100%}.delay-table th,.orders-table th,.statistics-table th{background:#f8f9fb;border-bottom:1px solid #e9ecef;color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;white-space:nowrap}.delay-table td,.orders-table td,.statistics-table td{border-bottom:1px solid #f1f3f5;color:#495057;font-size:13px;padding:12px 16px}.delay-table tbody tr:hover,.orders-table tbody tr:hover,.statistics-table tbody tr:hover{background:#f8f9fb}.delay-table tbody tr:last-child td,.orders-table tbody tr:last-child td,.statistics-table tbody tr:last-child td{border-bottom:none}button{font-family:inherit}.add-admin-btn,.add-btn,.add-driver-btn,.add-shop-btn{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;box-shadow:0 2px 6px #e91e6340;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:all .2s ease}.add-admin-btn:hover,.add-btn:hover,.add-driver-btn:hover,.add-shop-btn:hover{box-shadow:0 4px 12px #e91e6359;transform:translateY(-1px)}.edit-btn{background:#fff;border:1px solid #dee2e6;color:#495057;font-weight:500;padding:6px 14px}.edit-btn:hover{background:#f8f9fb;border-color:#ced4da}.action-btn{background:#fff;border:1px solid #dee2e6;color:#495057;font-weight:500;padding:7px 16px}.action-btn:hover{background:#f8f9fb;border-color:#ced4da}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#343a40;font-family:inherit;font-size:13px;padding:9px 14px;transition:all .15s ease}input:focus,select:focus,textarea:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;outline:none}input::placeholder{color:#adb5bd}.filter-btn,.filter-buttons button{background:#fff;border:1px solid #dee2e6;border-radius:20px;color:#495057;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:all .15s ease}.filter-btn:hover,.filter-buttons button:hover{background:#e91e630a;border-color:#e91e63;color:#e91e63}.filter-btn.active,.filter-buttons button.active{background:#e91e63;border-color:#e91e63;color:#fff}.order-status-badge,.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;line-height:1.2;padding:4px 10px}.admins-header h2,.drivers-header h2,.orders-header h2,.shops-header h2{color:#212529;font-size:20px;font-weight:700;margin:0}.stat{font-size:13px;font-weight:600}.stat.archived{color:#e67700}.driver-report-modal-overlay,.modal-overlay,.orders-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.driver-report-modal-content,.modal-content,.orders-modal-content{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;max-height:85vh;overflow-y:auto;width:100%}.search-container input,.search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23adb5bd' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.admins-list-container,.analytics-statistics,.delivery-statistics,.drivers-list-container,.orders-list-container,.reports-dashboard,.shop-statistics,.shops-list-container,.unified-reports{padding:0}.chart-container,.chart-wrapper{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 3px #0000000a;padding:20px}.drivers-grid,.shops-grid{grid-gap:16px;display:grid;gap:16px}.form-group{margin-bottom:16px}.toggle-online-btn{border:1px solid #0000;border-radius:6px}.date-input-group label{font-size:13px}.date-input-group input[type=date]{padding:7px 12px}.empty-state,.no-data{color:#868e96;padding:48px 24px;text-align:center}.empty-state h3,.no-data h3{color:#495057;margin-bottom:8px}.excel-export-btn{align-items:center;background:#12b886;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease}.excel-export-btn:hover{background:#0ca678;transform:translateY(-1px)}@media (max-width:1024px){.drivers-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.shops-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.delay-table-container,.orders-table-container,.statistics-table-container,.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.delay-table,.orders-table,.statistics-table{min-width:600px}.delay-table td,.delay-table th,.orders-table td,.orders-table th,.statistics-table td,.statistics-table th{font-size:12px;padding:10px 12px}.drivers-grid,.shops-grid{gap:12px;grid-template-columns:1fr}.admin-card,.driver-card,.shop-card{padding:14px}.stat{font-size:12px;padding:4px 10px}.admins-header,.drivers-header,.orders-header,.shops-header{align-items:stretch;flex-direction:column;gap:12px}.filter-buttons{gap:6px}.filter-buttons button{font-size:12px;padding:6px 12px}.admins-header h2,.drivers-header h2,.orders-header h2,.shops-header h2{font-size:17px}.driver-report-modal-content,.modal-content,.orders-modal-content{border-radius:12px;margin:12px;max-height:90vh;max-width:100%}.driver-report-modal-overlay,.modal-overlay,.orders-modal-overlay{align-items:flex-end;padding:0}.date-input-group{align-items:stretch;flex-direction:column;gap:4px}.date-input-group input[type=date]{width:100%}.add-admin-btn,.add-driver-btn,.add-shop-btn{text-align:center;width:100%}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:14px;padding:11px 14px}.search-container,.search-container input,.search-input,.search-wrapper{width:100%}}@media (max-width:480px){.drivers-grid,.shops-grid{grid-template-columns:1fr}.orders-table{min-width:500px}.admins-header h2,.drivers-header h2,.orders-header h2,.shops-header h2{font-size:15px}.stat{font-size:11px;padding:3px 8px}.filter-buttons button{font-size:11px;padding:5px 10px}.driver-report-modal-content,.modal-content,.orders-modal-content{border-radius:12px 12px 0 0;margin:0;max-height:92vh}}.login-container{align-items:center;background:linear-gradient(135deg,#f8f9fb,#fce4ec);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 10px 40px #00000014;max-width:400px;padding:48px 40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-logo{height:80px;margin-bottom:16px;object-fit:contain;width:80px}.login-header h1{color:#e91e63;font-size:28px;font-style:italic;font-weight:800;margin:0}.login-header p{color:#868e96;font-size:14px;margin:8px 0 0}.error-message{background-color:#ffe3e3;color:#c92a2a;font-size:13px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:6px}.form-group label{font-size:13px}.form-group input{border:1px solid #dee2e6;border-radius:8px;color:#212529;font-size:15px;padding:12px 16px;transition:all .15s ease}.form-group input:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;outline:none}.form-group input:disabled{background-color:#f8f9fb;color:#adb5bd;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:10px;box-shadow:0 4px 12px #e91e634d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all .2s ease}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #e91e6366;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-text{color:#495057;font-size:13px;margin-top:16px;text-align:center}.test-credentials{background:#f8f9fb;border:1px dashed #dee2e6;border-radius:10px;margin-top:32px;padding:20px;text-align:right}.test-credentials h3{color:#12b886;font-size:16px;font-weight:700;margin:0 0 16px}.credential-box{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px;padding:14px}.credential-box:last-child{margin-bottom:0}.credential-box p{color:#495057;font-size:13px;margin:4px 0}.credential-box strong{color:#e91e63;font-weight:600}.credential-box code{background:#f1f3f5;border-radius:4px;color:#339af0;cursor:pointer;display:inline-block;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600;padding:3px 8px;transition:all .15s ease}.credential-box code:hover{background:#e9ecef}@media (max-width:480px){.login-container{align-items:flex-start;padding:10vh 16px 16px}.login-card{border-radius:14px;padding:32px 24px}.login-logo{height:64px;width:64px}.login-header h1{font-size:24px}.login-form{gap:16px}.form-group input,.login-button{font-size:16px;padding:14px}.test-credentials{padding:16px}}.orders-list-container{min-width:0;overflow-x:hidden;padding:0}.orders-header{margin-bottom:20px}.orders-header h2{color:#212529;font-size:20px;font-weight:600;margin:0 0 15px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-buttons button{background:#fff;border:1px solid #e9ecef;border-radius:20px;color:#495057;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s ease}.filter-buttons button:hover{background:#f8f9fb;border-color:#dee2e6}.filter-buttons button.active{background:#e91e63;border-color:#e91e63;color:#fff}.orders-table-container{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#f8f9fb;border-bottom:1px solid #e9ecef}.orders-table th{color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:right;text-transform:uppercase;white-space:nowrap}.orders-table tbody tr{border-bottom:1px solid #f1f3f5;cursor:pointer;transition:background-color .15s ease}.orders-table tbody tr.expanded,.orders-table tbody tr:hover{background-color:#f8f9fb}.orders-table td{color:#495057;font-size:13px;padding:12px 16px}.order-time-cell{color:#868e96;font-weight:500;white-space:nowrap}.order-shop-cell{color:#212529;font-weight:600}.order-status-cell{white-space:nowrap}.order-status-badge{color:#fff;font-weight:600;padding:4px 12px}.order-from-cell,.order-to-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-driver-cell{color:#e91e63;font-weight:500}.order-price-cell{color:#212529;white-space:nowrap}.web3d-badge{background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:6px;box-shadow:0 1px 3px #e91e6333}.order-expand-cell{text-align:center;width:40px}.expand-icon{color:#adb5bd}.expand-icon.expanded{transform:rotate(180deg)}.order-details-row{background-color:#f8f9fb}.order-details-row td{border-top:1px solid #e9ecef;padding:0}.order-details-content{padding:20px}.details-grid{grid-gap:15px;border-bottom:1px solid #e9ecef;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding-bottom:20px}.detail-label{letter-spacing:.5px;text-transform:uppercase}.detail-value{font-weight:500}.details-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.details-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;padding:15px}.details-section h4{color:#e91e63;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.details-section p{color:#495057;font-size:13px;line-height:1.5;margin:6px 0}.details-section strong{color:#212529;font-weight:600}.empty-state{padding:60px 20px}.orders-mobile-cards{display:none}.order-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;margin-bottom:10px;padding:14px;position:relative;transition:all .15s ease}.order-card:hover{box-shadow:0 2px 8px #0000000f}.order-card .expand-icon{bottom:8px;color:#adb5bd;font-size:10px;left:50%;position:absolute;transform:translateX(-50%)}.order-card .expand-icon.expanded{transform:translateX(-50%) rotate(180deg)}.order-card-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.order-card-price,.order-card-time{color:#212529;font-size:14px;font-weight:700}.order-card-price{align-items:center;display:flex;gap:6px;margin-right:auto}.order-card-shop{color:#e91e63;font-size:14px;font-weight:600;margin-bottom:8px}.order-card-addresses{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.order-card-addr{color:#495057;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addr-label{color:#868e96;font-weight:600}.order-card-driver{color:#e91e63;font-size:12px;font-weight:500;margin-bottom:4px}.order-card-details{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.order-card-detail-row{color:#495057;display:flex;font-size:12px;justify-content:space-between}.order-card-detail-row span:first-child{color:#868e96;flex-shrink:0;font-weight:600;margin-left:8px}.order-card-detail-row span:last-child{min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.orders-desktop{display:none}.orders-mobile-cards{display:block}.orders-header h2{font-size:17px}.filter-buttons{gap:6px}.filter-buttons button{font-size:12px;padding:6px 12px}}@media (max-width:480px){.orders-header h2{font-size:15px}.filter-buttons button{font-size:11px;padding:5px 10px}.order-card{padding:12px}.order-card-shop,.order-card-time{font-size:13px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h2{color:#333;font-size:24px;margin:0}.close-button{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.close-button:hover{color:#333}.driver-form{padding:24px}.error-message{background-color:#ffebee;border-radius:8px;border-right:4px solid #c62828;color:#c62828;margin-bottom:20px;padding:12px 16px}.form-section-title{border-bottom:2px solid #e0e0e0;color:#333;font-size:18px;font-weight:700;margin:24px 0 16px;padding-bottom:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-group label{color:#555;font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.checkbox-label{display:flex;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group.full-width{grid-column:1/-1}.form-actions{align-items:center;border-top:1px solid #e0e0e0;gap:12px;justify-content:space-between;margin-top:24px;padding-top:20px}.form-actions-right{display:flex;gap:12px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel{background-color:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background-color:#e0e0e0}.btn-submit{background-color:#4caf50;color:#fff}.btn-submit:hover:not(:disabled){background-color:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-archive{background-color:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-archive:hover:not(:disabled){background-color:#f57c00;box-shadow:0 4px 12px #ff98004d;transform:translateY(-1px)}.btn-archive:disabled{cursor:not-allowed;opacity:.6;transform:none}.status-toggle-container{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:12px}.toggle-switch-label{color:#555;font-size:14px;font-weight:600}.toggle-status-text{color:#333;font-size:14px;font-weight:600;min-width:60px}.switch{display:inline-block;height:26px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#4caf50;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;width:20px}input:checked+.slider{background-color:#f44336}input:checked+.slider:before{transform:translateX(24px)}input:disabled+.slider{cursor:not-allowed;opacity:.5}.permissions-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:16px}.permissions-title{color:#444;display:block;font-size:14px;font-weight:700;margin:0 0 12px;text-align:right}.permissions-list{display:flex;flex-direction:column;gap:0}.permission-item{align-items:center;border-bottom:1px solid #e9ecef;cursor:pointer;direction:rtl;display:flex;justify-content:space-between;padding:10px 4px;transition:background .15s}.permission-item:last-child{border-bottom:none}.permission-item:hover{background:#f0f0f0;border-radius:6px}.permission-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;text-align:right}.permission-item-name{color:#333;font-size:14px;font-weight:600}.permission-item-desc{color:#888;font-size:11px}.permission-toggle{flex-shrink:0;height:24px;margin-right:12px;position:relative;width:44px}.permission-toggle input{height:0;opacity:0;position:absolute;width:0}.permission-toggle .toggle-track{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .25s}.permission-toggle input:checked+.toggle-track{background-color:#4caf50}.permission-toggle .toggle-track:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;transition:transform .25s;width:18px}.permission-toggle input:checked+.toggle-track:before{transform:translateX(20px)}.permission-toggle input:disabled+.toggle-track{cursor:not-allowed;opacity:.5}.drivers-list-container{padding:0}.drivers-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.drivers-header h2{color:#212529;font-size:20px;font-weight:600;margin:0}.drivers-stats{display:flex;flex-wrap:wrap;gap:16px}.stat{border-radius:20px;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s ease}.stat.online{background:#d3f9d8;color:#099268}.stat.offline{background:#f1f3f5;color:#495057}.stat.archived{background:#fff3bf;color:#856404}.drivers-section{margin-bottom:32px}.drivers-section h3{color:#343a40;font-size:20px;font-weight:600;margin:0 0 16px}.drivers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.driver-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:12px;padding:16px;position:relative;transition:all .15s ease}.driver-card.online{border-color:#12b886}.driver-card.offline{opacity:.7}.driver-card:hover{box-shadow:0 1px 3px #0000000a,0 4px 12px #00000014;transform:translateY(-1px)}.driver-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.driver-avatar img{object-fit:cover}.avatar-placeholder,.driver-avatar img{border-radius:50%;height:100%;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.status-indicator{border:2px solid #fff;border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.status-indicator.online{background:#12b886}.status-indicator.offline{background:#adb5bd}.driver-info{flex:1 1;min-width:0;overflow:hidden}.driver-info h4{color:#212529;font-size:13px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-info p{color:#495057;font-size:13px;margin:3px 0}.driver-phone,.driver-schedule,.driver-vehicle{align-items:center;display:flex;gap:5px}.shift-badge{background:#e91e63;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-top:6px;padding:3px 10px}.empty-state{color:#868e96;padding:32px 16px}.error-state{background:#fff;border:1px solid #e9ecef;border-radius:10px;color:#e91e63;font-size:13px;margin:16px 0;padding:32px 16px;text-align:center}.add-driver-btn{align-items:center;background-color:#e91e63;border:1px solid #e91e63;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease}.add-driver-btn:hover{background-color:#c2185b;border-color:#c2185b;box-shadow:0 1px 3px #e91e6333}.driver-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.driver-email{align-items:center;color:#495057;display:flex;font-size:13px;gap:5px}.drivers-sub-tabs{border-bottom:1px solid #e9ecef;display:flex;gap:8px;margin-bottom:20px;padding-bottom:0}.sub-tab-button{background:none;border-bottom:2px solid #0000;border-radius:0;bottom:-1px;font-size:13px;font-weight:600;padding:10px 20px;position:relative;transition:all .15s ease}.sub-tab-button:hover{background-color:#f8f9fb;color:#495057}.sub-tab-button.active{border-bottom-color:#e91e63}.toggle-online-btn{align-items:center;background-color:#adb5bd;border:1px solid #adb5bd;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;min-width:80px;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.toggle-online-btn.active{background-color:#12b886;border-color:#12b886}.toggle-online-btn.inactive{background-color:#adb5bd;border-color:#adb5bd}.toggle-online-btn:hover:not(:disabled){box-shadow:0 1px 3px #0000001a}.toggle-online-btn:disabled{cursor:not-allowed;opacity:.5}.edit-btn{align-items:center;background-color:#e91e63;border:1px solid #e91e63;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;min-height:32px;min-width:32px;padding:6px 10px;transition:all .15s ease}.edit-btn:hover:not(:disabled){background-color:#c2185b;border-color:#c2185b;box-shadow:0 1px 3px #e91e6333}.edit-btn:disabled{cursor:not-allowed;opacity:.5}.search-container{margin-bottom:16px;max-width:500px;position:relative}.search-input{background:#fff;border:1px solid #e9ecef;border-radius:8px;direction:rtl;font-size:13px;padding:10px 40px 10px 14px;transition:all .15s ease;width:100%}.search-input:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;outline:none}.search-input::placeholder{color:#adb5bd}.search-clear-btn{align-items:center;background:#f1f3f5;border:1px solid #e9ecef;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;width:24px}.search-clear-btn:hover{background:#e9ecef;color:#212529}.search-results-info{background:#d3f9d8;border-radius:8px;border-right:3px solid #12b886;color:#099268;font-size:12px;font-weight:500;margin-bottom:16px;padding:10px 14px}@media (max-width:768px){.drivers-header{align-items:stretch;flex-direction:column;gap:12px}.drivers-stats{gap:8px}.drivers-grid{gap:10px;grid-template-columns:1fr}.driver-card{padding:14px}.driver-card-header{align-items:flex-start;flex-direction:column;gap:8px}.driver-actions{flex-wrap:wrap;gap:6px}.driver-actions button{font-size:11px;padding:5px 10px}.search-container,.search-input{width:100%}.drivers-section h3{font-size:15px}}@media (max-width:480px){.driver-card{padding:12px}.toggle-online-btn{font-size:11px;padding:5px 10px}}.shops-list-container{padding:0}.shops-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.shops-header h2{color:#212529;font-size:20px;font-weight:600;margin:0}.shops-stats{display:flex;gap:16px}.shops-section{margin-bottom:32px}.shops-section h3{color:#495057;font-size:20px;font-weight:600;margin:0 0 16px}.shops-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.shop-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 3px #0000000a;padding:16px;transition:all .15s ease}.shop-card.active{border-color:#12b886}.shop-card.inactive{background:#f8f9fb;border-color:#e9ecef;opacity:.7}.shop-card:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.shop-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.shop-header h4{color:#212529;flex:1 1;font-size:20px;font-weight:600;line-height:1.4;margin:0}.auto-dispatch-badge,.disabled-badge,.unavailable-badge{border-radius:8px;font-size:12px;font-weight:500;padding:4px 10px;transition:all .15s ease;white-space:nowrap}.auto-dispatch-badge{background:#d3f9d8;color:#12b886}.disabled-badge{background:#ffe3e3;color:#fa5252}.unavailable-badge{background:#fff3bf;color:#fab005}.shop-info{display:flex;flex-direction:column;gap:8px}.shop-info p{color:#495057;font-size:13px;line-height:1.5;margin:0}.shop-address,.shop-phone{align-items:center;color:#495057;display:flex;gap:6px}.shop-address:before{content:"📍";font-size:12px}.shop-phone:before{content:"📞";font-size:12px}.shop-stats-row{border-top:1px solid #e9ecef;display:flex;gap:16px;margin-top:12px;padding-top:12px}.shop-stat{align-items:center;color:#868e96;display:flex;font-size:13px;gap:6px}.empty-state{background:#f8f9fb;border:1px solid #e9ecef;border-radius:10px;color:#adb5bd;font-size:13px;font-style:italic;padding:48px 20px;text-align:center}[dir=rtl] .shop-header,[dir=rtl] .shop-stats-row,[dir=rtl] .shops-header,[dir=rtl] .shops-stats{flex-direction:row-reverse}@media (max-width:768px){.shops-header{align-items:stretch;flex-direction:column;gap:12px}.shops-stats{flex-wrap:wrap;gap:8px}.shops-grid{gap:10px;grid-template-columns:1fr}.shop-card{padding:14px}.shop-card-header{align-items:flex-start;flex-direction:column;gap:6px}.shop-actions{flex-wrap:wrap;gap:6px}.shops-section h3{font-size:15px}}@media (max-width:480px){.shop-card{padding:12px}.shop-details-row{flex-direction:column;gap:4px}}.admins-page{direction:rtl}.admins-header{margin-bottom:24px}.admins-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admins-header-top h2{color:#212529;font-size:20px;font-weight:700;margin:0}.admins-add-btn{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;box-shadow:0 2px 8px #e91e6340;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 20px;transition:all .2s ease}.admins-add-btn:hover{box-shadow:0 4px 14px #e91e6359;transform:translateY(-1px)}.admins-stats-row{display:flex;flex-wrap:wrap;gap:8px}.admins-stat{background:#f1f3f5;border-radius:20px;color:#495057;font-size:12px;font-weight:600;padding:5px 14px}.admins-stat.stat-managers{background:#dbeafe;color:#1e40af}.admins-stat.stat-leads{background:#f3e8ff;color:#7c3aed}.admins-stat.stat-dispatchers{background:#ffedd5;color:#c2410c}.admins-stat.stat-districts{background:#dcfce7;color:#166534}.admins-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admins-search-wrapper{flex:1 1;min-width:240px;position:relative}.admins-search-icon{color:#adb5bd;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.admins-search{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#343a40;direction:rtl;font-size:13px;padding:9px 38px 9px 36px;transition:all .15s ease;width:100%}.admins-search:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e6314;outline:none}.admins-search::placeholder{color:#adb5bd}.admins-search-clear{align-items:center;background:#e9ecef;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;width:22px}.admins-search-clear:hover{background:#dee2e6}.admins-filter-select{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;direction:rtl;font-size:13px;min-width:180px;padding:9px 14px;transition:all .15s ease}.admins-filter-select:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e6314;outline:none}.admins-empty{color:#868e96;font-size:14px;padding:60px 24px;text-align:center}.admins-district-group{margin-bottom:28px}.admins-district-header{align-items:center;background:#f8f9fb;border-radius:10px;border-right:3px solid #e91e63;color:#495057;display:flex;gap:8px;margin-bottom:14px;padding:10px 16px}.admins-district-header svg{color:#e91e63;flex-shrink:0}.admins-district-name{color:#212529;font-size:15px;font-weight:700}.admins-district-count{background:#e91e63;border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-right:auto;padding:2px 10px}.admins-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:18px;transition:all .2s ease}.admin-card:hover{border-color:#dee2e6;box-shadow:0 4px 14px #0000000f}.admin-card.disabled{background:#f8f9fb;opacity:.55}.admin-card-top{gap:12px}.admin-avatar,.admin-card-top{align-items:center;display:flex}.admin-avatar{background:linear-gradient(135deg,#12b886,#0ca678);border-radius:10px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:42px;justify-content:center;letter-spacing:.5px;width:42px}.admin-avatar.manager{background:linear-gradient(135deg,#e91e63,#c2185b)}.admin-avatar.inactive{background:#adb5bd}.admin-info{flex:1 1;min-width:0}.admin-name{color:#212529;font-size:14px;font-weight:600;margin:0 0 2px}.admin-email-text{color:#868e96;direction:ltr;display:block;font-size:12px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.admin-you-badge{background:#dbeafe;border-radius:6px;color:#1e40af;flex-shrink:0;font-size:10px;font-weight:600;padding:3px 8px}.admin-badges{display:flex;flex-wrap:wrap;gap:6px}.admin-role-badge{border-radius:6px;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.admin-role-badge.manager{background:#dbeafe;color:#1e40af}.admin-role-badge.user{background:#f1f3f5;color:#495057}.admin-role-badge.disabled-badge{background:#ffe3e3;color:#c92a2a}.admin-role-badge.dispatchers-badge{background:#ffedd5;color:#c2410c}.admin-role-badge.leads-badge{background:#f3e8ff;color:#7c3aed}.admin-card-actions{display:flex;gap:8px}.admin-edit-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .15s ease}.admin-edit-btn:hover{background:#f8f9fb;border-color:#e91e63;color:#e91e63}.admin-toggle-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:all .15s ease;white-space:nowrap}.admin-toggle-btn.disable{background:#fff5f5;border:1px solid #ffe3e3;color:#c92a2a}.admin-toggle-btn.disable:hover{background:#ffe3e3;border-color:#ffa8a8}.admin-toggle-btn.enable{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.admin-toggle-btn.enable:hover{background:#b7dfbf;border-color:#a3d9b1}.admin-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.admin-disconnect-btn{align-items:center;background:#fff5f5;border:1px solid #ffe3e3;border-radius:8px;color:#c92a2a;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:all .15s ease;white-space:nowrap}.admin-disconnect-btn:hover{background:#ffe3e3;border-color:#ffa8a8}.admin-disconnect-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.admins-header-top{align-items:stretch;flex-direction:column;gap:12px}.admins-add-btn{justify-content:center;width:100%}.admins-stats-row{gap:6px}.admins-stat{font-size:11px;padding:4px 10px}.admins-controls{flex-direction:column}.admins-search-wrapper{min-width:0}.admins-filter-select{min-width:0;width:100%}.admins-grid{gap:10px;grid-template-columns:1fr}.admin-card{padding:14px}.admins-district-header{padding:8px 12px}}@media (max-width:480px){.admins-stats-row{gap:4px}.admins-stat{font-size:10px;padding:3px 8px}}.shop-statistics{padding:0}.shop-statistics-loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px 20px}.statistics-filters{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:16px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:180px}.filter-group label{color:#495057;font-size:12px;font-weight:500}.filter-group input,.filter-group select{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-family:inherit;font-size:13px;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease}.filter-group input:focus,.filter-group select:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;outline:none}.summary-value{line-height:1}.summary-label{margin-top:4px}.charts-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;margin-bottom:24px;padding:20px}.chart-tabs{border-bottom:1px solid #e9ecef;display:flex;gap:8px;margin-bottom:20px}.chart-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#868e96;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:10px 20px;transition:all .15s ease}.chart-tabs button:hover{color:#e91e63}.chart-tabs button.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.chart-container{min-height:300px;padding:20px 0}.bar-chart h4{color:#212529;font-size:20px;font-weight:600;margin:0 0 20px}.bars-container{display:flex;flex-direction:column;gap:12px}.bar-item{align-items:center;display:flex;gap:12px}.bar-label{color:#495057;font-size:13px;font-weight:500;min-width:150px}.bar-wrapper{background:#f8f9fb;border-radius:6px;flex:1 1;height:32px;overflow:hidden;position:relative}.bar-fill{align-items:center;background:linear-gradient(90deg,#e91e63,#ff4081);display:flex;height:100%;justify-content:flex-end;min-width:40px;padding-left:10px;transition:width .5s ease}.bar-fill.region{background:linear-gradient(90deg,#12b886,#20c997)}.bar-value{color:#fff;font-size:12px;font-weight:600;padding-left:10px}.pie-chart h4{color:#212529;font-size:20px;font-weight:600;margin:0 0 30px;text-align:center}.pie-content{gap:60px}.pie-content,.pie-visual{align-items:center;display:flex;justify-content:center}.pie-circle{border-radius:50%;height:200px;overflow:hidden;width:200px}.pie-segment{border-radius:50%;height:100%;width:100%}.pie-legend{display:flex;flex-direction:column;gap:12px}.legend-item{align-items:center;display:flex;font-size:13px;gap:10px}.legend-color{border-radius:4px;height:20px;width:20px}.legend-color.inside{background:#12b886}.legend-color.outside{background:#e91e63}.legend-label{color:#495057;font-weight:500}.statistics-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;padding:20px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.table-header h3{color:#212529;font-size:20px;font-weight:600;margin:0}.table-wrapper{overflow-x:auto}.statistics-table{border-collapse:collapse;font-size:13px;width:100%}.statistics-table thead{background:#f8f9fb}.statistics-table th{border-bottom:1px solid #dee2e6;color:#495057;font-size:12px;font-weight:600;padding:12px;text-align:right;white-space:nowrap}.statistics-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:12px}.statistics-table tbody tr{transition:background .15s ease}.statistics-table tbody tr:hover{background:#f8f9fb}.shop-name{color:#212529;font-weight:600}.number-cell{color:#e91e63;font-weight:500;text-align:center}.number-cell.clickable:hover{font-weight:600}.orders-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.orders-modal-content{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;width:1000px}.orders-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;color:#212529;display:flex;justify-content:space-between;padding:20px 24px}.orders-modal-header h3{color:#212529;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#f8f9fb;border:1px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;transition:all .15s ease;width:32px}.modal-close-btn:hover{background:#f1f3f5;border-color:#dee2e6;transform:rotate(90deg)}.orders-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.orders-summary{background:#f8f9fb;border:1px solid #e9ecef;border-radius:8px;color:#212529;display:flex;font-weight:600;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.orders-summary span{font-size:13px}.orders-modal-table{border-collapse:collapse;font-size:13px;width:100%}.orders-modal-table thead{background:#f8f9fb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.orders-modal-table th{border-bottom:1px solid #dee2e6;color:#495057;font-size:12px;font-weight:600;padding:12px;text-align:right}.orders-modal-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:12px;text-align:right}.orders-modal-table tbody tr:hover{background-color:#f8f9fb}.order-status-badge.status-pending_for_drivers{background-color:#fff3cd;color:#856404}.order-price-cell{color:#e91e63;font-weight:600}.empty-orders{color:#868e96;font-size:13px;padding:40px}.empty-orders,.percent-cell{text-align:center}.percent-bar{align-items:center;background:#f8f9fb;border-radius:6px;display:flex;height:28px;justify-content:center;overflow:hidden;position:relative}.percent-fill{height:100%;position:absolute;right:0;top:0;transition:width .5s ease}.percent-fill.inside{background:linear-gradient(90deg,#12b886,#20c997)}.percent-fill.outside{background:linear-gradient(90deg,#e91e63,#ff4081)}.percent-bar span{color:#212529;font-size:12px;font-weight:600;position:relative;z-index:1}.areas-cell{max-width:200px}.areas-tags{display:flex;flex-wrap:wrap;gap:6px}.area-tag{background:#d4edda;border-radius:6px;color:#12b886;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.totals-row{background:#f8f9fb;font-weight:600}.totals-row td{border-bottom:1px solid #dee2e6;border-top:1px solid #dee2e6}.stats-mobile-cards{display:none}.stat-mobile-card{background:#f8f9fb;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:border-color .15s ease}.stat-mobile-card:hover{border-color:#e91e63}.stat-mobile-card.totals{background:#fff;border-color:#dee2e6;cursor:default}.stat-mobile-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.stat-mobile-rank{align-items:center;background:#e9ecef;border-radius:50%;color:#495057;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.stat-mobile-name{color:#212529;flex:1 1;font-size:14px;font-weight:600}.stat-mobile-total{color:#e91e63;font-size:16px;font-weight:700}.stat-mobile-row{display:flex;gap:20px;padding-right:34px}.stat-mobile-item{display:flex;font-size:13px;gap:6px}.stat-mobile-label{color:#868e96;font-weight:500}.stat-mobile-value.inside{color:#12b886;font-weight:600}.stat-mobile-value.outside{color:#e91e63;font-weight:600}@media (max-width:1024px){.stats-desktop{display:none}.stats-mobile-cards{display:block}}@media (max-width:768px){.filter-row{flex-direction:column}.filter-group{min-width:100%}.summary-cards{grid-template-columns:1fr}.pie-content{flex-direction:column;gap:30px}.bar-label{font-size:12px;min-width:100px}.table-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.stat-mobile-card{padding:10px 12px}.stat-mobile-name{font-size:13px}.stat-mobile-row{font-size:12px;gap:12px;padding-right:34px}}.spinner{border:4px solid #f8f9fb}.multi-select-container{position:relative;width:100%}.multi-select-summary{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease}.multi-select-summary:hover{border-color:#e91e63}.multi-select-summary:after{color:#868e96;content:"▼";font-size:10px;margin-left:8px}.multi-select-container:hover .multi-select-dropdown{display:block}.multi-select-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #0000001a;display:none;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.multi-select-option{align-items:center;cursor:pointer;direction:rtl;display:flex;gap:10px;padding:8px 12px;transition:background .15s ease}.multi-select-option:hover{background:#f8f9fb}.multi-select-option input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.multi-select-option label{cursor:pointer;flex:1 1;font-size:13px;font-weight:400;margin:0}.report-summary{margin-bottom:20px}.summary-value.earnings{color:#339af0}.report-actions{background:#f8f9fb;border:1px solid #e9ecef;border-radius:8px;gap:8px;margin-bottom:20px;padding:12px}.action-btn{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 16px}.action-btn.excel-btn{background:#12b886;color:#fff}.action-btn.excel-btn:hover{background:#0fa372;box-shadow:0 2px 6px #12b8864d;transform:translateY(-1px)}.expandable-row{cursor:pointer;transition:background-color .15s ease}.expandable-row:hover{background-color:#f8f9fb}.expand-cell{padding:8px!important;text-align:center}.expand-icon{color:#868e96;display:inline-block;font-size:12px;transition:transform .15s ease}.expand-icon.expanded{transform:rotate(0deg)}.expanded-details-row{background-color:#f8f9fb}.expanded-details-row td{padding:0!important}.order-details-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin:10px;padding:20px}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section h5{border-bottom:1px solid #12b886;color:#212529;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#868e96;font-size:12px;font-weight:500}.detail-value{color:#212529;font-size:13px;font-weight:600}.delivery-statistics{padding:0}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;gap:12px;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.summary-card:hover{box-shadow:0 2px 6px #00000014;transform:translateY(-2px)}.summary-card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.summary-card.clickable:hover{border-color:#e91e63;box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.summary-card.clickable:active{transform:translateY(-1px)}.summary-card.clickable.active{background:#fff;border-color:#e91e63;box-shadow:0 2px 8px #e91e6326}.summary-icon{align-items:center;background:linear-gradient(135deg,#e91e63,#ff4081);border-radius:8px;color:#fff;display:flex;font-size:32px;height:56px;justify-content:center;width:56px}.summary-content{flex:1 1}.summary-value{font-size:28px;margin-bottom:4px}.delivery-statistics-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.line-chart{padding:20px}.line-chart h4{color:#212529;font-size:20px;font-weight:600;margin:0 0 30px;text-align:center}.chart-area{align-items:flex-end;border-bottom:1px solid #e9ecef;display:flex;gap:10px;height:300px;overflow-x:auto;padding:20px}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:50px}.chart-bar-wrapper{align-items:flex-end;height:250px;width:100%}.chart-bar,.chart-bar-wrapper{display:flex;justify-content:center}.chart-bar{align-items:flex-start;border-radius:4px 4px 0 0;min-height:5px;padding-top:5px;position:relative;transition:all .15s ease;width:30px}.chart-bar.deliveries{background:linear-gradient(180deg,#e91e63,#ff4081)}.chart-bar.earnings{background:linear-gradient(180deg,#12b886,#20c997)}.chart-bar:hover{opacity:.85;transform:scale(1.05)}.chart-value{color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px #0000004d}.chart-label{color:#868e96;font-size:11px;margin-top:8px;transform:rotate(-45deg);white-space:nowrap}.driver-name{color:#212529;font-weight:600}.number-cell.success{color:#12b886;font-weight:600}.number-cell.cancelled{color:#fa5252;font-weight:600}.number-cell.clickable{cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.number-cell.clickable:hover{background-color:#f8f9fb;border-radius:4px;font-weight:700;transform:scale(1.05)}.number-cell.clickable:active{transform:scale(.98)}.earnings-cell{color:#12b886;font-weight:600;text-align:center}.percent-fill.success{background:linear-gradient(90deg,#12b886,#20c997)}.export-buttons{display:flex;gap:8px}.export-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s ease}.export-btn.csv{background:#12b886}.export-btn.csv:hover{background:#0fa372;box-shadow:0 2px 6px #12b8864d;transform:translateY(-1px)}.export-btn.excel{background:#12b886}.export-btn.excel:hover{background:#0fa372;box-shadow:0 2px 6px #12b8864d;transform:translateY(-1px)}.driver-report-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.driver-report-modal-content{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:95%;overflow:hidden;width:1100px}.driver-report-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;color:#212529;display:flex;justify-content:space-between;padding:20px 24px}.driver-report-header h3{color:#212529;font-size:20px;font-weight:600;margin:0}.driver-report-body{flex:1 1;overflow-y:auto;padding:24px}.report-summary{grid-gap:16px;background:#f8f9fb;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:20px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#868e96;font-size:12px;font-weight:500}.summary-value{color:#212529;font-size:18px;font-weight:700}.summary-value.success{color:#12b886}.summary-value.cancelled{color:#fa5252}.summary-value.earnings{color:#12b886;font-size:20px}.orders-by-date-section{margin-bottom:24px}.orders-by-date-section h4{color:#212529;font-size:20px;font-weight:600;margin:0 0 20px}.day-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;margin-bottom:16px;overflow:hidden}.day-header{align-items:center;background:#f8f9fb;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 16px}.day-date{color:#212529;font-size:16px;font-weight:600}.day-stats{color:#868e96;font-size:13px;font-weight:500}.day-orders{display:flex;flex-direction:column;gap:8px;padding:12px}.order-item{grid-gap:12px;align-items:center;background:#f8f9fb;border:1px solid #e9ecef;border-radius:6px;display:grid;gap:12px;grid-template-columns:80px 120px 150px 100px 1fr 40px;padding:10px;transition:background .15s ease}.order-item:hover{background:#f1f3f5}.order-time{color:#868e96;font-size:13px;font-weight:600}.order-status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.order-status-badge.status-delivered{background-color:#d4edda;color:#155724}.order-status-badge.status-cancelled{background-color:#f8d7da;color:#721c24}.order-status-badge.status-processing{background-color:#fff3cd;color:#856404}.order-status-badge.status-dispatched{background-color:#d1ecf1;color:#0c5460}.order-price{align-items:center;display:flex;gap:6px}.order-price,.order-shop-name{color:#12b886;font-size:13px;font-weight:600}.order-address,.order-shop-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-address{color:#868e96;font-size:12px}.web3d-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;box-shadow:0 1px 3px #667eea4d;color:#fff;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.5px;margin-left:20px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.report-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:center;padding-top:20px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;min-width:180px;padding:10px 24px;transition:all .15s ease}.action-btn:disabled{cursor:not-allowed;opacity:.6}.email-btn{background:#e91e63;color:#fff}.email-btn:hover:not(:disabled){background:#d81b60;box-shadow:0 2px 8px #e91e634d;transform:translateY(-1px)}.push-btn{background:#12b886;color:#fff}.push-btn:hover:not(:disabled){background:#0fa372;box-shadow:0 2px 8px #12b8864d;transform:translateY(-1px)}.driver-stats-mobile{display:none}.driver-mobile-card{background:#f8f9fb;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:border-color .15s ease}.driver-mobile-card:hover{border-color:#e91e63}.driver-mobile-card.totals{background:#fff;border-color:#dee2e6;cursor:default}.driver-mobile-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.driver-mobile-rank{align-items:center;background:#e9ecef;border-radius:50%;color:#495057;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.driver-mobile-name{color:#212529;flex:1 1;font-size:14px;font-weight:600}.driver-mobile-earnings{color:#12b886;font-size:16px;font-weight:700}.driver-mobile-stats{display:flex;flex-wrap:wrap;gap:8px 16px;padding-right:34px}.driver-mobile-stat{display:flex;font-size:13px;gap:4px}.driver-mobile-label{color:#868e96;font-weight:500}.driver-mobile-val{color:#495057;font-weight:600}.driver-mobile-val.success{color:#12b886}.driver-mobile-val.cancelled{color:#fa5252}@media (max-width:1024px){.driver-stats-desktop{display:none}.driver-stats-mobile{display:block}}@media (max-width:768px){.chart-area{height:250px;padding:10px}.chart-bar-wrapper{height:200px}.chart-bar{width:20px}.chart-label{font-size:9px}.driver-report-modal-content{max-height:95vh;width:100%}.order-item,.report-summary{grid-template-columns:1fr}.order-item{gap:8px}.report-actions{flex-direction:column}.action-btn{width:100%}.table-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.driver-mobile-card{padding:10px 12px}.driver-mobile-name{font-size:13px}.driver-mobile-stats{gap:6px 12px;padding-right:34px}.driver-mobile-stat{font-size:12px}}.order-item-wrapper{margin-bottom:8px}.order-item.expandable{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background-color .15s ease,border-color .15s ease}.order-item.expandable:hover{background-color:#f8f9fb;border-color:#12b886}.order-item .expand-icon{align-items:center;color:#868e96;display:inline-flex;font-size:13px;justify-content:center;margin-right:auto;min-width:20px;transition:transform .15s ease}.order-item .expand-icon.expanded{transform:rotate(0deg)}.order-details-expanded{background:#f8f9fb;border:1px solid #e9ecef;border-radius:8px;margin-top:8px;padding:20px}.order-details-expanded .detail-section{margin-bottom:20px}.order-details-expanded .detail-section:last-child{margin-bottom:0}.order-details-expanded .detail-section h5{border-bottom:1px solid #12b886;color:#212529;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.order-details-expanded .detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.order-details-expanded .detail-item{display:flex;flex-direction:column;gap:4px}.order-details-expanded .detail-item.full-width{grid-column:1/-1}.order-details-expanded .detail-label{color:#868e96;font-size:12px;font-weight:500}.order-details-expanded .detail-value{color:#212529;font-size:13px;font-weight:600}.analytics-statistics-container{direction:rtl;min-width:0;overflow-x:hidden;padding:0}.analytics-loading{color:#868e96;font-size:13px;padding:40px;text-align:center}.analytics-date-controls{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:16px}.date-inputs{flex-wrap:wrap;gap:16px;margin-bottom:12px}.date-input-group{flex-direction:column;gap:6px}.date-input-group label{color:#495057}.date-input-group input[type=date]{border:1px solid #dee2e6;border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease}.date-input-group input[type=date]:focus{box-shadow:0 0 0 3px #e91e631a}.date-actions{gap:8px}.btn-apply,.btn-reset{border:none;border-radius:6px;font-family:inherit;font-weight:600;padding:8px 16px}.btn-apply{background:#339af0}.btn-apply:hover{background:#228be6;box-shadow:0 2px 6px #339af04d;transform:translateY(-1px)}.btn-reset{background:#adb5bd;color:#fff}.btn-reset:hover{background:#868e96;box-shadow:0 2px 6px #adb5bd4d;transform:translateY(-1px)}.analytics-filters{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;gap:12px;margin-bottom:20px;padding:16px}.analytics-filters label{color:#495057;font-size:12px;font-weight:500}.shop-autocomplete-wrapper{flex:1 1;max-width:400px;position:relative}.shop-filter-autocomplete{background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:text;font-size:13px;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.shop-filter-autocomplete:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;outline:none}.shop-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;margin-top:-4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.shop-dropdown-item{border-bottom:1px solid #e9ecef;cursor:pointer;font-size:13px;padding:10px 12px;transition:background-color .15s ease}.shop-dropdown-item:hover{background-color:#f8f9fb}.shop-dropdown-item.selected{background-color:#f1f3f5;color:#e91e63;font-weight:600}.shop-dropdown-item:last-child{border-bottom:none}.analytics-metrics{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:20px}.analytics-metrics h3{color:#212529;font-size:20px;font-weight:600;margin:0 0 20px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#212529;overflow:hidden;padding:20px;position:relative;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.metric-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-card:nth-child(2):before{background:linear-gradient(90deg,#e91e63,#ff4081)}.metric-card:nth-child(3):before{background:linear-gradient(90deg,#339af0,#228be6)}.metric-card:nth-child(4):before{background:linear-gradient(90deg,#12b886,#20c997)}.metric-card-alert:before{background:linear-gradient(90deg,#fab005,#f59f00)!important}.metric-icon{color:#495057;font-size:32px;margin-bottom:10px}.metric-label{color:#868e96;font-size:12px;font-weight:500;margin-bottom:10px}.metric-value{color:#212529;font-size:28px;font-weight:700}.analytics-chart{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:20px}.analytics-chart h3{color:#212529;font-size:20px;font-weight:600;margin:0 0 20px}.analytics-chart-container{align-items:flex-end;direction:ltr;display:flex;gap:2px;height:250px;justify-content:space-between;overflow-x:auto;padding:20px 0}.analytics-chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:30px}.analytics-chart-bar{align-items:flex-start;background:linear-gradient(180deg,#e91e63,#ff4081);border-radius:4px 4px 0 0;display:flex;justify-content:center;min-height:2px;padding-top:5px;position:relative;transition:all .15s ease;width:100%}.analytics-chart-bar:hover{opacity:.85;transform:scaleY(1.05)}.analytics-bar-count{color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px #0000004d}.analytics-chart-label{color:#868e96;font-size:11px;margin-top:5px;text-align:center;writing-mode:horizontal-tb}.analytics-regions-chart{display:flex;flex-direction:column;gap:12px;overflow-x:auto}.analytics-region-bar-wrapper{align-items:center;display:flex;gap:12px}.analytics-region-label{color:#495057;font-size:13px;font-weight:500;min-width:200px}.analytics-region-bar-container{background:#f8f9fb;border-radius:6px;flex:1 1;height:32px;overflow:hidden;position:relative}.analytics-region-bar{align-items:center;background:linear-gradient(90deg,#e91e63,#ff4081);border-radius:6px;display:flex;height:100%;min-width:-webkit-fit-content;min-width:fit-content;padding:0 12px;transition:width .5s ease}.analytics-region-count{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px #00000080;white-space:nowrap;z-index:1}.delay-mobile-cards{display:none}.delay-card{background:#f8f9fb;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;padding:12px 14px}.delay-card-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.delay-card-rank{align-items:center;background:#e9ecef;border-radius:50%;color:#495057;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.delay-card-name{color:#212529;flex:1 1;font-size:14px;font-weight:600}.delay-card-badge{border-radius:6px;flex-shrink:0;font-size:13px;font-weight:700;padding:4px 10px}.delay-card-stats{color:#495057;display:flex;font-size:13px;gap:16px;padding-right:34px}.delay-card-stats .delay-count{color:#fa5252;font-weight:600}@media (max-width:1024px){.delay-desktop{display:none}.delay-mobile-cards{display:block}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.analytics-filters,.date-inputs{flex-direction:column}.analytics-filters{align-items:flex-start}.shop-autocomplete-wrapper{max-width:100%;width:100%}.analytics-region-label{font-size:12px;min-width:100px}.analytics-region-bar-wrapper{gap:8px}.analytics-chart-container{gap:1px}.analytics-chart-label{font-size:9px}.analytics-chart h3,.analytics-metrics h3,.analytics-table h3{font-size:16px}.metric-value{font-size:22px}}@media (max-width:480px){.analytics-region-label{font-size:11px;min-width:70px}.analytics-region-bar-wrapper{gap:6px}.analytics-chart,.analytics-metrics,.analytics-table{padding:12px}.metric-card{padding:14px}.metric-value{font-size:20px}.analytics-chart-container{height:180px}.delay-card{padding:10px 12px}.delay-card-name{font-size:13px}.delay-card-stats{font-size:12px;padding-right:34px}}.analytics-table{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;overflow-x:auto;padding:20px}.analytics-table h3{color:#212529;font-size:20px;font-weight:600;margin:0 0 20px}.delay-table{border-collapse:collapse;width:100%}.delay-table thead{background:#f8f9fb}.delay-table th{border-bottom:1px solid #dee2e6;font-size:12px;font-weight:600}.delay-table td,.delay-table th{color:#495057;padding:12px;text-align:right}.delay-table td{border-bottom:1px solid #e9ecef;font-size:13px}.delay-table tbody tr{transition:background .15s ease}.delay-table tbody tr:hover{background:#f8f9fb}.name-cell{color:#212529;font-weight:600}.delay-count{color:#fa5252}.delay-count,.delay-percent{font-weight:600}.high-delay{background:#ffe3e3;color:#fa5252}.high-delay,.medium-delay{border-radius:4px;padding:4px 8px}.medium-delay{background:#fff3cd;color:#fab005}.low-delay{background:#d4edda;border-radius:4px;color:#12b886;padding:4px 8px}.unified-reports-container{background-color:#f8f9fb;display:flex;flex-direction:column;height:100%;min-width:0;overflow-x:hidden;width:100%}.unified-reports-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:15px;padding:0}.view-toggle{display:flex;gap:8px;justify-content:center;padding:15px}.toggle-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:20px;color:#495057;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 20px;transition:all .15s ease}.toggle-btn:hover{background:#f8f9fb;border-color:#dee2e6}.toggle-btn.active{background:#e91e63;border-color:#e91e63;color:#fff}.toggle-icon{font-size:16px}.date-range-controls{flex-wrap:wrap;justify-content:space-between;padding:0 15px 15px}.date-inputs,.date-range-controls{align-items:center;display:flex;gap:20px}.date-input-group{align-items:center;display:flex;gap:8px}.date-input-group label{color:#343a40;font-size:12px;font-weight:500;white-space:nowrap}.date-input-group input[type=date]{background:#fff;border:1px solid #e9ecef;border-radius:8px;direction:ltr;font-size:13px;min-width:150px;padding:8px 12px;transition:all .15s ease}.date-input-group input[type=date]:focus{border-color:#e91e63;box-shadow:0 0 0 2px #e91e631a;outline:none}.date-actions{display:flex;gap:10px}.btn-apply,.btn-reset{border:1px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .15s ease}.btn-apply{background:#e91e63;border-color:#e91e63;color:#fff}.btn-apply:hover{background:#c2185b;border-color:#c2185b}.btn-reset{background:#fff;color:#495057}.btn-reset:hover{background:#f8f9fb;border-color:#dee2e6}.unified-reports-content{flex:1 1;overflow:auto;padding:0}.unified-reports-content>div{min-height:100%}@media (max-width:768px){.unified-reports-header{padding:0}.view-toggle{flex-direction:column;padding:15px}.toggle-btn{justify-content:center;width:100%}.date-range-controls{flex-direction:column;padding:0 15px 15px}.date-inputs{flex-direction:column;gap:10px;width:100%}.date-input-group{width:100%}.date-input-group input[type=date]{flex:1 1}.date-actions{width:100%}.btn-apply,.btn-reset{flex:1 1}}@media (max-width:480px){.view-toggle{gap:6px;padding:10px}.toggle-btn{font-size:12px;padding:7px 12px}.date-range-controls{gap:10px;padding:0 10px 10px}.date-input-group input[type=date]{font-size:12px;min-width:0;padding:7px 8px}.date-input-group label{font-size:11px}.btn-apply,.btn-reset{font-size:12px;padding:7px 12px}}.reports-dashboard{margin:0 auto;max-width:1400px;min-width:0;overflow-x:hidden;padding:0}.reports-dashboard.loading{color:#868e96;font-size:13px;min-height:400px}.reports-dashboard-header,.reports-dashboard.loading{align-items:center;display:flex;justify-content:center}.reports-dashboard-header{gap:20px;margin-bottom:24px}.reports-dashboard-header-content{flex:1 1;max-width:600px;text-align:center}.reports-dashboard-header h2{color:#212529;font-size:20px;font-weight:600;margin:0 0 8px}.date-range{color:#868e96;font-size:13px;margin:0}.month-nav-arrow{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:50%;box-shadow:0 1px 3px #0000000a;color:#495057;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.month-nav-arrow:hover:not(:disabled){background:#f8f9fb;border-color:#dee2e6;box-shadow:0 1px 3px #00000014;color:#212529}.month-nav-arrow:active:not(:disabled){box-shadow:0 1px 2px #0000000a;transform:scale(.95)}.month-nav-arrow:disabled{background:#f8f9fb;border-color:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed;opacity:.6}.kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.kpi-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex;gap:16px;padding:20px;transition:all .2s ease}.kpi-card:hover{border-color:#dee2e6;box-shadow:0 2px 6px #00000014}.kpi-income{border-left:3px solid #12b886}.kpi-outcome{border-left:3px solid #fab005}.kpi-profit{border-left:3px solid #e91e63}.kpi-profit.negative{border-left:3px solid #fa5252}.kpi-icon{font-size:40px;line-height:1;opacity:.8}.kpi-content{flex:1 1}.kpi-label{color:#868e96;font-size:13px;font-weight:500;margin-bottom:6px}.kpi-value{color:#212529;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:4px}.kpi-subtitle{color:#adb5bd;font-size:13px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:24px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#dee2e6;box-shadow:0 2px 6px #00000014}.stat-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.stat-icon{font-size:28px;line-height:1;opacity:.8}.stat-header h3{color:#212529;font-size:20px;font-weight:600;margin:0}.stat-body{flex:1 1}.stat-main{margin-bottom:16px;text-align:center}.stat-number{color:#e91e63;font-size:28px;font-weight:700;line-height:1;margin-bottom:6px}.stat-label{color:#868e96;font-size:13px;font-weight:500}.stat-details{background:#f8f9fb;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:12px}.stat-detail{align-items:center;display:flex;justify-content:space-between}.stat-detail-label{color:#868e96;font-size:13px}.stat-detail-value{color:#212529;font-size:13px;font-weight:600}.stat-footer{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px;text-align:center}.stat-link{color:#e91e63;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.stat-card:hover .stat-link{color:#c2185b;text-decoration:underline}[dir=rtl] .kpi-income,[dir=rtl] .kpi-outcome,[dir=rtl] .kpi-profit{border-left:none;border-right:3px solid}[dir=rtl] .kpi-income{border-right-color:#12b886}[dir=rtl] .kpi-outcome{border-right-color:#fab005}[dir=rtl] .kpi-profit{border-right-color:#e91e63}[dir=rtl] .kpi-profit.negative{border-right-color:#fa5252}@media (max-width:1024px){.kpi-row,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.reports-dashboard{padding:0}.reports-dashboard-header{flex-wrap:wrap;gap:10px;justify-content:center}.month-nav-arrow{font-size:16px;height:36px;width:36px}.kpi-row,.stats-grid{gap:10px;grid-template-columns:1fr}.kpi-card{padding:14px}.kpi-value,.stat-number{font-size:22px}.reports-dashboard-header h2{font-size:17px}.date-range{font-size:12px}.stat-card{padding:14px}}@media (max-width:480px){.kpi-card{align-items:flex-start;flex-direction:column;gap:4px;padding:12px}.kpi-value{font-size:20px}.kpi-label{font-size:12px}.reports-dashboard-header h2{font-size:15px}}.distribution-areas-container{direction:rtl;margin:0 auto;max-width:1800px;padding:0}.areas-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.areas-header h2{color:#212529;font-size:20px;font-weight:700;margin:0}.areas-content{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 300px}.areas-list{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000000a;min-height:500px;overflow-y:auto;padding:16px}.areas-list h3{align-items:center;border-bottom:1px solid #f1f3f5;color:#212529;display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin:0 0 14px;padding-bottom:14px}.empty-message{color:#868e96;font-size:13px;padding:32px 16px;text-align:center}.areas-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.area-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;padding:12px;transition:all .15s ease}.area-card:hover{background:#fafbfc;border-color:#dee2e6}.area-card.selected{background:linear-gradient(135deg,#e91e6308,#e91e630f);border-color:#e91e63;box-shadow:0 0 0 1px #e91e6326}.area-card.disabled{opacity:.5}.area-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.area-card-header h4{color:#212529;font-size:14px;font-weight:600;margin:0}.badge-in-city{background:#d4edda;color:#155724}.badge-disabled,.badge-in-city{border-radius:6px;font-size:10px;font-weight:700;padding:2px 8px}.badge-disabled{background:#fff3bf;color:#e67700}.area-name-en{color:#adb5bd;font-size:12px;font-style:italic;margin:0 0 6px}.area-earning{display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:12px;margin:6px 0 0}.area-earning span{align-items:center;display:inline-flex;gap:4px}.area-points{color:#adb5bd;font-size:11px;margin:4px 0 0}.area-actions{border-top:1px solid #f1f3f5;display:flex;gap:6px;margin-top:10px;padding-top:10px}.area-editor{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000000a;min-width:0;overflow:hidden;padding:16px}.area-editor h3{border-bottom:1px solid #f1f3f5;color:#212529;font-size:15px;font-weight:700;margin:0 0 20px;padding-bottom:14px}.area-form{margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{color:#495057;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px}.form-group input[type=number],.form-group input[type=text]{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;color:#212529;font-family:inherit;font-size:13px;padding:8px 12px;transition:all .15s ease;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e6314;outline:none}.form-group input::placeholder{color:#adb5bd}.form-group small{display:block;font-size:11px;margin-top:4px}.checkbox-label{align-items:center;color:#495057;cursor:pointer;display:inline-flex;font-size:13px!important;font-weight:500!important;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#e91e63;cursor:pointer;height:18px;width:18px}.map-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.map-status{font-size:12px;font-weight:600}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-primary{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;box-shadow:0 2px 8px #e91e6340;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 14px #e91e6359;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .15s ease}.btn-secondary:hover{background:#f8f9fb;border-color:#ced4da}.btn-edit{background:#fff;border:1px solid #d0ebff;border-radius:6px;color:#339af0;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:7px 12px;transition:all .15s ease}.btn-edit:hover{background:#e7f5ff;border-color:#339af0}.btn-delete{background:#fff;border:1px solid #ffc9c9;border-radius:6px;color:#fa5252;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:7px 12px;transition:all .15s ease}.btn-delete:hover{background:#fff5f5;border-color:#fa5252}.map-container{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-top:20px;overflow:hidden}.error-message{background:#fff5f5;border:1px solid #ffc9c9;border-radius:12px;color:#fa5252}.error-message,.loading-container{font-size:14px;padding:48px;text-align:center}.loading-container{color:#868e96}@media (max-width:1200px){.areas-content{gap:14px;grid-template-columns:1fr 280px}}@media (max-width:960px){.areas-content{grid-template-columns:1fr}.areas-list{max-height:360px}}@media (max-width:768px){.areas-header{align-items:stretch;flex-direction:column;gap:12px}.areas-content{gap:12px;grid-template-columns:1fr}.areas-list{max-height:260px;padding:14px}.area-editor{padding:16px}.area-card{padding:12px}.map-controls{align-items:stretch}.form-actions,.map-controls{flex-direction:column}.form-actions button{text-align:center;width:100%}}@media (max-width:480px){.areas-list{max-height:220px}.area-actions{flex-direction:column}}.dl-wrapper{direction:rtl;padding:24px}.dl-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.dl-title{color:#212529;font-size:20px;font-weight:700;margin:0 0 4px}.dl-subtitle{color:#868e96;font-size:13px;margin:0}.dl-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dl-btn-primary{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;box-shadow:0 2px 8px #e91e634d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:all .2s;white-space:nowrap}.dl-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #e91e6366;transform:translateY(-1px)}.dl-btn-primary:disabled{cursor:not-allowed;opacity:.6}.dl-view-btn{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .15s}.dl-view-btn:hover{background:#f8f9fb}.dl-btn-cancel{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:13px;padding:8px 16px}.dl-btn-cancel:hover{background:#f1f3f5}.dl-btn-enter{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 14px;text-align:center;transition:all .2s}.dl-btn-enter:hover{box-shadow:0 3px 10px #e91e6359;transform:translateY(-1px)}.dl-btn-edit-sm{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:13px;padding:7px 10px;transition:background .15s}.dl-btn-edit-sm:hover{background:#f1f3f5}.dl-btn-enter-sm{background:#fce4ec;border:1px solid #f8bbd0;border-radius:6px;color:#c2185b;cursor:pointer;font-size:12px;font-weight:600;margin-left:6px;padding:5px 12px}.dl-btn-enter-sm:hover{background:#f48fb1;color:#fff}.dl-kpi-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.dl-kpi-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 3px #0000000a;padding:16px 12px;text-align:center}.dl-kpi-icon{font-size:24px;margin-bottom:6px}.dl-kpi-num{color:#e91e63;font-size:22px;font-weight:700;line-height:1}.dl-kpi-label{color:#868e96;font-size:11px;margin-top:4px}.dl-kpi-sub{color:#12b886;font-size:11px;font-weight:600;margin-top:3px}.dl-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dl-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden;transition:all .2s}.dl-card:hover{border-color:#dee2e6;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.dl-card-disabled{opacity:.6}.dl-card-head{align-items:flex-start;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;display:flex;justify-content:space-between;padding:14px 16px}.dl-card-name{font-size:16px;font-weight:700}.dl-card-key{font-size:11px;margin-top:2px;opacity:.75}.dl-card-badges{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.dl-badge{border-radius:20px;font-size:11px;font-weight:700;padding:3px 9px;white-space:nowrap}.dl-badge-success{background:#d3f9d8;color:#099268}.dl-badge-danger{background:#ffe3e3;color:#c92a2a}.dl-badge-info{background:#dbeafe;color:#1e40af}.dl-card-body{padding:14px 16px}.dl-stat-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.dl-stat-item{background:#f8f9fb;border-radius:8px;padding:8px 6px;text-align:center}.dl-stat-num{color:#343a40;display:block;font-size:17px;font-weight:700;line-height:1}.dl-stat-today{color:#e91e63}.dl-stat-revenue{color:#12b886;font-size:13px!important}.dl-stat-label{color:#868e96;display:block;font-size:10px;margin-top:3px}.dl-alert-msg{background:#fff3bf;border:1px solid #f59f00;border-radius:6px;color:#856404;font-size:12px;margin-bottom:10px;padding:6px 10px}.dl-card-actions{align-items:center;display:flex;gap:8px}.dl-edit-form{display:flex;flex-direction:column;gap:10px}.dl-toggle-row{align-items:center;border-bottom:1px solid #f1f3f5;color:#495057;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.dl-toggle-row input[type=checkbox]{accent-color:#e91e63;cursor:pointer;height:16px;width:16px}.dl-field-row{display:flex;flex-direction:column;gap:4px}.dl-field-row label{color:#495057;font-size:12px;font-weight:600}.dl-field-row input{border:1px solid #dee2e6;border-radius:8px;direction:rtl;font-size:13px;padding:8px 12px;transition:border-color .15s}.dl-field-row input:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;outline:none}.dl-field-hint{color:#868e96;display:block;font-size:11px;margin-top:3px}.dl-required{color:#e91e63}.dl-form-actions{display:flex;gap:8px;margin-top:4px}.dl-table-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.dl-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.dl-table th{background:#f8f9fb;border-bottom:1px solid #e9ecef;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.dl-table td,.dl-table th{color:#495057;padding:12px 14px;text-align:right}.dl-table td{border-bottom:1px solid #f1f3f5}.dl-table tr:last-child td{border-bottom:none}.dl-table tr:hover td{background:#f8f9fb}.dl-row-disabled td{opacity:.5}.dl-subtext{color:#868e96;font-size:11px}.dl-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.dl-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;direction:rtl;max-width:460px;overflow:hidden;width:100%}.dl-modal-header{align-items:center;background:#f8f9fb;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:18px 20px}.dl-modal-header h3{color:#212529;font-size:16px;margin:0}.dl-modal-close{background:none;border:none;border-radius:4px;color:#868e96;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px}.dl-modal-close:hover{background:#f1f3f5}.dl-modal-body{display:flex;flex-direction:column;gap:12px;padding:20px}.dl-modal-footer{background:#f8f9fb;border-top:1px solid #e9ecef;display:flex;gap:10px;padding:16px 20px}.dl-modal-note{background:#fff3bf;border:1px solid #f59f00;border-radius:8px;color:#856404;font-size:12px;line-height:1.6;padding:10px 14px}.dl-modal-note ul{margin:4px 0 0;padding-right:16px}.dl-empty,.dl-loading{color:#868e96;font-size:15px;padding:60px 20px;text-align:center}.dl-access-denied{background:#fff5f5;border:1px solid #ffe3e3;border-radius:12px;margin:40px auto;max-width:460px;padding:60px 20px;text-align:center}.dl-denied-icon{font-size:48px;margin-bottom:12px}.dl-access-denied h2{color:#c92a2a;margin:0 0 8px}.dl-access-denied p{color:#868e96;font-size:14px;margin:0}@media (max-width:768px){.dl-wrapper{padding:14px 12px}.dl-header{align-items:stretch;flex-direction:column;gap:10px}.dl-header>div{flex:1 1}.dl-header .dl-btn-primary{text-align:center;width:100%}.dl-title{font-size:18px}.dl-kpi-row{gap:10px;grid-template-columns:repeat(2,1fr)}.dl-grid{gap:12px;grid-template-columns:1fr}.dl-card-head{padding:12px 14px}.dl-card-name{font-size:15px}.dl-stat-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.dl-stat-num{font-size:15px}.dl-stat-label{font-size:9px}.dl-card-actions{gap:6px}.dl-btn-enter{font-size:13px;padding:8px 10px}.dl-modal-overlay{align-items:flex-end;padding:0}.dl-modal{border-radius:16px 16px 0 0;max-height:90vh;max-width:100%;overflow-y:auto}.dl-modal-footer{flex-direction:column}.dl-modal-footer button{width:100%}.dl-form-actions{flex-direction:column}.dl-form-actions button{width:100%}}@media (max-width:480px){.dl-wrapper{padding:10px 8px}.dl-kpi-row{grid-template-columns:repeat(2,1fr)}.dl-kpi-num{font-size:18px}.dl-kpi-icon{font-size:20px}.dl-table{font-size:12px}.dl-table td,.dl-table th{padding:9px 10px}}:root{--brand-primary:#e91e63;--brand-primary-light:#fce4ec;--brand-primary-dark:#c2185b;--brand-primary-hover:#e91e6314;--gray-50:#f8f9fb;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--success:#12b886;--warning:#fab005;--danger:#fa5252;--info:#339af0;--sidebar-width:220px;--sidebar-collapsed-width:64px;--topbar-height:60px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000a,0 2px 4px #00000008;--shadow-lg:0 10px 15px #0000000d,0 4px 6px #00000008;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}.dashboard-layout{background:#f8f9fb;background:var(--gray-50);direction:rtl;display:flex;min-height:100vh}.sidebar{background:#fff;border-left:1px solid #e9ecef;border-left:1px solid var(--gray-200);bottom:0;display:flex;flex-direction:column;position:fixed;right:0;top:0;transition:width .25s ease;width:220px;width:var(--sidebar-width);z-index:100}.sidebar-collapsed .sidebar{width:64px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;flex-shrink:0;gap:12px;height:60px;height:var(--topbar-height);padding:0 18px}.sidebar-logo{border-radius:6px;border-radius:var(--radius-sm);flex-shrink:0;height:32px;object-fit:contain;width:32px}.sidebar-brand{color:#e91e63;color:var(--brand-primary);font-size:22px;font-style:italic;font-weight:800;white-space:nowrap}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 8px}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#868e96;color:var(--gray-600);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:right;transition:all .15s ease;white-space:nowrap;width:100%}.sidebar-nav-item:hover{background:#f1f3f5;background:var(--gray-100);color:#343a40;color:var(--gray-800)}.sidebar-nav-item.active{background:#e91e63;background:var(--brand-primary);color:#fff;font-weight:600}.sidebar-nav-item.active .nav-icon svg{stroke:#fff}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-icon svg{stroke:currentColor}.nav-label{flex:1 1;text-align:right}.nav-badge{background:#e9ecef;background:var(--gray-200);border-radius:10px;color:#495057;color:var(--gray-700);font-size:11px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.sidebar-nav-item.active .nav-badge{background:#ffffff40;color:#fff}.sidebar-footer{border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);padding:12px 8px}.sidebar-collapse-btn{align-items:center;background:#f1f3f5;background:var(--gray-100);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#adb5bd;color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease;width:100%}.sidebar-collapse-btn:hover{background:#e9ecef;background:var(--gray-200);color:#495057;color:var(--gray-700)}.sidebar-collapsed .sidebar-nav-item{justify-content:center;padding:10px}.sidebar-collapsed .sidebar-header{justify-content:center;padding:0}.main-area{display:flex;flex:1 1;flex-direction:column;margin-right:220px;margin-right:var(--sidebar-width);min-height:100vh;min-width:0;overflow-x:hidden;transition:margin-right .25s ease}.sidebar-collapsed .main-area{margin-right:64px;margin-right:var(--sidebar-collapsed-width)}.topbar{background:#fff;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);height:60px;height:var(--topbar-height);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-right{align-items:center;display:flex}.topbar-right{gap:12px}.page-title{color:#212529;color:var(--gray-900);font-size:18px;font-weight:700;margin:0}.district-badge{background:#fce4ec;background:var(--brand-primary-light);border:none;border-radius:12px;color:#e91e63;color:var(--brand-primary);font-size:12px;font-weight:600;padding:4px 12px}.district-badge.clickable{align-items:center;cursor:pointer;display:inline-flex;gap:4px;transition:all .15s ease}.district-badge.clickable:hover{background:#e91e63;background:var(--brand-primary);color:#fff}.district-switcher{position:relative}.district-dropdown-overlay{inset:0;position:fixed;z-index:99}.district-dropdown{animation:dropdown-fade .15s ease;background:#fff;border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:100}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.district-dropdown-item{align-items:center;background:none;border:none;border-radius:7px;color:#495057;color:var(--gray-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:9px 14px;text-align:right;transition:all .1s ease;width:100%}.district-dropdown-item:hover{background:#f1f3f5;background:var(--gray-100)}.district-dropdown-item.active{background:#fce4ec;background:var(--brand-primary-light);color:#e91e63;color:var(--brand-primary);font-weight:600}.topbar-left{gap:16px}.topbar-left,.topbar-user{align-items:center;display:flex}.topbar-user{gap:10px}.user-avatar{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex-direction:column}.user-name{color:#343a40;color:var(--gray-800);font-size:13px;font-weight:600}.user-role{font-size:11px}.sign-out-btn,.user-role{color:#adb5bd;color:var(--gray-500)}.sign-out-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.sign-out-btn:hover{background:#fa5252;background:var(--danger);border-color:#fa5252;border-color:var(--danger);color:#fff}.main-content{flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px}.loading-container{background:#f8f9fb;background:var(--gray-50);gap:16px}.loading-container p{color:#868e96;color:var(--gray-600);font-size:15px}.spinner{animation:spin .8s linear infinite;border:3px solid #e9ecef;border-top-color:#e91e63;border:3px solid var(--gray-200);border-top-color:var(--brand-primary);height:40px;width:40px}.reports-container{min-width:0;overflow-x:hidden;width:100%}.reports-sub-tabs{background:#f1f3f5;background:var(--gray-100);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.sub-tab-button{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#868e96;color:var(--gray-600);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.sub-tab-button:hover{color:#343a40;color:var(--gray-800)}.sub-tab-button.active{background:#fff;box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);color:#e91e63;color:var(--brand-primary);font-weight:600}.reports-content{width:100%}.mobile-bottom-nav{display:none}@media (max-width:1024px){.sidebar{width:64px;width:var(--sidebar-collapsed-width)}.main-area{margin-right:64px;margin-right:var(--sidebar-collapsed-width)}.sidebar .nav-badge,.sidebar .nav-label,.sidebar .sidebar-brand{display:none}.sidebar .sidebar-nav-item{justify-content:center;padding:10px}.sidebar .sidebar-header{justify-content:center;padding:0}.sidebar-footer{display:none}}@media (max-width:768px){.sidebar{display:none}.main-area{margin-right:0;padding-bottom:68px}.main-content{padding:12px}.topbar{height:52px;padding:0 12px}.page-title{font-size:15px}.district-badge{font-size:11px;padding:3px 8px}.user-info{display:none}.user-avatar{font-size:12px}.sign-out-btn,.user-avatar{height:32px;width:32px}.mobile-bottom-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#fff;border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -2px 10px #0000000f;display:flex;left:0;overflow-x:auto;padding:4px 0 max(4px,env(safe-area-inset-bottom));position:fixed;right:0;scrollbar-width:none;z-index:200}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-nav-item{align-items:center;background:#0000;border:none;color:#adb5bd;color:var(--gray-500);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:500;gap:2px;min-width:56px;padding:6px 4px;transition:color .15s ease;white-space:nowrap}.mobile-nav-item.active{color:#e91e63;color:var(--brand-primary)}.mobile-nav-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.mobile-nav-icon svg{height:18px;width:18px}.mobile-nav-label{font-size:10px}.reports-sub-tabs{width:100%}.sub-tab-button{flex:1 1;font-size:13px;padding:8px 12px;text-align:center}}@media (max-width:480px){.main-content{padding:8px}.topbar{padding:0 8px}.topbar-left{gap:8px}.page-title{font-size:14px}.district-badge{display:none}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.478964c5.css.map*/