.login-container{align-items:center;background:#e91e63;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;max-width:400px;padding:50px 40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo{height:100px;margin-bottom:20px;object-fit:contain;width:100px}.login-header h1{color:#e91e63;font-size:32px;font-weight:600;margin:0}.login-header p{color:#666;font-size:14px;margin:0}.error-message{background-color:#fee;border-radius:5px;color:#c33;padding:12px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#333}.form-group input{border:2px solid #e0e0e0;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#e91e63;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background:#fff;border:none;border-radius:5px;color:#e91e63;cursor:pointer;font-size:18px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){box-shadow:0 5px 20px #e91e634d;transform:translateY(-2px)}.error-text{color:#333;font-size:14px;margin-top:15px;text-align:center}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.test-credentials{background:#f8f9fa;border:2px dashed #31a869;border-radius:10px;margin-top:30px;padding:20px;text-align:right}.test-credentials h3{color:#31a869;font-size:18px;font-weight:600;margin:0 0 15px}.credential-box{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:12px;padding:15px}.credential-box:last-child{margin-bottom:0}.credential-box p{color:#333;font-size:14px;margin:5px 0}.credential-box strong{color:#e91e63;font-weight:600}.credential-box code{background:#f0f0f0;border-radius:4px;color:#2196f3;cursor:pointer;display:inline-block;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:4px 8px;transition:all .2s}.credential-box code:hover{background:#e0e0e0;transform:scale(1.05)}.orders-list-container{padding:20px}.orders-header{margin-bottom:20px}.orders-header h2{color:#333;margin:0 0 15px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-buttons button{background:#fff;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.filter-buttons button:hover{border-color:#667eea}.filter-buttons button.active{background:#667eea;border-color:#667eea;color:#fff}.orders-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.orders-table th{color:#333;font-size:14px;font-weight:600;padding:12px 16px;text-align:right;white-space:nowrap}.orders-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.orders-table tbody tr:hover{background-color:#f8f9fa}.orders-table tbody tr.expanded{background-color:#f0f7ff}.orders-table td{color:#555;font-size:14px;padding:12px 16px}.order-time-cell{color:#666;font-weight:500;white-space:nowrap}.order-shop-cell{color:#333;font-weight:600}.order-status-cell{white-space:nowrap}.order-status-badge{color:#fff;font-weight:600}.order-from-cell,.order-to-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-driver-cell{color:#667eea;font-weight:500}.order-price-cell{color:#333;white-space:nowrap}.order-expand-cell{text-align:center;width:40px}.expand-icon{color:#999;display:inline-block;font-size:12px;transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.order-details-row{background-color:#f8f9fa}.order-details-row td{border-top:2px solid #e0e0e0;padding:0}.order-details-content{padding:20px}.details-grid{grid-gap:15px;border-bottom:1px solid #e0e0e0;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#999;font-size:12px;font-weight:500}.detail-value{color:#333;font-size:14px;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 #e0e0e0;border-radius:6px;padding:15px}.details-section h4{color:#667eea;font-size:14px;font-weight:600;margin:0 0 12px}.details-section p{color:#555;font-size:13px;line-height:1.5;margin:6px 0}.details-section strong{color:#333;font-weight:600}.empty-state{padding:60px 20px}@media (max-width:768px){.orders-table-container{overflow-x:auto}.orders-table{min-width:800px}.details-grid,.details-sections{grid-template-columns:1fr}}.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;font-size:14px;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;font-weight:600;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{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;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;justify-content:space-between;margin-top:24px;padding-top:20px}.form-actions,.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}.drivers-list-container{padding:20px}.drivers-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:30px}.drivers-header h2{color:#333;margin:0}.drivers-stats{display:flex;flex-wrap:wrap;gap:20px}.stat{border-radius:20px;font-size:14px;font-weight:500;padding:8px 16px}.stat.online{background:#d3f9d8;color:#2b8a3e}.stat.offline{background:#e9ecef;color:#495057}.stat.archived{background:#fff3cd;color:#856404}.drivers-section{margin-bottom:40px}.drivers-section h3{color:#555;font-size:18px;margin:0 0 20px}.drivers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.driver-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s}.driver-card.online{border-color:#51cf66}.driver-card.offline{opacity:.7}.driver-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.driver-avatar{flex-shrink:0;height:60px;position:relative;width:60px}.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:20px;font-weight:600;justify-content:center}.status-indicator{border:3px solid #fff;border-radius:50%;bottom:2px;height:16px;position:absolute;right:2px;width:16px}.status-indicator.online{background:#51cf66}.status-indicator.offline{background:#adb5bd}.driver-info{flex:1 1}.driver-info h4{color:#333;font-size:16px;margin:0 0 8px}.driver-info p{color:#666;font-size:14px;margin:4px 0}.driver-phone,.driver-schedule,.driver-vehicle{align-items:center;display:flex;gap:5px}.shift-badge{background:#4dabf7;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-top:8px;padding:4px 10px}.error-state{background:#fff;border:2px solid #e91e63;border-radius:10px;color:#e91e63;margin:20px;padding:40px 20px;text-align:center}.add-driver-btn{align-items:center;background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.add-driver-btn:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.driver-email{align-items:center;color:#666;display:flex;font-size:13px;gap:5px}.drivers-sub-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.sub-tab-button{background:none;bottom:-2px;font-weight:600;position:relative}.sub-tab-button:hover{background-color:#f5f5f5;color:#333}.sub-tab-button.active{border-bottom-color:#4caf50;color:#4caf50}.toggle-online-btn{align-items:center;background-color:#e0e0e0;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}.toggle-online-btn.active{background-color:#4caf50;color:#fff}.toggle-online-btn.inactive{background-color:#f44336;color:#fff}.toggle-online-btn:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.toggle-online-btn:disabled{cursor:not-allowed;opacity:.5}.edit-btn{align-items:center;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;padding:6px 8px;transition:all .2s ease}.edit-btn:hover:not(:disabled){background-color:#1976d2;transform:scale(1.05)}.edit-btn:disabled{cursor:not-allowed;opacity:.5}.driver-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.shops-list-container{padding:20px}.shops-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.shops-header h2{color:#333;margin:0}.shops-stats{display:flex;gap:20px}.shops-section{margin-bottom:40px}.shops-section h3{color:#555;font-size:18px;margin:0 0 20px}.shops-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.shop-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:20px;transition:all .3s}.shop-card.active{border-color:#51cf66}.shop-card.inactive{border-color:#e9ecef;opacity:.7}.shop-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.shop-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.shop-header h4{color:#333;flex:1 1;font-size:18px;margin:0}.auto-dispatch-badge,.disabled-badge,.unavailable-badge{border-radius:12px;font-size:11px;font-weight:500;padding:4px 10px;white-space:nowrap}.auto-dispatch-badge{background:#d3f9d8;color:#2b8a3e}.disabled-badge{background:#ffe3e3;color:#c92a2a}.unavailable-badge{background:#fff3bf;color:#f08c00}.shop-info{display:flex;flex-direction:column;gap:8px}.shop-info p{color:#666;font-size:14px;margin:0}.shop-address,.shop-phone{align-items:center;display:flex;gap:5px}.shop-stats-row{border-top:1px solid #f0f0f0;display:flex;gap:15px;margin-top:8px;padding-top:8px}.shop-stat{align-items:center;color:#666;display:flex;font-size:13px;gap:5px}.empty-state{color:#999;font-style:italic;padding:40px 20px;text-align:center}.shop-statistics{padding:20px 0}.shop-statistics-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.statistics-header{margin-bottom:30px}.statistics-header h2{color:#e91e63;font-size:28px;margin:0 0 10px}.statistics-subtitle{color:#666;font-size:16px;margin:0}.statistics-filters{background:#fff;border:2px solid #f0f0f0;border-radius:10px;margin-bottom:30px;padding:20px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:180px}.filter-group label{color:#333;font-size:14px;font-weight:600}.filter-group input,.filter-group select{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:15px;padding:10px 12px;transition:border-color .3s}.filter-group input:focus,.filter-group select:focus{border-color:#e91e63;outline:none}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:10px;display:flex;gap:15px;padding:20px;transition:transform .3s,box-shadow .3s}.summary-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.summary-icon{align-items:center;background:linear-gradient(135deg,#e91e63,#ff4081);border-radius:10px;display:flex;font-size:40px;height:60px;justify-content:center;width:60px}.summary-content{flex:1 1}.summary-value{color:#e91e63;font-size:32px;font-weight:700;line-height:1}.summary-label{font-size:14px;margin-top:5px}.charts-section{background:#fff;border:2px solid #f0f0f0;border-radius:10px;margin-bottom:30px;padding:20px}.chart-tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:10px;margin-bottom:20px}.chart-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s}.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:#333;font-size:18px;margin:0 0 20px}.bars-container{display:flex;flex-direction:column;gap:15px}.bar-item{align-items:center;display:flex;gap:15px}.bar-label{color:#333;font-size:14px;font-weight:500;min-width:150px}.bar-wrapper{background:#f5f5f5;border-radius:6px;flex:1 1;height:35px;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,#31a869,#4caf50)}.bar-value{color:#fff;font-size:14px;font-weight:600;padding-left:10px}.pie-chart h4{color:#333;font-size:18px;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:15px}.legend-item{align-items:center;display:flex;font-size:16px;gap:12px}.legend-color{border-radius:4px;height:24px;width:24px}.legend-color.inside{background:#31a869}.legend-color.outside{background:#e91e63}.legend-label{color:#333;font-weight:500}.statistics-table-container{background:#fff;border:2px solid #f0f0f0;border-radius:10px;padding:20px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.table-header h3{color:#333;font-size:20px;margin:0}.table-wrapper{overflow-x:auto}.statistics-table{border-collapse:collapse;font-size:14px;width:100%}.statistics-table thead{background:#f8f9fa}.statistics-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:15px 12px;text-align:right;white-space:nowrap}.statistics-table td{border-bottom:1px solid #f0f0f0;padding:15px 12px}.statistics-table tbody tr{transition:background .2s}.statistics-table tbody tr:hover{background:#f8f9fa}.shop-name{color:#333;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;background-color:#0009;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-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;width:1000px}.orders-modal-header{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);border-bottom:2px solid #f0f0f0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.orders-modal-header h3{font-size:22px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.orders-modal-body{flex:1 1;overflow-y:auto;padding:20px 25px}.orders-summary{background:#f8f9fa;border-radius:8px;color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:20px;padding:15px}.orders-summary span{font-size:16px}.orders-modal-table{border-collapse:collapse;font-size:14px;width:100%}.orders-modal-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.orders-modal-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:12px;text-align:right}.orders-modal-table td{border-bottom:1px solid #f0f0f0;padding:12px;text-align:right}.orders-modal-table tbody tr:hover{background-color:#f8f9fa}.order-status-badge.status-pending_for_drivers{background-color:#ffeaa7;color:#d63031}.order-price-cell{color:#e91e63;font-weight:600}.empty-orders{color:#999;font-size:16px;padding:40px}.empty-orders,.percent-cell{text-align:center}.percent-bar{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;height:30px;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,#31a869,#4caf50)}.percent-fill.outside{background:linear-gradient(90deg,#e91e63,#ff4081)}.percent-bar span{color:#333;font-size:13px;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:#e8f5e9;border-radius:12px;color:#31a869;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.totals-row{background:#f8f9fa;font-weight:600}.totals-row td{border-bottom:2px solid #e0e0e0;border-top:2px solid #e0e0e0}@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-wrapper{overflow-x:scroll}}.spinner{border-top-color:#e91e63}.delivery-statistics{padding:20px 0}.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:#333;font-size:18px;margin:0 0 30px;text-align:center}.chart-area{align-items:flex-end;border-bottom:2px solid #e0e0e0;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 .3s ease;width:30px}.chart-bar.deliveries{background:linear-gradient(180deg,#e91e63,#ff4081)}.chart-bar.earnings{background:linear-gradient(180deg,#31a869,#4caf50)}.chart-bar:hover{opacity:.8;transform:scale(1.05)}.chart-value{color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px #0000004d}.chart-label{color:#666;font-size:11px;margin-top:8px;transform:rotate(-45deg);white-space:nowrap}.driver-name{color:#333;font-weight:600}.number-cell.success{color:#31a869;font-weight:600}.number-cell.cancelled{color:#ff5252;font-weight:600}.number-cell.clickable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.number-cell.clickable:hover{background-color:#f5f5f5;border-radius:4px;font-weight:700;transform:scale(1.1)}.number-cell.clickable:active{transform:scale(.95)}.earnings-cell{color:#31a869;font-weight:600;text-align:center}.percent-fill.success{background:linear-gradient(90deg,#31a869,#4caf50)}.export-buttons{display:flex;gap:10px}.export-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.export-btn.csv{background:#31a869}.export-btn.csv:hover{background:#2d9660;box-shadow:0 4px 8px #31a8694d;transform:translateY(-2px)}.export-btn.excel{background:#217346}.export-btn.excel:hover{background:#1a5c37;box-shadow:0 4px 8px #2173464d;transform:translateY(-2px)}.driver-report-modal-overlay{align-items:center;background-color:#0009;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-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:95%;overflow:hidden;width:1100px}.driver-report-header{align-items:center;background:linear-gradient(135deg,#31a869,#2d9660);border-bottom:2px solid #f0f0f0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.driver-report-header h3{font-size:22px;font-weight:600;margin:0}.driver-report-body{flex:1 1;overflow-y:auto;padding:25px}.report-summary{grid-gap:15px;background:#f8f9fa;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px;padding:20px}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-label{color:#666;font-size:13px;font-weight:500}.summary-value{color:#333;font-size:18px;font-weight:600}.summary-value.success{color:#31a869}.summary-value.cancelled{color:#ff5252}.summary-value.earnings{color:#31a869;font-size:20px}.orders-by-date-section{margin-bottom:25px}.orders-by-date-section h4{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.day-summary{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;overflow:hidden}.day-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 15px}.day-date{color:#333;font-size:16px;font-weight:600}.day-stats{color:#666;font-size:14px;font-weight:500}.day-orders{display:flex;flex-direction:column;gap:8px;padding:10px}.order-item{grid-gap:15px;align-items:center;background:#f8f9fa;border-radius:6px;display:grid;gap:15px;grid-template-columns:80px 120px 100px 1fr;padding:10px;transition:background .2s}.order-item:hover{background:#e9ecef}.order-time{color:#666;font-size:14px;font-weight:600}.order-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;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{color:#31a869;font-size:14px;font-weight:600}.order-address{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:center;padding-top:20px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;min-width:180px;padding:12px 30px;transition:all .3s ease}.action-btn:disabled{cursor:not-allowed;opacity:.6}.email-btn{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff}.email-btn:hover:not(:disabled){box-shadow:0 4px 12px #e91e6366;transform:translateY(-2px)}.push-btn{background:linear-gradient(135deg,#31a869,#2d9660);color:#fff}.push-btn:hover:not(:disabled){box-shadow:0 4px 12px #31a86966;transform:translateY(-2px)}@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%}}.dashboard{background-color:#f5f7fa;min-height:100vh}.dashboard-header{background:#e91e63;box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px 0}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header-content,.header-logo{align-items:center;display:flex}.header-logo{gap:15px}.header-logo-img{background:#fff;border-radius:8px;height:40px;object-fit:contain;padding:5px;width:40px}.header-content h1{font-size:24px;margin:0}.header-actions{align-items:center;display:flex;gap:20px}.admin-email{font-size:14px;opacity:.9}.sign-out-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s}.sign-out-btn:hover{background:#ffffff4d}.dashboard-tabs{display:flex;gap:10px;margin:0 auto;max-width:1400px;padding:20px 20px 0}.tab-button{background:#fff;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s}.tab-button:hover{background:#f8f9fa}.tab-button.active{background:#fff;border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.dashboard-content{background:#fff;border-radius:0 8px 8px 8px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:1400px;min-height:calc(100vh - 180px);padding:0 20px 40px}.reports-container{width:100%}.reports-sub-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px;padding-bottom:0}.sub-tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .3s ease}.sub-tab-button:hover{background:#e91e630d;color:#e91e63}.sub-tab-button.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.reports-content{width:100%}*{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.12ac6336.css.map*/