:root{--color-primary:#c1272d;--color-primary-light:#e85d62;--color-primary-dark:#8b1c21;--color-secondary:#006c89;--color-secondary-light:#33899f;--color-secondary-dark:#004d61;--color-accent:#ff6b35;--color-accent-light:#ff8c5e;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-disabled:#94a3b8;--color-bg-default:#f8fafb;--color-bg-paper:#fff;--color-bg-secondary:#f1f5f9;--color-bg-alternative:#e2e8f0;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-divider:#e2e8f0;--shadow-sm:0px 1px 3px #00000014,0px 1px 2px #0000000a;--shadow-md:0px 4px 6px #00000014,0px 4px 4px #0000000a;--shadow-lg:0px 8px 16px #0000001a,0px 6px 8px #0000000f;--shadow-xl:0px 12px 24px #00000024,0px 10px 12px #0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:all 0.15s ease;--transition-base:all 0.2s ease;--transition-slow:all 0.3s ease}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.container{background:linear-gradient(135deg,#f8fafb,#f1f5f9);height:100vh;overflow:hidden}.map-block{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 16px #0000001a,0 6px 8px #0000000f;box-shadow:var(--shadow-lg);margin:16px;margin:var(--spacing-md);overflow:hidden;position:relative;width:70%}.driver-info-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--color-bg-paper);background:#fffffff2;border-right:1px solid #f1f5f9;border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:40%}.header-container{background:linear-gradient(135deg,#fff,#f8fafb);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light);box-shadow:0 2px 8px #0000000a;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10}.header-container:after{background:linear-gradient(90deg,#c1272d,#ff6b35 50%,#006c89);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 50%,var(--color-secondary) 100%);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));transition:all .2s ease;transition:var(--transition-base)}.logo:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));transform:translateY(-2px)}.sidebar-container{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--spacing-md);min-height:0;overflow:hidden;padding:24px;padding:var(--spacing-lg)}.sidebar-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:2px}.sidebar-scrollable::-webkit-scrollbar{width:6px}.sidebar-scrollable::-webkit-scrollbar-track{background:#f1f5f9;background:var(--color-bg-secondary);border-radius:3px}.sidebar-scrollable::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--color-border);border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:var(--transition-base);transition:var(--transition-base)}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--color-text-disabled)}.drivers{max-height:calc(100vh - 100px);overflow:auto}ul.driver-list{list-style-type:none;margin:0;max-height:77vh;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:#e2e8f0 #f1f5f9;scrollbar-color:var(--color-border) var(--color-bg-secondary);scrollbar-width:thin;width:100%}ul.driver-list::-webkit-scrollbar{width:6px}ul.driver-list::-webkit-scrollbar-track{background:#f1f5f9;background:var(--color-bg-secondary);border-radius:3px}ul.driver-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--color-border);border-radius:3px}ul.driver-list::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--color-text-disabled)}.active-driver-item,.completed-driver-item,.driver-item{border-radius:12px;border-radius:var(--radius-md);cursor:pointer;margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:hidden;padding:16px;padding:var(--spacing-md);position:relative;transition:all .2s ease;transition:var(--transition-base);width:100%}.driver-item{background:#fff;background:var(--color-bg-paper);border:1px solid #e2e8f0;border:1px solid var(--color-border);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm)}.driver-item:hover{background:#f1f5f9;background:var(--color-bg-secondary);border-color:#e2e8f0;border-color:var(--color-border);box-shadow:0 4px 6px #00000014,0 4px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.active-driver-item{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;box-shadow:0 4px 12px #10b98126;position:relative}.active-driver-item:before{background:linear-gradient(180deg,#10b981,#059669);background:linear-gradient(180deg,var(--color-success) 0,#059669 100%);border-radius:8px 0 0 8px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.active-driver-item:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;box-shadow:0 6px 16px #10b98133;transform:translateY(-2px) scale(1.01)}.completed-driver-item{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;box-shadow:0 4px 12px #3b82f626;position:relative}.completed-driver-item:before{background:linear-gradient(180deg,#3b82f6,#2563eb);background:linear-gradient(180deg,var(--color-info) 0,#2563eb 100%);border-radius:8px 0 0 8px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.completed-driver-item:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;box-shadow:0 6px 16px #3b82f633;transform:translateY(-2px) scale(1.01)}.back-btn,.btn-primary,.btn-secondary{border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.02em;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s ease;transition:var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#c1272d,#8b1c21);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s ease;transition:var(--transition-slow);width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#8b1c21,#6b1417);background:linear-gradient(135deg,var(--color-primary-dark) 0,#6b1417 100%);box-shadow:0 4px 6px #00000014,0 4px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:#fff;background:var(--color-bg-paper);border:1px solid #e2e8f0;border:1px solid var(--color-border);color:#1e293b;color:var(--color-text-primary)}.btn-secondary:hover{background:#f1f5f9;background:var(--color-bg-secondary);border-color:#94a3b8;border-color:var(--color-text-disabled);box-shadow:0 4px 6px #00000014,0 4px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.back-btn{background:linear-gradient(135deg,#006c89,#004d61);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%);color:#fff;margin-bottom:16px;margin-bottom:var(--spacing-md);width:100%}.back-btn:hover{background:linear-gradient(135deg,#004d61,#003a4a);background:linear-gradient(135deg,var(--color-secondary-dark) 0,#003a4a 100%);box-shadow:0 4px 6px #00000014,0 4px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-btns{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e293b99;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;background:var(--color-bg-paper);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #00000024,0 10px 12px #0000001a;box-shadow:var(--shadow-xl);margin:10% auto auto;max-width:90%;padding:32px;padding:var(--spacing-xl);width:450px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-form input,.modal-input{background:#fff;background:var(--color-bg-paper);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--color-text-primary);display:block;font-size:14px;margin-bottom:16px;margin-bottom:var(--spacing-md);outline:none;padding:12px 16px;transition:all .2s ease;transition:var(--transition-base);width:100%}.modal-form input:focus,.modal-input:focus{background:#fff;border-color:#c1272d;border-color:var(--color-primary);box-shadow:0 0 0 3px #c1272d1a}.modal-form input::placeholder,.modal-input::placeholder{color:#94a3b8;color:var(--color-text-disabled)}.modal-actions{display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-end;margin-top:24px;margin-top:var(--spacing-lg)}.error,.green,.red,.yellow{border-radius:6px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase;transition:all .2s ease;transition:var(--transition-base)}.red{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-error) 0,#dc2626 100%)}.red:hover{box-shadow:0 4px 6px #00000014,0 4px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.yellow{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--color-warning) 0,#d97706 100%)}.yellow:hover{box-shadow:0 4px 6px #00000014,0 4px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.green{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success) 0,#059669 100%)}.green:hover{box-shadow:0 4px 6px #00000014,0 4px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.error{background:linear-gradient(135deg,#ff6b35,#cc5526)}.error:hover{box-shadow:0 4px 6px #00000014,0 4px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.text-primary{color:#1e293b;color:var(--color-text-primary)}.text-secondary{color:#64748b;color:var(--color-text-secondary)}.text-success{color:#10b981;color:var(--color-success)}.text-warning{color:#f59e0b;color:var(--color-warning)}.text-error{color:#ef4444;color:var(--color-error)}.bg-primary{background-color:#c1272d;background-color:var(--color-primary)}.bg-secondary{background-color:#006c89;background-color:var(--color-secondary)}.bg-success{background-color:#10b981;background-color:var(--color-success)}@media (max-width:1024px){.driver-info-block{width:35%}.map-block{width:65%}}@media (max-width:768px){.container>div:nth-child(2){flex-direction:column}.driver-info-block,.map-block{width:100%}.map-block{height:50vh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fade-in{animation:fadeIn .3s ease}.slide-in{animation:slideInFromLeft .3s ease}@media print{.action-btns,.back-btn,.btn-primary,.btn-secondary{display:none}}
/*# sourceMappingURL=main.75a41ad8.css.map*/