.loading-screen{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafbff4d,#edf0ff47,#f7f8ff4d);overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;box-shadow:0 18px 40px #11182733}.loading-screen--contained{width:100%;height:100%;min-height:260px;border-radius:24px}.loading-screen--overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:120%;border-radius:inherit;z-index:200;pointer-events:auto}.loading-screen--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;border-radius:0;z-index:9999;min-height:100vh}.loading-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 8s ease-in-out infinite}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#60a5fa,#3b82f6);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:350px;height:350px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);top:50%;right:-80px;animation-delay:-2s}.shape-3{width:300px;height:300px;background:linear-gradient(135deg,#f472b6,#ec4899);bottom:-80px;left:30%;animation-delay:-4s}.shape-4{width:250px;height:250px;background:linear-gradient(135deg,#60a5fa,#a78bfa);top:30%;left:50%;animation-delay:-6s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-10px) scale(1.02)}}.loading-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px}.loading-logo{animation:pulse-glow 2s ease-in-out infinite;margin-bottom:-8px}.logo-icon{width:250px;height:110px;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-icon svg{width:70px;height:70px;animation:truck-drive 1.5s ease-in-out infinite}.truck-body{fill:#60a5fae6;stroke:#ffffff80;stroke-width:1}.truck-cabin{fill:#a78bfae6;stroke:#ffffff80;stroke-width:1}.truck-wheel{fill:#fff;stroke:#fffc;stroke-width:1}.wheel-1,.wheel-2{animation:wheel-spin .5s linear infinite;transform-origin:center}.motion-line{stroke:#fff9;stroke-width:2;stroke-linecap:round;animation:motion-fade .8s ease-in-out infinite}.line-1{animation-delay:0s}.line-2{animation-delay:.15s}.line-3{animation-delay:.3s}.package{fill:#f472b6e6;stroke:#ffffff80;stroke-width:.5}.package-line{stroke:#ffffff80;stroke-width:.5}@keyframes truck-drive{0%,to{transform:translate(0)}25%{transform:translate(2px) translateY(-1px)}75%{transform:translate(-1px) translateY(1px)}}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes motion-fade{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.8;transform:translate(-3px)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(96,165,250,.3))}50%{filter:drop-shadow(0 0 40px rgba(167,139,250,.5))}}.loading-dots{display:flex;gap:12px;margin-top:0}.dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa);animation:dot-bounce 1.4s ease-in-out infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-message{font-size:16px;font-weight:500;color:#8b5cf6;letter-spacing:.5px;text-align:center;animation:text-fade 2s ease-in-out infinite}@keyframes text-fade{0%,to{opacity:.6}50%{opacity:1}}.loading-progress{width:200px;margin-top:8px}.progress-track{height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;width:30%;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);border-radius:4px;animation:progress-move 1.5s ease-in-out infinite}@keyframes progress-move{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}@media(max-width:480px){.logo-icon{width:100px;height:100px;border-radius:20px}.logo-icon svg{width:56px;height:56px}.loading-progress{width:160px}.shape{filter:blur(60px)}.shape-1{width:250px;height:250px}.shape-2{width:200px;height:200px}.shape-3{width:180px;height:180px}.shape-4{width:150px;height:150px}}@media(prefers-reduced-motion:reduce){.shape,.loading-logo,.logo-icon svg,.dot,.loading-message,.progress-fill,.truck-wheel,.motion-line{animation:none}.dot{opacity:1;transform:scale(1)}.loading-message{opacity:1}.progress-fill{width:50%;margin-left:25%}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2,#9d4edd);padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:40px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.auth-logo-image{max-width:200px;height:auto;object-fit:contain}.auth-subtitle{color:#6b7280;font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s;background:#fff}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.form-group input::placeholder{color:#9ca3af}.form-options{display:flex;justify-content:flex-end;margin-top:-8px}.forgot-password-link{font-size:14px;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.forgot-password-link:hover{color:#764ba2}.auth-button{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2,#9d4edd);color:#f3f4f6;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #667eea4d}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px 16px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;text-align:center}.success-message{text-align:center;padding:20px}.success-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2,#9d4edd);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f3f4f6;font-size:32px;font-weight:700}.success-message h2{color:#374151;margin:0 0 12px;font-size:24px}.success-message p{color:#6b7280;margin:0 0 24px;line-height:1.6}.forgot-password-description{color:#6b7280;font-size:14px;text-align:center;margin-bottom:8px;line-height:1.6}.auth-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.auth-footer p{margin:0;color:#6b7280;font-size:14px}.auth-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.auth-link:hover{color:#764ba2}@media(max-width:768px){.auth-container{padding:16px;min-height:100vh;min-height:100dvh}.auth-card{padding:32px 24px;border-radius:14px;box-shadow:0 10px 40px #00000040}.auth-header{margin-bottom:28px}.auth-logo-image{max-width:180px}.auth-subtitle{font-size:13px}.auth-form{gap:18px}.form-group label{font-size:13px}.form-group input{padding:14px 16px;font-size:16px;border-radius:10px}.auth-button{padding:16px 24px;font-size:15px;border-radius:10px;min-height:52px}.error-message{font-size:13px;padding:12px 14px}.success-icon{width:56px;height:56px;font-size:28px}.success-message h2{font-size:20px}.success-message p{font-size:14px}.auth-footer{margin-top:20px;padding-top:20px}.auth-footer p{font-size:13px}}@media(max-width:480px){.auth-container{padding:12px;align-items:flex-start;padding-top:10vh}.auth-card{padding:28px 20px;border-radius:12px}.auth-header{margin-bottom:24px}.auth-logo-image{max-width:160px}.auth-form{gap:16px}.form-group input{padding:12px 14px}.form-options{margin-top:-4px}.forgot-password-link{font-size:13px}.auth-button{padding:14px 20px;min-height:48px}.forgot-password-description{font-size:13px}.auth-link{font-size:14px}}@media(max-width:360px){.auth-container{padding:10px;padding-top:8vh}.auth-card{padding:24px 16px}.auth-logo-image{max-width:140px}.auth-subtitle,.form-group label{font-size:12px}.auth-button{font-size:14px}}@media(max-height:600px)and (orientation:landscape){.auth-container{padding:16px;align-items:flex-start}.auth-card{padding:24px}.auth-header{margin-bottom:16px}.auth-logo-image{max-width:120px;margin-bottom:4px}.auth-form{gap:12px}.form-group{gap:4px}.form-group input{padding:10px 14px}.auth-button{padding:12px 20px;margin-top:4px}.auth-footer{margin-top:12px;padding-top:12px}}.dashboard-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8f0)}.sidebar{width:280px;background:linear-gradient(180deg,#1a1f2e,#252b3d);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000001f}.sidebar:not(.open){transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:28px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-logo{height:60px;width:auto;max-width:100%;object-fit:contain;margin:0;display:flex;align-items:center;flex:1;min-width:0}.sidebar-close-button{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;cursor:pointer;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sidebar-close-button:hover{background:#ffffff1f;border-color:#ffffff26;color:#ffffffe6;transform:translate(-2px)}.sidebar-toggle-button{position:fixed;top:20px;left:20px;z-index:1001;background:linear-gradient(180deg,#1a1f2e,#252b3d);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;cursor:pointer;color:#ffffffe6;box-shadow:0 4px 20px #0003;transition:all .2s ease;display:none;align-items:center;justify-content:center}.sidebar-toggle-button:hover{transform:scale(1.05);box-shadow:0 6px 24px #00000040;background:linear-gradient(180deg,#252b3d,#2d3447)}@media(min-width:769px){.sidebar-toggle-button{display:flex}}.sidebar-nav{flex:1;padding:20px 16px;overflow-y:auto}.nav-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff59;padding:16px 16px 8px;margin-top:8px}.nav-section-label:first-child{margin-top:0}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:4px;border-radius:12px;color:#ffffffa6;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:0 4px 4px 0;transition:height .2s ease}.nav-item:hover{background:#ffffff0f;color:#fffffff2}.nav-item:hover:before{height:24px}.nav-item.active{background:linear-gradient(135deg,#60a5fa26,#a78bfa26);color:#fff;box-shadow:0 2px 8px #60a5fa26}.nav-item.active:before{height:24px}.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:20px;height:20px;stroke-width:1.75}.nav-label{flex:1}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.08);background:#00000026}.user-info{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.06);text-decoration:none;cursor:pointer;transition:all .2s ease;color:#fff}.user-info:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.profile-icon{color:#ffffff80;flex-shrink:0;transition:color .2s ease}.user-info:hover .profile-icon{color:#fffc}.user-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;flex-shrink:0;box-shadow:0 4px 12px #60a5fa4d}.user-details{flex:1;min-width:0}.sidebar-user-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:12px;color:#ffffffb3;text-transform:capitalize;margin-top:2px}.dashboard-main{flex:1;margin-left:280px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#eef2f7);position:relative;overflow-x:visible;overflow-y:auto;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-main.sidebar-closed{margin-left:0}.mobile-menu-button{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:linear-gradient(180deg,#1a1f2e,#252b3d);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;cursor:pointer;flex-direction:column;gap:5px;box-shadow:0 4px 20px #0003;transition:transform .2s ease,box-shadow .2s ease}.mobile-menu-button:hover{transform:scale(1.05);box-shadow:0 6px 24px #00000040}.mobile-menu-button span{display:block;width:22px;height:2px;background:linear-gradient(135deg,#60a5fa,#a78bfa);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.mobile-menu-button span.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button span.open:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-button span.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1}@media(max-width:1024px){.sidebar{width:240px}.dashboard-main{margin-left:240px}.dashboard-main.sidebar-closed{margin-left:0}.sidebar-header{padding:20px}.sidebar-logo{height:50px}}@media(max-width:768px){.sidebar{width:280px}.dashboard-main{margin-left:0;padding-top:0}.dashboard-main.sidebar-closed{margin-left:0}.mobile-menu-button{display:flex}.sidebar-toggle-button{display:none!important}.sidebar-overlay{display:block}.sidebar-close-button{display:none}.sidebar-nav{padding:16px 12px}.nav-item{padding:10px 14px;font-size:13px}.sidebar-footer{padding:16px}.user-info{padding:10px;margin-bottom:10px}.user-avatar{width:38px;height:38px;font-size:15px}.sidebar-user-name{font-size:13px}.sidebar-user-role{font-size:11px}}@media(max-width:480px){.mobile-menu-button{top:16px;left:12px;padding:12px}.mobile-menu-button span{width:20px}.sidebar{width:260px}}.sidebar::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dashboard-home{position:relative;padding:32px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 64px)}.page-header{margin-bottom:32px}.error-banner{padding:16px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb;transition:all .2s ease}.stat-card:hover{border-color:#d1d5db}.stat-card .stat-icon{font-size:32px;margin-bottom:12px}.stat-content{margin-bottom:16px}.stat-value{font-size:32px;font-weight:600;color:#111827;line-height:1;margin-bottom:4px}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.stat-link{display:inline-block;color:#111827;text-decoration:none;font-size:13px;font-weight:500;margin-top:8px}.stat-link:hover{text-decoration:underline}.quick-actions{margin-top:40px}.quick-actions h2{font-size:24px;font-weight:700;color:#374151;margin:0 0 20px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.action-card{background:#fff;border-radius:8px;padding:24px;text-decoration:none;color:inherit;border:1px solid #e5e7eb;transition:all .2s ease;text-align:center}.action-card:hover{border-color:#d1d5db}.action-icon{font-size:40px;margin-bottom:12px}.action-title{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.action-description{font-size:14px;color:#6b7280}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1024px){.dashboard-home{padding:24px 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-home{padding:80px 16px 24px}.page-header{margin-bottom:24px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-card .stat-icon{font-size:28px;margin-bottom:8px}.stat-value{font-size:26px}.stat-label{font-size:12px}.quick-actions{margin-top:32px}.quick-actions h2{font-size:20px;margin-bottom:16px}.actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.action-card{padding:16px}.action-icon{font-size:32px;margin-bottom:8px}.action-title{font-size:14px}.action-description{font-size:12px}}@media(max-width:480px){.dashboard-home{padding:70px 12px 20px}.page-header h1{font-size:20px}.stats-grid,.actions-grid{grid-template-columns:1fr}.stat-value{font-size:24px}}.gallery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease}.gallery-container{width:100%;height:100%;display:flex;flex-direction:column;max-width:1400px;margin:0 auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#00000080;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:600}.gallery-title svg{color:#60a5fa}.gallery-counter{background:#ffffff26;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.gallery-actions{display:flex;align-items:center;gap:8px}.gallery-action-btn{width:40px;height:40px;border:none;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;text-decoration:none}.gallery-action-btn:hover{background:#fff3;transform:scale(1.05)}.gallery-action-btn.zip-download{background:#60a5fa33;color:#60a5fa}.gallery-action-btn.zip-download:hover{background:#60a5fa66}.gallery-action-btn.zip-download.loading{opacity:.6;cursor:wait;animation:pulse 1.5s ease-in-out infinite}.gallery-action-btn.zip-download:disabled{cursor:not-allowed}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.gallery-close-btn{width:44px;height:44px;border:none;background:#ef444433;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fca5a5;cursor:pointer;transition:all .2s ease;margin-left:8px}.gallery-close-btn:hover{background:#ef444466;color:#fff}.gallery-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:20px;min-height:0}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff9;padding:40px}.empty-icon{width:120px;height:120px;background:#ffffff0d;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:2px dashed rgba(255,255,255,.2)}.empty-icon svg{color:#ffffff4d}.gallery-empty h3{font-size:20px;font-weight:600;color:#fffc;margin:0 0 8px}.gallery-empty p{font-size:14px;margin:0;max-width:300px}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10}.gallery-nav-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.gallery-nav-btn.prev{left:20px}.gallery-nav-btn.next{right:20px}.gallery-image-container{max-width:calc(100% - 160px);max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;transition:all .3s ease}.gallery-image-container.zoomed{max-width:100%;overflow:auto;cursor:zoom-out}.gallery-image{max-width:100%;max-height:calc(100vh - 250px);object-fit:contain;border-radius:8px;cursor:zoom-in;transition:transform .3s ease}.gallery-image-container.zoomed .gallery-image{max-width:none;max-height:none;cursor:zoom-out}.gallery-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px;background:#ffffff0d;border-radius:12px;color:#fff6;font-size:14px}.gallery-route-info{display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;background:#0009;border-top:1px solid rgba(255,255,255,.1)}.route-indicator{display:flex;align-items:center;gap:8px;color:#fffc;font-size:14px;font-weight:500}.route-indicator svg{color:#60a5fa}.section-indicator{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.section-indicator.pickup{background:#22c55e33;color:#4ade80}.section-indicator.pickup svg{color:#4ade80}.section-indicator.delivery{background:#eab30833;color:#facc15}.section-indicator.delivery svg{color:#facc15}.location-name{color:#fff9;font-weight:400}.gallery-thumbnails-container{display:flex;flex-direction:column;gap:12px;padding:16px 24px;background:#00000080;overflow-y:auto;max-height:200px}.route-thumbnails-group{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.route-thumbnails-group:last-child{border-bottom:none;padding-bottom:0}.route-group-header{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff9;font-weight:500}.route-group-header svg{color:#60a5fa}.route-path{margin-left:auto;color:#fff6;font-weight:400}.route-sections{display:flex;gap:24px;flex-wrap:wrap}.section-thumbnails{display:flex;flex-direction:column;gap:6px}.section-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.section-label.pickup{color:#4ade80}.section-label.delivery{color:#facc15}.thumbnails-row{display:flex;gap:6px}.thumbnail{width:56px;height:56px;min-width:56px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#ffffff80;padding:0}.thumbnail:hover{border-color:#ffffff4d;transform:scale(1.05)}.thumbnail.active{border-color:#60a5fa;box-shadow:0 0 12px #60a5fa66}.thumbnail img{width:100%;height:100%;object-fit:cover}.gallery-info{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;background:#00000080;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:13px}.image-name{color:#ffffffe6;font-weight:500}.image-type{background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}@media(max-width:1024px){.gallery-container{max-width:100%}.gallery-image-container{max-width:calc(100% - 140px)}.gallery-nav-btn{width:48px;height:48px}}@media(max-width:768px){.gallery-header{padding:12px 16px}.gallery-title{font-size:14px}.gallery-title span:first-of-type{display:none}.gallery-counter{font-size:12px;padding:3px 10px}.gallery-action-btn{width:36px;height:36px}.gallery-close-btn{width:40px;height:40px}.gallery-content{padding:12px}.gallery-nav-btn{width:44px;height:44px}.gallery-nav-btn.prev{left:8px}.gallery-nav-btn.next{right:8px}.gallery-image-container{max-width:calc(100% - 80px)}.gallery-image{max-height:calc(100vh - 340px);max-height:calc(100dvh - 340px)}.gallery-route-info{padding:8px 16px;gap:16px}.route-indicator{font-size:13px}.section-indicator{padding:4px 10px;font-size:12px}.gallery-thumbnails-container{padding:12px 16px;gap:10px;max-height:160px}.route-sections{gap:16px}.thumbnail{width:48px;height:48px;min-width:48px}.gallery-info{flex-wrap:wrap;gap:8px;padding:10px 16px;font-size:12px}}@media(max-width:480px){.gallery-header{padding:10px 12px;flex-wrap:wrap;gap:10px}.gallery-actions{gap:6px}.gallery-action-btn{width:34px;height:34px}.gallery-close-btn{width:36px;height:36px;margin-left:4px}.gallery-content{padding:8px}.gallery-nav-btn{width:40px;height:40px}.gallery-nav-btn.prev{left:4px}.gallery-nav-btn.next{right:4px}.gallery-image-container{max-width:calc(100% - 60px)}.gallery-image{max-height:calc(100vh - 360px);max-height:calc(100dvh - 360px);border-radius:6px}.gallery-route-info{padding:6px 12px;gap:12px;flex-wrap:wrap;justify-content:center}.route-indicator{font-size:12px;gap:6px}.section-indicator{padding:4px 8px;font-size:11px;gap:6px}.location-name{display:none}.gallery-thumbnails-container{padding:10px 12px;gap:8px;max-height:140px}.route-group-header{font-size:11px}.route-path{display:none}.route-sections{gap:12px}.section-label{font-size:10px}.thumbnails-row{gap:4px}.thumbnail{width:44px;height:44px;min-width:44px;border-radius:6px}.gallery-info{padding:8px 12px;font-size:11px;gap:6px}.image-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-empty{padding:30px}.empty-icon{width:100px;height:100px;border-radius:20px;margin-bottom:20px}.gallery-empty h3{font-size:18px}.gallery-empty p{font-size:13px}}.autocomplete-select{position:relative;width:100%}.autocomplete-select-trigger{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.autocomplete-select-trigger:hover:not(.disabled){border-color:#cbd5e1}.autocomplete-select-trigger:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.autocomplete-select.open .autocomplete-select-trigger{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.autocomplete-select.disabled .autocomplete-select-trigger{background:#f8fafc;cursor:not-allowed;opacity:.6}.autocomplete-select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-select-value.placeholder{color:#94a3b8}.autocomplete-select-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.autocomplete-select-clear{background:none;border:none;padding:4px;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.autocomplete-select-clear:hover{background:#f1f5f9;color:#64748b}.autocomplete-select-arrow{color:#94a3b8;transition:transform .2s ease;flex-shrink:0}.autocomplete-select-arrow.open{transform:rotate(180deg)}.autocomplete-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1000;overflow:hidden;animation:slideDown .2s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.autocomplete-select-search{padding:12px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px;background:#f8fafc}.autocomplete-select-search svg{color:#94a3b8;flex-shrink:0}.autocomplete-select-input{flex:1;border:none;background:transparent;font-size:14px;color:#0f172a;outline:none;padding:0}.autocomplete-select-input::placeholder{color:#94a3b8}.autocomplete-select-list{max-height:240px;overflow-y:auto;padding:4px}.autocomplete-select-option{padding:10px 12px;font-size:14px;color:#334155;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}.autocomplete-select-option:hover,.autocomplete-select-option.highlighted{background:linear-gradient(135deg,#60a5fa1a,#a78bfa1a);color:#0f172a}.autocomplete-select-option.selected{background:linear-gradient(135deg,#60a5fa26,#a78bfa26);color:#0f172a;font-weight:500}.check-mark{color:#60a5fa;font-weight:700;font-size:16px}.autocomplete-select-no-results{padding:16px;text-align:center;color:#94a3b8;font-size:14px}.autocomplete-select-list::-webkit-scrollbar{width:6px}.autocomplete-select-list::-webkit-scrollbar-track{background:#f1f5f9}.autocomplete-select-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.autocomplete-select-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.route-modal{max-width:800px}.route-modal-header{background:linear-gradient(135deg,#f8fafc,#fff);padding:20px 24px}.route-modal-title-section{display:flex;align-items:center;gap:14px}.route-modal-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff}.route-modal-subtitle{font-size:13px;color:#64748b;margin:4px 0 0;font-weight:500}.route-modal-body{padding:24px;overflow-y:auto;max-height:calc(80vh - 180px);background:#f8fafc}.routes-timeline{display:flex;flex-direction:column;gap:0}.routes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;background:#fff;border-radius:16px;border:2px dashed #e2e8f0}.routes-empty-state .empty-icon-container{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#94a3b8;margin-bottom:20px}.routes-empty-state h3{font-size:18px;font-weight:700;color:#334155;margin:0 0 8px}.routes-empty-state p{font-size:14px;color:#64748b;margin:0 0 24px;max-width:300px}.route-card{display:flex;gap:16px;position:relative}.route-card:last-child .route-connector{display:none}.route-number-badge{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.route-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f64d;z-index:1}.route-connector{width:3px;flex:1;min-height:20px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);opacity:.3;margin-top:4px}.route-card-content{flex:1;background:#fff;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:16px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.route-card-content:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.route-card.expanded .route-card-content{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626}.route-card.new .route-card-content{border-color:#10b981;border-style:dashed}.route-card.highlighted .route-card-content{border-color:#3b82f6;border-width:2px;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 0 0 3px #3b82f626}.route-card.highlighted .route-number-badge .route-number{background:#3b82f6;color:#fff}.route-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background .15s ease}.route-card-header:hover{background:#f8fafc}.route-card-summary{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.route-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;width:fit-content}.route-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.route-location{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#334155;padding:6px 12px;background:#f1f5f9;border-radius:8px}.route-location.origin svg{color:#10b981}.route-location.destination svg{color:#ef4444}.route-arrow{color:#94a3b8;flex-shrink:0}.route-driver-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#64748b;padding:4px 10px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;width:fit-content}.route-driver-tag svg{color:#3b82f6}.route-card-actions-header{color:#94a3b8;padding:4px}.route-card-details{padding:0 16px 16px;border-top:1px solid #f1f5f9;background:#fafbfc;animation:slideDown .2s ease-out}.route-form-section{padding-top:16px}.route-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.route-form-row.single{grid-template-columns:1fr}.route-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.route-form-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px}.route-form-label .label-icon{color:#64748b}.route-form-label .label-icon.origin{color:#10b981}.route-form-label .label-icon.destination{color:#ef4444}.route-form-input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;background:#fff;transition:all .15s ease}.route-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-date-btn{position:absolute;right:8px;bottom:8px;padding:4px 8px;font-size:11px;font-weight:500;color:#64748b;background:#f1f5f9;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.clear-date-btn:hover{background:#e2e8f0;color:#ef4444}.route-quick-actions{display:flex;gap:10px;padding-top:16px;flex-wrap:wrap}.quick-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.quick-action-btn.pickup{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);color:#8b5cf6}.quick-action-btn.pickup:hover{background:#8b5cf6;color:#fff}.quick-action-btn.deliver{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981}.quick-action-btn.deliver:hover{background:#10b981;color:#fff}.quick-action-btn.delete{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444}.quick-action-btn.delete:hover{background:#ef4444;color:#fff}.route-timestamps{display:flex;flex-wrap:wrap;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid #e2e8f0}.timestamp-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;padding:6px 10px;background:#f8fafc;border-radius:6px}.timestamp-item.picked svg{color:#8b5cf6}.timestamp-item.delivered svg{color:#10b981}.add-route-container{display:flex;justify-content:flex-start;padding-left:48px}.add-route-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.add-route-btn:hover{border-color:#3b82f6;color:#3b82f6;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d)}.add-route-btn svg{opacity:.7}.delete-confirmation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;border-radius:14px;z-index:10;animation:fadeIn .15s ease}.delete-confirmation{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.delete-confirmation svg{color:#ef4444}.delete-confirmation p{font-size:14px;color:#475569;margin:0}.delete-confirmation-actions{display:flex;gap:10px;margin-top:8px}.route-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e2e8f0;background:#fff}.footer-info{display:flex;align-items:center;gap:16px}.route-count{font-size:13px;color:#64748b;font-weight:500}.unsaved-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#f59e0b;font-weight:500}.footer-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-sm{padding:8px 14px;font-size:13px;border-radius:8px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media(max-width:768px){.route-modal{max-width:100%}.route-modal-body{padding:16px;max-height:calc(90vh - 180px)}.route-card{gap:12px}.route-number{width:28px;height:28px;font-size:12px}.route-card-header{padding:14px}.route-path{flex-direction:column;align-items:flex-start;gap:6px}.route-arrow{transform:rotate(90deg);margin:0 auto}.route-location{font-size:13px;width:100%}.route-form-row{grid-template-columns:1fr;gap:12px}.route-card-details{padding:0 14px 14px}.route-quick-actions{flex-direction:column}.quick-action-btn{justify-content:center;width:100%}.add-route-container{padding-left:40px}.add-route-btn{width:100%;justify-content:center}.route-modal-footer{flex-direction:column;gap:16px;padding:16px 20px}.footer-info,.footer-actions{width:100%;justify-content:center}.footer-actions{flex-direction:column}.footer-actions .btn{width:100%}}@media(max-width:480px){.route-modal-header{padding:16px}.route-modal-icon{width:40px;height:40px}.route-modal-icon svg{width:20px;height:20px}.modal-title{font-size:16px}.route-modal-subtitle{font-size:12px}.routes-empty-state{padding:40px 24px}.routes-empty-state .empty-icon-container{width:64px;height:64px}.routes-empty-state .empty-icon-container svg{width:32px;height:32px}.route-number-badge{position:absolute;left:0;top:14px;z-index:2}.route-card{padding-left:40px}.route-connector{display:none}.add-route-container{padding-left:0}.route-timestamps{flex-direction:column}}.case-type-selector-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.case-type-selector-body{padding:24px}.case-type-description{color:var(--color-text-secondary);margin-bottom:24px;text-align:center;font-size:14px}.case-type-options{display:flex;flex-direction:column;gap:16px}.case-type-option{display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.case-type-option:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.case-type-option:active{transform:translateY(0)}.case-type-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;flex-shrink:0}.case-type-icon.vehicle{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.case-type-icon.general{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.case-type-info{flex:1}.case-type-info h3{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 4px}.case-type-info p{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.4}@media(prefers-color-scheme:dark){.case-type-option:hover{background:#ffffff0d}}@media(max-width:768px){.case-type-selector-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0}.case-type-selector-body{padding:20px}.case-type-description{font-size:13px;margin-bottom:20px}.case-type-options{gap:12px}.case-type-option{padding:16px;gap:14px}.case-type-icon{width:56px;height:56px;border-radius:10px}.case-type-info h3{font-size:15px}.case-type-info p{font-size:12px}}@media(max-width:480px){.case-type-selector-body{padding:16px}.case-type-option{padding:14px;gap:12px}.case-type-icon{width:48px;height:48px}.case-type-info h3{font-size:14px}}.modal-title-row{display:flex;align-items:center;gap:12px}.case-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.case-type-badge.vehicle{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.case-type-badge.vehicle svg{color:#3b82f6}.case-type-badge.general{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.case-type-badge.general svg{color:#10b981}.case-form{display:flex;flex-direction:column;max-height:calc(90vh - 80px);overflow:hidden}.form-body{padding:28px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px;min-height:0;max-height:calc(90vh - 180px)}.form-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;padding:18px;border:1px solid #e2e8f0}.section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#64748b;margin-bottom:14px}.section-title svg{color:#60a5fa}.dates-section{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-color:#fde68a}.dates-section .section-title{color:#92400e}.dates-section .section-title svg{color:#f59e0b}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:1200px){.form-row.three-cols{grid-template-columns:1fr;gap:16px}}.continuation-row{background:linear-gradient(135deg,#ede9fe,#e0e7ff);padding:16px;border-radius:12px;border:1px solid #c7d2fe}.continuation-label{color:#6366f1!important}.continuation-label svg{color:#8b5cf6}.form-group.flex-2{grid-column:span 2}.form-group.flex-full{grid-column:1 / -1}.form-group.checkbox-group{justify-content:flex-end}.form-group.checkbox-inline{justify-content:center}.form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#334155}.form-label svg{color:#94a3b8}.form-input,.form-select,.form-textarea{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#cbd5e1}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-textarea{resize:vertical;min-height:80px}.input-with-button{display:flex;gap:8px}.input-with-button .form-select,.input-with-button .autocomplete-select{flex:1}.add-btn{width:44px;height:44px;min-width:44px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b9814d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.add-btn:active{transform:translateY(0)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#334155;padding:10px 14px;background:#f8fafc;border-radius:10px;border:1.5px solid #e2e8f0;transition:all .2s ease}.checkbox-label:hover{border-color:#cbd5e1;background:#f1f5f9}.form-checkbox{display:none}.checkbox-custom{width:22px;height:22px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s ease;flex-shrink:0}.form-checkbox:checked+.checkbox-custom{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-color:transparent;color:#fff}.priority-icon{color:#f59e0b}.form-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;background:linear-gradient(180deg,#f8fafc,#fff);border-top:1px solid #e2e8f0;flex-shrink:0}.btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary{background:#fff;border:1.5px solid #e2e8f0;color:#475569}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-primary{background:linear-gradient(135deg,#60a5fa,#a78bfa);border:none;color:#fff;box-shadow:0 4px 12px #60a5fa59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #60a5fa73}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.case-form{max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px)}.modal-title-row{flex-wrap:wrap;gap:8px}.case-type-badge{font-size:10px;padding:4px 10px}.form-body{padding:16px;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);gap:16px}.form-section{padding:14px;border-radius:12px}.section-title{font-size:11px;margin-bottom:12px}.form-row,.form-row.three-cols{grid-template-columns:1fr;gap:12px}.form-group.flex-2{grid-column:span 1}.form-label{font-size:12px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:16px;border-radius:8px}.form-footer{padding:14px 16px;gap:10px}.btn{flex:1;padding:10px 16px;font-size:13px}.continuation-row{padding:12px}.checkbox-label{padding:8px 12px;font-size:13px}.checkbox-custom{width:20px;height:20px}}@media(max-width:480px){.form-body{padding:14px}.form-section{padding:12px}.input-with-button{flex-direction:column}.add-btn{width:100%;height:44px}.form-footer{flex-direction:column}.btn{width:100%}.unsaved-warning-dialog{padding:24px 20px;margin:16px;width:calc(100% - 32px)}.unsaved-warning-icon{width:56px;height:56px;margin-bottom:16px}.unsaved-warning-title{font-size:18px}.unsaved-warning-message{font-size:13px;margin-bottom:20px}.unsaved-warning-actions{flex-direction:column}.unsaved-warning-actions .btn{min-width:auto}}.form-body::-webkit-scrollbar{width:8px}.form-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.form-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:10px}.form-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.unsaved-warning-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:16px}.unsaved-warning-dialog{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 50px #0000004d;animation:warningSlideIn .2s ease-out}@keyframes warningSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.unsaved-warning-icon{width:64px;height:64px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#f59e0b}.unsaved-warning-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px}.unsaved-warning-message{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.6}.unsaved-warning-actions{display:flex;gap:12px;justify-content:center}.unsaved-warning-actions .btn{flex:1;min-width:120px}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;box-shadow:0 4px 12px #ef444459}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444473}.btn-danger:active{transform:translateY(0)}.connection-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;transition:all .3s ease}.connection-status-badge.online{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.connection-status-badge.online svg{color:#22c55e}.connection-status-badge.updating{background-color:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.connection-status-badge.updating svg{color:#3b82f6}.connection-status-badge.updating .spinning{animation:spin 1s linear infinite}.connection-status-badge.offline{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.connection-status-badge.offline svg{color:#ef4444}@media(prefers-color-scheme:dark){.connection-status-badge.online{background-color:#22c55e26;border-color:#22c55e4d}.connection-status-badge.updating{background-color:#3b82f626;border-color:#3b82f64d}.connection-status-badge.offline{background-color:#ef444426;border-color:#ef44444d}}.multi-autocomplete-select{position:relative;width:100%}.multi-autocomplete-select-trigger{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.multi-autocomplete-select-trigger:hover:not(.disabled){border-color:#cbd5e1}.multi-autocomplete-select-trigger:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.multi-autocomplete-select.open .multi-autocomplete-select-trigger{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.multi-autocomplete-select.disabled .multi-autocomplete-select-trigger{background:#f8fafc;cursor:not-allowed;opacity:.6}.multi-autocomplete-select-value{flex:1;text-align:left;display:flex;flex-wrap:wrap;gap:4px}.multi-autocomplete-select-value.placeholder{color:#94a3b8}.multi-autocomplete-select-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.multi-autocomplete-select-clear{background:none;border:none;padding:4px;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.multi-autocomplete-select-clear:hover{background:#f1f5f9;color:#ef4444}.multi-autocomplete-select-arrow{color:#94a3b8;transition:transform .2s ease;flex-shrink:0}.multi-autocomplete-select-arrow.open{transform:rotate(180deg)}.multi-autocomplete-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1000;overflow:hidden;animation:slideDownRP .2s cubic-bezier(.4,0,.2,1)}@keyframes slideDownRP{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multi-autocomplete-select-search{padding:10px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px;background:#f8fafc}.multi-autocomplete-select-search svg{color:#94a3b8;flex-shrink:0}.multi-autocomplete-select-input{flex:1;border:none;background:transparent;font-size:14px;color:#0f172a;outline:none;padding:0}.multi-autocomplete-select-input::placeholder{color:#94a3b8}.multi-autocomplete-select-list{max-height:240px;overflow-y:auto;padding:4px}.multi-autocomplete-select-option{padding:8px 10px;font-size:14px;color:#334155;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:10px;transition:all .15s ease}.multi-autocomplete-select-option:hover,.multi-autocomplete-select-option.highlighted{background:#f1f5f9;color:#0f172a}.multi-autocomplete-select-option.selected{background:#60a5fa1a;color:#2563eb;font-weight:500}.option-checkbox{width:18px;height:18px;border:1.5px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;transition:all .15s ease}.multi-autocomplete-select-option.selected .option-checkbox{background:#2563eb;border-color:#2563eb;color:#fff}.option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-autocomplete-select-no-results{padding:16px;text-align:center;color:#94a3b8;font-size:14px}.selected-chips{display:flex;flex-wrap:wrap;gap:4px;width:100%}.selected-chip{display:flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 6px;font-size:12px;color:#334155;max-width:180px}.chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-remove{background:none;border:none;padding:1px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;border-radius:50%;transition:all .15s ease}.chip-remove:hover{background:#e2e8f0;color:#ef4444}.multi-autocomplete-select-list::-webkit-scrollbar{width:5px}.multi-autocomplete-select-list::-webkit-scrollbar-track{background:transparent}.multi-autocomplete-select-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.multi-autocomplete-select-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.route-planning-new{position:relative;padding:24px 16px;max-width:100%;margin:0;min-height:calc(100vh - 64px);display:flex;flex-direction:column}.rp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.rp-header-left h1{font-size:26px;font-weight:700;color:var(--color-text-primary);margin:0 0 6px}.rp-header-left p{font-size:14px;color:var(--color-text-secondary);margin:0}.rp-header-actions{display:flex;align-items:center;gap:12px}.saving-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-info-light);color:var(--color-info-dark);border-radius:6px;font-size:13px;font-weight:500}.saving-badge .spinning{animation:spin 1s linear infinite}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.refresh-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.error-banner{padding:14px 18px;background-color:var(--color-error-light);border:1px solid #fecaca;border-radius:8px;color:var(--color-error);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;font-weight:500}.close-error{background:none;border:none;color:var(--color-error);font-size:22px;cursor:pointer;padding:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background var(--transition-fast)}.close-error:hover{background:#dc26261a}.rp-stats-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;min-width:160px}.stat-item svg{color:var(--color-primary)}.stat-item.assigned svg{color:var(--color-success)}.stat-item.drivers svg{color:var(--color-secondary)}.stat-item.urgent svg{color:var(--color-warning)}.stat-item.urgent{background:var(--color-warning-light);border-color:var(--color-warning)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:22px;font-weight:700;color:var(--color-text-primary);line-height:1}.stat-label{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.rp-main{display:flex;gap:0;flex:1;min-height:0}.rp-main.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.rp-main.resizing *{pointer-events:none}.rp-main.resizing .rp-resize-divider{pointer-events:auto}.rp-resize-divider{width:12px;background:transparent;cursor:col-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:10;margin:0 -4px}.rp-resize-divider:hover .resize-handle,.rp-main.resizing .resize-handle{background:var(--color-primary);opacity:1}.resize-handle{width:6px;height:60px;background:var(--color-border-dark);border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:all var(--transition-fast)}.resize-handle svg{color:#fff;opacity:0;transition:opacity var(--transition-fast)}.rp-resize-divider:hover .resize-handle svg,.rp-main.resizing .resize-handle svg{opacity:1}.resize-presets{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.rp-resize-divider:hover .resize-presets{opacity:1;pointer-events:auto}.rp-resize-divider:hover .resize-handle{opacity:0}.resize-presets button{width:8px;height:8px;border-radius:50%;border:2px solid var(--color-border-dark);background:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast);padding:0}.resize-presets button:hover{border-color:var(--color-primary);transform:scale(1.3)}.resize-presets button.active{background:var(--color-primary);border-color:var(--color-primary)}.rp-pool{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;min-width:300px}.pool-header{padding:18px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.pool-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;min-width:0}.pool-title h2{font-size:17px;font-weight:600;color:var(--color-text-primary);margin:0}.pool-count{background:var(--gradient-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.pool-layout-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.pool-layout-controls .layout-btn{width:28px;height:28px}.pool-layout-controls .size-selector{margin-left:4px;padding-left:8px}.pool-layout-controls .size-btn{width:22px;height:22px;font-size:9px}.pool-controls{display:flex;gap:10px}.search-wrapper{flex:1;position:relative;display:flex;align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;transition:all var(--transition-fast)}.search-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.search-wrapper .search-icon{color:var(--color-text-tertiary);margin-left:12px;flex-shrink:0}.search-wrapper .search-input{flex:1;width:100%;min-width:0;border:none;outline:none;padding:10px 12px;font-size:14px;background:transparent;color:var(--color-text-primary);box-shadow:none;border-radius:0}.search-wrapper .search-input::placeholder{color:var(--color-text-tertiary)}.clear-search{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:8px;margin-right:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.clear-search:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.filter-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;position:relative;transition:all var(--transition-fast)}.filter-toggle:hover{background:var(--color-bg-hover)}.filter-toggle.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-toggle.has-filters:not(.active):after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-primary);border-radius:50%}.filter-count{position:absolute;top:-6px;right:-6px;background:var(--color-error);color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.filters-panel{padding:16px 20px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.filter-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.filter-group label svg{color:var(--color-primary)}.filter-group select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:13px;background:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box}.filter-group select:focus{outline:none;border-color:var(--color-primary)}.filter-actions{display:flex;align-items:center;justify-content:space-between}.urgent-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-warning-dark);cursor:pointer}.urgent-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.clear-filters{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.clear-filters:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.selection-bar{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-primary)}.select-all-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:none;border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.select-all-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.selection-count{font-size:13px;font-weight:600;color:var(--color-primary);padding:6px 12px;background:var(--gradient-primary-light);border-radius:6px}.pool-cases{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width, 220px),1fr));gap:12px;align-content:start}.pool-cases.list{display:flex;flex-direction:column;gap:4px}.pool-cases.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width, 220px),1fr))!important;gap:12px;align-content:start}.pool-case-card{display:flex;flex-direction:column;padding:14px 16px 56px;background:var(--color-bg-primary);border:2px solid #c7d2fe;border-radius:8px;cursor:grab;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;position:relative;box-shadow:0 1px 3px #00000014}.pool-case-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pool-case-card.selected{border-color:var(--color-primary);background:var(--gradient-primary-light);box-shadow:0 0 0 2px var(--color-focus-ring)}.pool-case-card.dragging{opacity:.5;cursor:grabbing;transform:scale(.95)}.pool-case-card.important{border-left:3px solid var(--color-warning)}.pool-case-card.overdue{border-left:3px solid var(--color-error);background:linear-gradient(135deg,#fef2f2 0%,var(--color-bg-primary) 100%)}.pool-case-card.urgent{border-left:3px solid var(--color-warning);background:linear-gradient(135deg,#fffbeb 0%,var(--color-bg-primary) 100%)}.pool-case-select{position:absolute;top:8px;right:8px;color:var(--color-text-tertiary);opacity:.5;transition:opacity var(--transition-fast)}.pool-case-card:hover .pool-case-select{opacity:1}.pool-case-card.selected .pool-case-select{color:var(--color-primary);opacity:1}.pool-case-content{flex:1;min-width:0;display:flex;flex-direction:column}.pool-case-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.pool-case-client{font-size:15px;font-weight:700;color:var(--color-text-primary)}.important-icon{color:var(--color-warning);flex-shrink:0}.pool-case-route{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.route-origin,.route-dest{display:flex;align-items:flex-start;gap:4px;white-space:normal;word-break:break-word;line-height:1.3;min-width:0}.route-origin svg,.route-dest svg{flex-shrink:0}.route-origin svg{color:var(--color-success)}.route-dest svg{color:var(--color-error)}.route-location-info{display:flex;flex-direction:column;gap:1px;line-height:1.3;flex:1;min-width:0}.route-city{font-weight:500;color:var(--color-text-primary)}.route-name{font-size:.9em;color:var(--color-text-tertiary);opacity:.85;word-break:break-word}.list-case-route .route-location-info{flex-direction:row;gap:4px;align-items:center}.list-case-route .route-city{font-weight:500}.list-case-route .route-name{font-size:.95em}.list-case-route .route-name:before{content:"-";margin-right:4px;color:var(--color-text-tertiary)}.mobile-case-route .route-location-info{display:inline-flex;flex-direction:row;gap:4px;align-items:center}.mobile-case-route .route-name:before{content:"-";margin-right:2px;color:var(--color-text-tertiary)}.route-arrow{display:none}.important-banner{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-size:9px;font-weight:700;padding:3px 8px;border-radius:8px 8px 0 0;text-transform:uppercase;letter-spacing:.5px}.important-banner svg{flex-shrink:0}.pool-case-card.important{padding-top:26px;border-color:#fbbf24;background:linear-gradient(180deg,#fffbeb 0%,var(--color-bg-primary) 20%)}.wheels-blocked-badge{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;z-index:2;box-shadow:0 2px 4px #dc26264d}.pool-case-card.important .wheels-blocked-badge{top:28px}.pool-case-vehicle{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;width:100%}.pool-case-vehicle .vehicle-car{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:500;color:var(--color-text-primary);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:8px 12px;border-radius:6px;border:1px solid #bae6fd;width:100%;box-sizing:border-box}.pool-case-vehicle .vehicle-car svg{color:#0284c7;flex-shrink:0}.pool-case-vehicle .vehicle-car .car-info{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.pool-case-vehicle .vehicle-car .car-size{background:#0284c7;color:#fff;font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;text-transform:uppercase}.pool-case-vehicle .vehicle-plate{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1f2937;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:8px 12px;border-radius:6px;border:1px solid #fbbf24;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;letter-spacing:.5px;width:100%;box-sizing:border-box}.pool-case-vehicle .vehicle-plate svg{color:#b45309;flex-shrink:0}.pool-case-vehicle .vehicle-plate .plate-number{white-space:nowrap}.pool-case-dates{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.date-item{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;border-radius:4px;white-space:nowrap}.date-item svg{flex-shrink:0}.date-item.case-date{background:#f3f4f6;color:#6b7280}.date-item.pickup-deadline{background:#dbeafe;color:#1e40af;font-weight:500}.date-item.pickup-deadline.overdue{background:#fee2e2;color:#dc2626}.date-item.pickup-deadline.urgent{background:#ffedd5;color:#ea580c}.date-item.pickup-deadline.warning{background:#fef3c7;color:#d97706}.date-item.deadline-date{background:#fce7f3;color:#be185d}.pool-case-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.meta-item{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:2px 5px;border-radius:3px}.meta-item svg{width:10px;height:10px}.meta-item.deadline.overdue{background:var(--color-error-light);color:var(--color-error)}.meta-item.deadline.urgent{background:var(--color-warning-light);color:var(--color-warning-dark)}.meta-item.deadline.warning{background:#fef9c3;color:#a16207}.pool-case-id{position:absolute;bottom:8px;right:8px;font-size:10px;font-weight:600;color:var(--color-text-tertiary);opacity:.6}.pool-case-notes{margin-top:6px;border-top:1px solid var(--color-border);padding-top:6px}.pool-case-notes .notes-toggle{display:flex;align-items:center;gap:4px;background:none;border:none;padding:4px 6px;font-size:10px;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;transition:all .15s ease;width:100%}.pool-case-notes .notes-toggle:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.pool-case-notes .notes-toggle svg{flex-shrink:0}.pool-case-notes .notes-content{font-size:10px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:8px;border-radius:4px;margin-top:4px;white-space:pre-wrap;word-break:break-word;max-height:80px;overflow-y:auto;line-height:1.4}.pool-case-actions{position:absolute;bottom:6px;right:6px;display:flex;align-items:center;gap:3px;z-index:1}.pool-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.pool-action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.pool-action-btn.images-btn:hover{color:#6366f1;border-color:#c7d2fe;background:#eef2ff}.pool-action-btn.routes-btn:hover,.pool-action-btn.routes-btn.has-routes{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.pool-action-btn.edit-btn:hover{color:#0284c7;border-color:#bae6fd;background:#f0f9ff}.pool-action-btn .action-badge{position:absolute;top:-4px;right:-4px;min-width:12px;height:12px;padding:0 2px;background:var(--color-primary);color:#fff;font-size:8px;font-weight:600;border-radius:6px;display:flex;align-items:center;justify-content:center}.pool-action-btn.images-btn .action-badge{background:#6366f1}.pool-action-btn.routes-btn .action-badge{background:#059669}.date-item .date-label{font-weight:600;font-size:9px;text-transform:uppercase;opacity:.8}.pool-case-card.list-mode{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;background:var(--color-bg-primary);border:2px solid #c7d2fe;border-radius:6px;cursor:grab;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;min-height:auto;box-shadow:0 1px 3px #00000014}.pool-case-card.list-mode:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.pool-case-card.list-mode.selected{border-color:var(--color-primary);background:var(--gradient-primary-light)}.pool-case-card.list-mode.dragging{opacity:.5}.pool-case-card.list-mode.important{border-left:3px solid var(--color-warning)}.pool-case-card.list-mode.overdue{border-left:3px solid var(--color-error)}.pool-case-card.list-mode.urgent{border-left:3px solid var(--color-warning)}.list-case-select{color:var(--color-text-tertiary);flex-shrink:0}.pool-case-card.list-mode.selected .list-case-select{color:var(--color-primary)}.list-case-id{font-size:12px;font-weight:600;color:var(--color-text-tertiary);min-width:60px;flex-shrink:0}.list-case-client{font-size:13px;font-weight:600;color:var(--color-text-primary);min-width:80px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.list-case-route{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);flex:1;min-width:0}.list-case-route .route-origin,.list-case-route .route-dest{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.list-case-route .route-arrow{color:var(--color-text-tertiary);flex-shrink:0}.list-case-plate{font-size:11px;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:3px 8px;border-radius:4px;min-width:80px;text-align:center;flex-shrink:0}.list-case-car{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary);font-weight:500;min-width:100px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.list-case-car .car-size-badge{background:#0284c7;color:#fff;font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px;text-transform:uppercase;flex-shrink:0}.list-case-date{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-tertiary);min-width:70px;flex-shrink:0}.list-case-date svg{color:var(--color-text-tertiary)}.list-important-badge{position:absolute;left:0;top:0;bottom:0;width:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border-radius:6px 0 0 6px}.pool-case-card.list-mode.important{position:relative;padding-left:32px;border-color:#fbbf24;background:linear-gradient(90deg,#fffbeb 0%,var(--color-bg-primary) 10%)}.list-wheels-blocked-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #dc26264d;margin-right:8px}.pool-case-card.list-mode .list-important-icon{display:none}.list-case-deadline{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-tertiary);min-width:100px;flex-shrink:0}.list-case-deadline .deadline-label{font-size:9px;font-weight:600;text-transform:uppercase;opacity:.7}.list-case-deadline.pickup{color:var(--color-text-secondary)}.list-case-deadline.delivery{color:var(--color-info)}.list-case-deadline.overdue{color:var(--color-error);font-weight:500}.list-case-deadline.urgent{color:var(--color-warning-dark);font-weight:500}.list-case-deadline.warning{color:#a16207}.list-case-notes{display:flex;align-items:center;justify-content:center;min-width:30px;flex-shrink:0;color:var(--color-info);cursor:help}.list-case-notes svg{opacity:.7}.list-case-notes:hover svg{opacity:1}.list-important-icon{color:var(--color-warning);flex-shrink:0}.list-header{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;margin:0 16px;font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.list-header-select{width:16px;flex-shrink:0}.list-header-id{min-width:60px;flex-shrink:0}.list-header-client{min-width:80px;max-width:100px;flex-shrink:0}.list-header-route{flex:1;min-width:0}.list-header-plate{min-width:80px;text-align:center;flex-shrink:0}.list-header-car{min-width:100px;max-width:120px;flex-shrink:0}.list-header-date{min-width:70px;flex-shrink:0}.list-header-deadline{min-width:100px;flex-shrink:0}.list-header-deadline.delivery{min-width:100px}.list-header-notes{min-width:30px;flex-shrink:0;color:var(--color-text-tertiary)}.pool-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:var(--color-text-tertiary)}.pool-empty svg{opacity:.3;margin-bottom:16px}.pool-empty h3{font-size:18px;font-weight:600;color:var(--color-text-secondary);margin:0 0 8px}.pool-empty p{font-size:14px;margin:0 0 16px}.clear-filters-btn{padding:10px 18px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.clear-filters-btn:hover{background:var(--color-bg-hover)}.rp-drivers{display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;flex-shrink:0;min-width:250px}.drivers-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);gap:12px;flex-wrap:wrap}.drivers-header-left{display:flex;align-items:center;gap:10px}.drivers-header h2{font-size:17px;font-weight:600;color:var(--color-text-primary);margin:0}.drivers-count{background:var(--color-secondary);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.drivers-layout-controls{display:flex;align-items:center;gap:6px}.layout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.layout-btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.layout-btn.active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.column-selector{display:flex;align-items:center;gap:6px;margin-left:6px;padding-left:10px;border-left:1px solid var(--color-border);color:var(--color-text-tertiary)}.column-selector select{padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:12px;background:var(--color-bg-primary);cursor:pointer;font-weight:600}.size-selector{display:flex;align-items:center;gap:2px;margin-left:6px;padding-left:8px;border-left:1px solid var(--color-border)}.size-btn{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:4px;font-size:10px;font-weight:700;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);padding:0}.size-btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.size-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quick-assign-bar{padding:12px 16px;background:var(--gradient-primary-light);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px}.assign-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.quick-assign-drivers{display:flex;flex-wrap:wrap;gap:8px}.quick-assign-btn{padding:8px 14px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;font-size:12px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.quick-assign-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.drivers-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative}.rp-drivers.grid-layout .drivers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--driver-card-min-width, 220px),1fr));gap:10px;align-content:start}.rp-drivers.grid-layout .drivers-list.has-maximized{display:flex;flex-direction:column}.driver-bucket{background:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:10px;overflow:visible;transition:all var(--transition-fast);position:relative}.driver-bucket:hover{border-color:var(--color-border-dark)}.driver-bucket.drag-over{border-color:var(--color-primary);border-style:solid;background:var(--gradient-primary-light);box-shadow:0 0 0 4px var(--color-focus-ring)}.driver-bucket.dragging{opacity:.5;transform:scale(.98);border-style:solid;border-color:var(--color-secondary)}.driver-bucket.reorder-target{border-color:var(--color-secondary);border-style:solid;background:linear-gradient(135deg,#a78bfa1a,#a78bfa0d);box-shadow:0 0 0 3px #a78bfa33}.driver-bucket.reorder-target:before{content:"";position:absolute;top:-4px;left:0;right:0;height:4px;background:var(--color-secondary);border-radius:2px}.driver-bucket-header{display:flex;align-items:center;gap:8px;padding:14px 16px;transition:background var(--transition-fast)}.driver-bucket-header:hover{background:var(--color-bg-secondary)}.driver-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:32px;color:var(--color-text-tertiary);cursor:grab;border-radius:4px;transition:all var(--transition-fast);flex-shrink:0}.driver-drag-handle:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.driver-drag-handle:active{cursor:grabbing;color:var(--color-secondary)}.driver-info{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;min-width:0}.driver-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.driver-details{display:flex;flex-direction:column}.driver-name{font-size:15px;font-weight:600;color:var(--color-text-primary)}.driver-truck{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-tertiary)}.driver-stats{display:flex;align-items:center;gap:12px;cursor:pointer}.capacity-indicator{display:flex;align-items:center;gap:8px}.capacity-bar{width:60px;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.capacity-fill{height:100%;background:var(--color-success);border-radius:3px;transition:width var(--transition-normal)}.capacity-indicator.medium .capacity-fill{background:var(--color-warning)}.capacity-indicator.high .capacity-fill{background:var(--color-error)}.capacity-text{font-size:13px;font-weight:600;color:var(--color-text-secondary);min-width:40px}.expand-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.expand-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.maximize-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.maximize-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.grid-bucket-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.bucket-assign-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.bucket-assign-btn:hover:not(:disabled){background:var(--color-primary-dark)}.bucket-assign-btn.disabled,.bucket-assign-btn:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.grid-bucket-actions .bucket-assign-btn{padding:4px}.grid-bucket-actions .bucket-assign-btn span{display:none}.reassign-dropdown-wrapper{position:relative}.bucket-reassign-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.bucket-reassign-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-dark);color:var(--color-text-primary)}.bucket-reassign-btn.disabled,.bucket-reassign-btn:disabled{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.5}.reassign-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;max-height:250px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.reassign-dropdown-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.reassign-dropdown-list{max-height:200px;overflow-y:auto}.reassign-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-bottom:1px solid var(--color-border-light);text-align:left;cursor:pointer;transition:background var(--transition-fast);font-size:13px;color:var(--color-text-primary)}.reassign-dropdown-item:last-child{border-bottom:none}.reassign-dropdown-item:hover{background:var(--color-bg-hover)}.reassign-item-avatar{width:26px;height:26px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.drivers-list.has-maximized .driver-bucket:not(.maximized){display:none}.driver-bucket.maximized{position:absolute;top:16px;left:16px;right:16px;bottom:16px;z-index:100;border-radius:10px;background:var(--color-bg-primary);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;height:calc(100% - 32px);overflow:hidden}.driver-bucket.maximized .bucket-cases{flex:1;overflow-y:auto;max-height:none}.driver-bucket.maximized.grid-mode{display:flex;flex-direction:column}.driver-bucket.maximized.grid-mode .grid-bucket-cases{flex:1;overflow-y:auto;max-height:none}.grid-bucket-header .maximize-btn{flex-shrink:0}.grid-bucket-header .grid-bucket-actions{margin-left:auto}.bucket-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:var(--color-text-tertiary);font-size:13px}.bucket-empty-state svg{opacity:.4}.bucket-cases{padding:12px 16px;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:8px;background:var(--color-bg-secondary);max-height:400px;overflow-y:auto;overflow-x:hidden}.bucket-cases.maximized{max-height:none}.bucket-case-card{position:relative;display:flex;flex-direction:column;padding:10px 10px 50px;background:var(--color-bg-primary);border:2px solid #a5b4fc;border-radius:8px;transition:all var(--transition-fast);flex-shrink:0;box-shadow:0 1px 3px #00000014}.bucket-case-card.important{padding-top:28px;border-color:#fbbf24;background:linear-gradient(180deg,#fffbeb 0%,var(--color-bg-primary) 15%)}.bucket-case-card .important-banner{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-size:8px;font-weight:700;padding:2px 6px;border-radius:8px 8px 0 0;text-transform:uppercase;letter-spacing:.5px}.bucket-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.bucket-case-card .bucket-case-drag-handle{padding:2px;cursor:grab;color:var(--color-text-tertiary);border-radius:3px;transition:all .15s ease}.bucket-case-card .bucket-case-drag-handle:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.bucket-card-rank{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--gradient-primary);color:#fff;font-size:12px;font-weight:700;border-radius:6px;flex-shrink:0}.bucket-card-client{flex:1;font-size:15px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bucket-card-id{font-size:10px;color:var(--color-text-tertiary)}.bucket-remove-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:4px;transition:all .15s ease}.bucket-remove-btn:hover{background:var(--color-error-light);color:var(--color-error)}.bucket-card-route{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--color-text-secondary);margin-bottom:6px}.bucket-card-route .route-origin,.bucket-card-route .route-dest{display:flex;align-items:center;gap:4px}.bucket-card-route .route-origin svg,.bucket-card-route .route-dest svg{flex-shrink:0}.bucket-card-route .route-arrow{display:none}.bucket-card-route .route-location-info{display:flex;flex-direction:column;gap:0;line-height:1.2;flex:1;min-width:0}.bucket-card-route .route-city{font-weight:500;color:var(--color-text-primary);font-size:14px}.bucket-card-route .route-name{font-size:13px;color:var(--color-text-tertiary);word-break:break-word}.bucket-card-vehicle{display:flex;flex-direction:column;gap:4px;margin-bottom:6px;width:100%}.bucket-card-vehicle .vehicle-car{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px;font-size:10px;font-weight:500;color:var(--color-text-primary);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:3px 6px;border-radius:4px;border:1px solid #bae6fd;width:100%;box-sizing:border-box}.bucket-card-vehicle .vehicle-car svg{color:#0284c7}.bucket-card-vehicle .vehicle-car .car-size{background:#0284c7;color:#fff;font-size:8px;font-weight:600;padding:1px 4px;border-radius:2px;margin-left:auto}.bucket-card-vehicle .vehicle-plate{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#1f2937;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:3px 6px;border-radius:4px;border:1px solid #fbbf24;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;letter-spacing:.5px;width:100%;box-sizing:border-box}.bucket-card-vehicle .vehicle-plate svg{color:#b45309}.bucket-card-dates{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.bucket-card-dates .date-item{display:flex;align-items:center;gap:2px;font-size:9px;padding:2px 5px;border-radius:3px;white-space:nowrap}.bucket-card-dates .date-item .date-label{font-weight:600;text-transform:uppercase;opacity:.8}.bucket-card-dates .date-item.case-date{background:#f3f4f6;color:#6b7280}.bucket-card-dates .date-item.pickup-deadline{background:#dbeafe;color:#1e40af}.bucket-card-dates .date-item.pickup-deadline.overdue{background:#fee2e2;color:#dc2626}.bucket-card-dates .date-item.pickup-deadline.urgent{background:#ffedd5;color:#ea580c}.bucket-card-dates .date-item.pickup-deadline.warning{background:#fef3c7;color:#d97706}.bucket-card-dates .date-item.deadline-date{background:#fce7f3;color:#be185d}.bucket-card-notes{border-top:1px solid var(--color-border);padding-top:4px}.bucket-card-notes .notes-toggle{display:flex;align-items:center;gap:3px;background:none;border:none;padding:3px 5px;font-size:9px;color:var(--color-text-secondary);cursor:pointer;border-radius:3px;transition:all .15s ease;width:100%}.bucket-card-notes .notes-toggle:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.bucket-card-notes .notes-content{font-size:9px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:6px;border-radius:3px;margin-top:3px;white-space:pre-wrap;word-break:break-word;max-height:60px;overflow-y:auto;line-height:1.3}.bucket-card-actions{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:3px;z-index:1}.bucket-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.bucket-action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.bucket-action-btn.images-btn:hover{color:#6366f1;border-color:#c7d2fe;background:#eef2ff}.bucket-action-btn.routes-btn:hover,.bucket-action-btn.routes-btn.has-routes{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.bucket-action-btn.edit-btn:hover{color:#0284c7;border-color:#bae6fd;background:#f0f9ff}.bucket-action-btn .action-badge{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;padding:0 3px;background:var(--color-primary);color:#fff;font-size:9px;font-weight:600;border-radius:7px;display:flex;align-items:center;justify-content:center}.bucket-action-btn.images-btn .action-badge{background:#6366f1}.bucket-action-btn.routes-btn .action-badge{background:#059669}.bucket-case-card.dragging{opacity:.5;border-style:dashed;background:var(--color-bg-secondary)}.bucket-case-card.drag-over{border-color:var(--color-primary);background:var(--color-primary-light)}.bucket-case-card.drop-before{box-shadow:0 -3px 0 var(--color-primary)}.bucket-case-card.drop-after{box-shadow:0 3px 0 var(--color-primary)}.bucket-case-item{display:flex;align-items:center;padding:10px 12px;background:var(--color-bg-primary);border:2px solid #a5b4fc;border-radius:6px;transition:all var(--transition-fast);box-shadow:0 1px 3px #0000000f}.bucket-case-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.bucket-case-client{font-size:13px;font-weight:600;color:var(--color-text-primary)}.bucket-case-route{font-size:11px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bucket-case-actions{display:flex;align-items:center;gap:10px}.bucket-case-plate{font-size:11px;font-weight:500;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:3px 8px;border-radius:4px}.remove-case-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.remove-case-btn:hover{background:var(--color-error-light);color:var(--color-error)}.bucket-case-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--color-text-tertiary);padding:4px;margin-right:6px;border-radius:4px;transition:all var(--transition-fast);flex-shrink:0}.bucket-case-drag-handle:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.bucket-case-drag-handle:active{cursor:grabbing}.bucket-case-item.dragging{opacity:.5;border-style:dashed;background:var(--color-bg-secondary)}.bucket-case-item.drag-over{border-color:var(--color-primary);background:var(--color-primary-light)}.bucket-case-item.drop-before{box-shadow:0 -3px 0 var(--color-primary)}.bucket-case-item.drop-after{box-shadow:0 3px 0 var(--color-primary)}.grid-case-item.dragging{opacity:.5;border-style:dashed;background:var(--color-bg-tertiary)}.grid-case-item.drag-over{border-color:var(--color-primary);background:var(--color-primary-light)}.grid-case-item.drop-before{box-shadow:0 -2px 0 var(--color-primary)}.grid-case-item.drop-after{box-shadow:0 2px 0 var(--color-primary)}.grid-case-item .bucket-case-drag-handle{padding:2px;margin-right:4px}.bucket-preview{padding:8px 16px;border-top:1px solid var(--color-border-light)}.preview-text{font-size:12px;color:var(--color-text-tertiary)}.pool-cases::-webkit-scrollbar,.drivers-list::-webkit-scrollbar,.bucket-cases::-webkit-scrollbar{width:8px}.pool-cases::-webkit-scrollbar-track,.drivers-list::-webkit-scrollbar-track,.bucket-cases::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.pool-cases::-webkit-scrollbar-thumb,.drivers-list::-webkit-scrollbar-thumb,.bucket-cases::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}.pool-cases::-webkit-scrollbar-thumb:hover,.drivers-list::-webkit-scrollbar-thumb:hover,.bucket-cases::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media(max-width:1600px){.pool-case-client{max-width:none}}@media(max-width:1400px){.rp-drivers.grid-layout .drivers-list{grid-template-columns:repeat(auto-fill,minmax(var(--driver-card-min-width, 220px),1fr))}}@media(max-width:1200px){.route-planning-new{padding:20px 12px}.rp-main{flex-direction:column;gap:20px}.rp-pool,.rp-drivers{width:100%!important;min-width:unset}.rp-resize-divider{display:none}.rp-stats-bar{flex-wrap:wrap}.stat-item{min-width:140px;flex:1}.pool-cases,.pool-cases.grid{grid-template-columns:1fr!important;gap:12px}.rp-drivers.grid-layout .drivers-list{grid-template-columns:1fr}}@media(max-width:768px){.route-planning-new{padding:80px 16px 20px}.rp-header{flex-direction:column;gap:16px}.rp-header-left h1{font-size:22px}.rp-header-actions{width:100%;justify-content:flex-end}.rp-stats-bar{gap:10px}.stat-item{padding:12px 16px;min-width:unset}.stat-value{font-size:18px}.stat-label{font-size:11px}.filter-row{grid-template-columns:1fr;gap:10px}.list-case-car,.list-header-car{display:none}.list-header{margin:0 12px;padding:6px 12px;font-size:10px}}@media(max-width:480px){.route-planning-new{padding:70px 12px 16px}.rp-header-left h1{font-size:20px}.list-case-plate,.list-header-plate,.list-case-date,.list-header-date,.list-case-deadline,.list-header-deadline,.list-case-notes,.list-header-notes{display:none}.list-case-route{font-size:11px}.list-case-route .route-origin,.list-case-route .route-dest{max-width:80px}.list-header{display:none}.drivers-list{padding:12px;gap:8px}.selection-bar{padding:10px 16px}.driver-bucket-header{flex-wrap:wrap;gap:10px}.driver-stats{width:100%;justify-content:space-between}.drivers-layout-controls{gap:4px}.layout-btn{width:28px;height:28px}.size-selector{margin-left:4px;padding-left:6px}.size-btn{width:22px;height:22px;font-size:9px}.driver-bucket.grid-mode{min-height:80px}.grid-bucket-header{padding:6px 8px;gap:6px}.grid-driver-avatar{width:22px;height:22px;font-size:9px}.grid-driver-name{font-size:11px}.grid-capacity-count{font-size:9px}.grid-bucket-cases{padding:4px;max-height:250px}.grid-case-item{padding:4px 6px;font-size:9px}.grid-case-route{font-size:8px}.bucket-card-actions{padding-top:6px;margin-top:6px}.bucket-action-btn{width:24px;height:24px}}@keyframes pulse-border{0%,to{border-color:var(--color-primary)}50%{border-color:var(--color-secondary)}}.driver-bucket.drag-over{animation:pulse-border 1s ease-in-out infinite}.driver-bucket.grid-mode{display:flex;flex-direction:column;padding:0;background:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:8px;min-height:100px;position:relative;transition:all var(--transition-fast);overflow:visible}.driver-bucket.grid-mode:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.driver-bucket.grid-mode.drag-over{border-color:var(--color-primary);border-style:solid;background:var(--gradient-primary-light);box-shadow:0 0 0 3px var(--color-focus-ring)}.driver-bucket.grid-mode.dragging{opacity:.5;transform:scale(.95)}.driver-bucket.grid-mode.reorder-target{border-color:var(--color-secondary);border-style:solid;background:linear-gradient(135deg,#a78bfa1a,#a78bfa0d)}.grid-bucket-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.grid-drag-handle{width:16px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);opacity:.4;cursor:grab;border-radius:3px;transition:all var(--transition-fast);flex-shrink:0}.driver-bucket.grid-mode:hover .grid-drag-handle{opacity:.8}.grid-drag-handle:hover{opacity:1;color:var(--color-secondary)}.grid-drag-handle:active{cursor:grabbing}.grid-driver-avatar{width:26px;height:26px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.grid-driver-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.grid-driver-name{font-size:13px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.grid-capacity{display:flex;align-items:center;gap:6px}.grid-capacity-bar{flex:1;height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden;min-width:30px}.grid-capacity-fill{height:100%;background:var(--color-success);border-radius:2px;transition:width var(--transition-normal)}.grid-capacity.medium .grid-capacity-fill{background:var(--color-warning)}.grid-capacity.high .grid-capacity-fill{background:var(--color-error)}.grid-capacity-count{font-size:11px;font-weight:600;color:var(--color-text-tertiary);white-space:nowrap}.grid-bucket-cases{flex:1;padding:6px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:400px}.grid-bucket-cases.maximized{max-height:none}.grid-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;color:var(--color-text-tertiary);font-size:10px;text-align:center}.grid-empty-state svg{opacity:.4}.grid-case-item{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--color-bg-secondary);border:1.5px solid #cbd5e1;border-radius:4px;font-size:13px;transition:all var(--transition-fast)}.grid-case-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.grid-case-client{font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-case-route{color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.grid-remove-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast);flex-shrink:0}.grid-case-item:hover .grid-remove-btn{opacity:1}.grid-remove-btn:hover{background:var(--color-error-light);color:var(--color-error)}.pool-case-card.loading{opacity:.6;pointer-events:none}.pool-cases:after{content:"";display:block;height:1px;flex-shrink:0}.route-planning-mobile{position:relative;display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-secondary)}.mobile-header{position:relative;height:auto;min-height:60px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;z-index:100}.mobile-header h1{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.mobile-saving{font-size:12px;color:var(--color-primary);display:flex;align-items:center;gap:6px}.mobile-error{margin:12px 16px;padding:12px 16px;background:var(--color-error-light);border-radius:8px;color:var(--color-error);display:flex;justify-content:space-between;align-items:center;font-size:14px}.mobile-error button{background:none;border:none;color:var(--color-error);font-size:20px;cursor:pointer}.mobile-stats{display:flex;gap:8px;padding:12px 16px;overflow-x:auto}.mobile-stat{flex:1;min-width:90px;background:var(--color-bg-primary);border-radius:10px;padding:12px;text-align:center;border:1px solid var(--color-border)}.mobile-stat .stat-num{display:block;font-size:24px;font-weight:700;color:var(--color-text-primary);line-height:1}.mobile-stat .stat-label{display:block;font-size:10px;color:var(--color-text-tertiary);margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.mobile-tabs{display:flex;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:600;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.mobile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.mobile-tab .tab-count{background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.mobile-tab.active .tab-count{background:var(--gradient-primary);color:#fff}.mobile-content{flex:1;padding-bottom:100px}.mobile-cases-panel{display:flex;flex-direction:column}.mobile-search{display:flex;align-items:center;gap:10px;margin:12px 16px;padding:12px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px}.mobile-search svg{color:var(--color-text-tertiary);flex-shrink:0}.mobile-search input{flex:1;border:none;background:none;font-size:16px;color:var(--color-text-primary);outline:none}.mobile-search input::placeholder{color:var(--color-text-tertiary)}.mobile-search button{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px}.mobile-filter-chips{display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto}.filter-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:20px;font-size:13px;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mobile-cases-list{padding:0 16px;display:flex;flex-direction:column;gap:10px}.mobile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-tertiary);text-align:center}.mobile-empty svg{opacity:.3;margin-bottom:12px}.mobile-empty p{margin:0;font-size:16px}.mobile-case-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--color-bg-primary);border:2px solid #c7d2fe;border-radius:12px;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px #00000014}.mobile-case-card:active{transform:scale(.98)}.mobile-case-card.selected{border-color:var(--color-primary);background:var(--gradient-primary-light)}.mobile-case-card.important{border-left:4px solid var(--color-warning)}.mobile-case-card.overdue{border-left:4px solid var(--color-error)}.mobile-case-card.urgent{border-left:4px solid var(--color-warning)}.mobile-case-checkbox{color:var(--color-text-tertiary);flex-shrink:0;padding-top:2px}.mobile-case-card.selected .mobile-case-checkbox{color:var(--color-primary)}.mobile-case-content{flex:1;min-width:0}.mobile-case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mobile-case-client{font-size:16px;font-weight:600;color:var(--color-text-primary)}.mobile-case-id{font-size:12px;color:var(--color-text-tertiary)}.mobile-case-route{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-text-secondary);margin-bottom:8px;flex-wrap:wrap}.mobile-case-route svg{flex-shrink:0}.mobile-case-route svg:first-child{color:var(--color-success)}.mobile-case-route svg:nth-child(4){color:var(--color-error)}.mobile-case-footer{display:flex;flex-wrap:wrap;gap:8px}.mobile-case-plate,.mobile-case-car{font-size:12px;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:4px 8px;border-radius:4px}.mobile-case-deadline{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-tertiary);padding:4px 8px;border-radius:4px;background:var(--color-bg-tertiary)}.mobile-case-deadline.overdue{background:var(--color-error-light);color:var(--color-error)}.mobile-case-deadline.urgent{background:var(--color-warning-light);color:var(--color-warning-dark)}.mobile-case-important{color:var(--color-warning);flex-shrink:0}.mobile-drivers-panel{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.mobile-driver-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.mobile-driver-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-driver-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.mobile-driver-info{flex:1;min-width:0}.mobile-driver-name{display:block;font-size:16px;font-weight:600;color:var(--color-text-primary)}.mobile-driver-truck{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-tertiary);margin-top:2px}.mobile-driver-stats{display:flex;align-items:center;gap:12px}.mobile-capacity{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mobile-capacity-bar{width:50px;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.mobile-capacity-fill{height:100%;background:var(--color-success);border-radius:3px}.mobile-capacity.medium .mobile-capacity-fill{background:var(--color-warning)}.mobile-capacity.high .mobile-capacity-fill{background:var(--color-error)}.mobile-capacity-text{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.mobile-expand-btn{background:none;border:none;color:var(--color-text-tertiary);padding:4px;cursor:pointer}.mobile-driver-cases{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:12px}.mobile-driver-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--color-text-tertiary);font-size:14px}.mobile-assigned-case{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-primary);border:2px solid #a5b4fc;border-radius:8px;margin-bottom:8px;box-shadow:0 1px 3px #0000000f}.mobile-assigned-case:last-child{margin-bottom:0}.assigned-case-info{flex:1;min-width:0}.assigned-case-client{display:block;font-size:14px;font-weight:600;color:var(--color-text-primary)}.assigned-case-route{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--color-text-tertiary);margin-top:2px;flex-wrap:wrap}.assigned-case-route .route-location-info{display:flex;flex-direction:column;gap:0}.assigned-case-route .route-city{font-weight:500;color:var(--color-text-secondary)}.assigned-case-route .route-name{font-size:11px;color:var(--color-text-tertiary)}.assigned-case-route .route-separator{color:var(--color-text-tertiary);align-self:center}.assigned-case-plate{display:inline-block;font-size:11px;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:4px;margin-top:4px}.assigned-case-remove{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0}.assigned-case-remove:active{background:var(--color-error-light);color:var(--color-error)}.mobile-fab-container{position:fixed;bottom:24px;left:16px;right:16px;display:flex;gap:12px;z-index:100}.mobile-fab-deselect{width:56px;height:56px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);flex-shrink:0}.mobile-fab{flex:1;height:56px;border-radius:28px;background:var(--gradient-primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg)}.mobile-fab:active{transform:scale(.98)}.mobile-bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:flex-end}.mobile-bottom-sheet{width:100%;max-height:70vh;background:var(--color-bg-primary);border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{width:40px;height:4px;background:var(--color-border-dark);border-radius:2px;margin:12px auto}.bottom-sheet-header{padding:0 20px 16px;border-bottom:1px solid var(--color-border)}.bottom-sheet-header h3{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.bottom-sheet-header .selection-info{font-size:14px;color:var(--color-text-tertiary)}.bottom-sheet-content{flex:1;overflow-y:auto;padding:12px 0}.driver-picker-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.driver-picker-item:active{background:var(--color-bg-secondary)}.picker-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0}.picker-info{flex:1;min-width:0}.picker-name{display:block;font-size:16px;font-weight:600;color:var(--color-text-primary)}.picker-stats{display:block;font-size:13px;color:var(--color-text-tertiary);margin-top:2px}.driver-picker-item svg{color:var(--color-text-tertiary);flex-shrink:0}.rp-main--skeleton{display:flex;gap:24px;align-items:flex-start}.rp-pool-skeleton,.rp-drivers-skeleton{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;min-height:420px;flex:1}.rp-pool-body-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.rp-skeleton-card,.driver-card-skeleton,.mobile-skeleton-card{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.rp-skeleton-meta,.driver-card-body,.driver-card-footer{display:flex;gap:8px;flex-wrap:wrap}.drivers-list-skeleton,.mobile-skeleton-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.driver-card-header{display:flex;gap:12px}.driver-card-meta{flex:1}.drivers-header-actions{display:flex;gap:10px;margin-top:8px}.mobile-header.skeleton{padding-top:70px}.mobile-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:0 12px 100px;overflow-y:auto}@media(max-width:600px){.mobile-cases-grid{grid-template-columns:1fr}}.mobile-selection-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.mobile-selection-bar .select-all-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer}.mobile-selection-bar .select-all-btn:active{background:var(--color-bg-secondary)}.mobile-selection-bar .selection-count{font-size:13px;color:var(--color-primary);font-weight:600}.mobile-drivers-grid{display:flex;flex-direction:column;gap:12px;padding:0 12px 100px;overflow-y:auto}.mobile-quick-assign{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:linear-gradient(135deg,var(--color-primary-light) 0%,#e0e7ff 100%);border-bottom:1px solid var(--color-primary);margin-bottom:12px}.mobile-quick-assign .assign-label{font-size:13px;font-weight:600;color:var(--color-primary)}.mobile-quick-assign .quick-assign-drivers{display:flex;gap:8px;flex-wrap:wrap}.mobile-quick-assign .quick-assign-btn{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.mobile-quick-assign .quick-assign-btn:active{transform:scale(.95);background:var(--color-primary-dark)}@media(max-width:768px){.pool-case-card{font-size:13px}.pool-case-card .pool-case-header{margin-bottom:6px}.pool-case-card .pool-case-actions{margin-top:8px;padding-top:8px}.driver-bucket{width:100%!important}.driver-bucket.grid-mode{min-width:unset}}.route-planning-mobile .mobile-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.route-planning-mobile .mobile-cases-panel,.route-planning-mobile .mobile-drivers-panel{height:100%;display:flex;flex-direction:column}.route-planning-mobile .mobile-cases-grid,.route-planning-mobile .mobile-drivers-grid{flex:1;overflow-y:auto}.admin-skeleton{display:flex;flex-direction:column;gap:20px}.admin-skeleton__header{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.admin-skeleton__actions{display:flex;gap:12px}.admin-skeleton__filters{display:flex;flex-wrap:wrap;gap:14px}.admin-skeleton__table{display:flex;flex-direction:column;gap:12px}.admin-skeleton__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.vs-skeleton{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(90deg,#f4f5f7 25%,#e5e7eb 37%,#f4f5f7 63%);background-size:400% 100%;animation:vs-skeleton-shimmer 1.4s ease infinite;min-height:16px}.vs-skeleton__title{width:220px;height:28px}.vs-skeleton__input{flex:1;min-width:200px;height:44px}.vs-skeleton__button{width:160px;height:44px}.vs-skeleton__badge{width:80px;height:22px}.vs-skeleton__chip{width:100px;height:24px}.vs-skeleton__chip.small{width:70px;height:20px}.vs-skeleton__pill{width:120px;height:18px}.vs-skeleton__line{width:100%;height:14px}.vs-skeleton__line.large{height:24px;width:70%}.vs-skeleton__line.medium{height:18px;width:80%}.vs-skeleton__line.small{height:12px;width:50%}.vs-skeleton__tag{width:90px;height:24px}.vs-skeleton__card{height:90px}.vs-skeleton__avatar{width:42px;height:42px;border-radius:50%}.vs-skeleton__title.small{width:160px;height:22px}.case-card{background:#fff;border-radius:16px;padding:0;margin-bottom:12px;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none}.drag-handle{display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:grab;padding:4px;border-radius:4px;touch-action:none;margin-right:4px;align-self:flex-start;margin-top:10px}.drag-handle:hover{color:#64748b;background-color:#f1f5f9}.drag-handle:active{cursor:grabbing}.case-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.case-card.dragging{opacity:.6;cursor:grabbing;transform:rotate(2deg) scale(1.02);box-shadow:0 12px 24px #00000026;pointer-events:none}.case-card.important{border-left:4px solid #ef4444}.case-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 8px}.case-header-left{display:flex;gap:12px;flex:1;min-width:0}.case-images-btn{width:52px;height:52px;min-width:52px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;touch-action:manipulation}.case-images-btn:hover{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;transform:scale(1.05);border-color:transparent}.case-images-btn:active{transform:scale(.98)}.image-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px #10b98166}.case-title-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.case-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.case-client-name{font-size:17px;font-weight:700;color:#0f172a;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.case-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:16px;white-space:nowrap}.case-badge.before-pickup{background:linear-gradient(135deg,#fef3c7,#fef9c3);color:#b45309;border:1px solid #fcd34d}.case-badge.after-delivery{background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0369a1;border:1px solid #7dd3fc}.case-badge svg{flex-shrink:0}.case-actions{display:flex;gap:4px;flex-shrink:0}.case-action-btn{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;touch-action:manipulation;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .15s ease}.case-action-btn:hover{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;transform:scale(1.05)}.case-action-btn.has-routes{position:relative;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:#3b82f6}.routes-count-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #3b82f666}.case-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#64748b}.case-date,.case-driver{display:flex;align-items:center;gap:4px}.case-date svg,.case-driver svg{color:#94a3b8}.case-deadline{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:0 16px 8px}.case-deadline.normal{color:#059669}.case-deadline.warning{color:#d97706}.case-deadline.urgent{color:#ea580c}.case-deadline.overdue{color:#dc2626;animation:pulse 2s infinite}.case-deadline.before-pickup{color:#64748b;font-weight:500}.case-deadline.delivery.normal{color:#059669}.case-deadline.delivery.warning{color:#d97706}.case-deadline.delivery.urgent{color:#ea580c}.case-deadline.delivery.overdue{color:#dc2626;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.case-route-info{padding:0 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.route-row{display:flex;flex-direction:column;gap:8px}.route-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#334155;padding:6px 10px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9;min-width:0}.route-item svg{color:#3b82f6;flex-shrink:0}.route-item.current-location{background:linear-gradient(135deg,#60a5fa14,#a78bfa14);border-color:#60a5fa33}.route-item.current-location svg{color:#8b5cf6}.route-item.before-pickup{background:linear-gradient(135deg,#94a3b814,#cbd5e114);border-color:#94a3b833}.route-item.before-pickup svg{color:#64748b}.route-item.after-delivery{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b98133}.route-item.after-delivery svg{color:#10b981}.route-label{font-weight:500;word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0}.case-vehicle-info{padding:12px 16px;background:#f8fafc;border-top:1px solid #f1f5f9;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.vehicle-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;font-weight:500}.vehicle-row svg{color:#94a3b8;flex-shrink:0}.case-notes-section{border-top:1px solid #f1f5f9}.notes-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;font-size:13px;color:#64748b;cursor:pointer;transition:all .15s ease}.notes-toggle:hover{background:#f8fafc;color:#334155}.notes-toggle svg:last-child{margin-left:auto}.notes-content{padding:0 16px 12px;font-size:13px;color:#475569;line-height:1.5;white-space:pre-wrap;word-break:break-word}.case-status-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fafbfc;border-top:1px solid #f1f5f9}.status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.status-dot[data-status=pending],.status-dot[data-status=created]{background:#f59e0b}.status-dot[data-status=assigned],.status-dot[data-status=assigned_to_driver]{background:#3b82f6}.status-dot[data-status=in_transit],.status-dot[data-status=picked_up]{background:#8b5cf6}.status-dot[data-status=delivered],.status-dot[data-status=completed]{background:#10b981}.status-text{font-size:12px;font-weight:500;color:#64748b}@media(max-width:768px){.case-card{border-radius:14px}.case-header-row{padding:14px 14px 8px;gap:10px}.case-header-left{gap:10px}.case-images-btn{width:48px;height:48px;min-width:48px}.case-client-name{font-size:16px}.case-meta{gap:8px;font-size:11px}.case-deadline{padding:0 14px 8px;font-size:11px}.case-route-info{padding:0 14px;margin-bottom:10px}.route-item{padding:5px 8px;font-size:12px}.case-vehicle-info{padding:10px 14px}.vehicle-row{font-size:12px}.case-status-bar{padding:8px 14px}.case-action-btn{width:36px;height:36px}}@media(max-width:480px){.case-card{border-radius:12px;margin-bottom:10px}.case-header-row{padding:12px 12px 6px;flex-wrap:wrap}.case-images-btn{width:44px;height:44px;min-width:44px}.image-count{min-width:18px;height:18px;font-size:10px;top:-5px;right:-5px}.case-client-name{font-size:15px}.case-title-row{flex-direction:column;align-items:flex-start;gap:6px}.case-badge{font-size:10px;padding:3px 8px}.case-actions{position:absolute;top:12px;right:12px}.case-meta{flex-direction:column;gap:4px;font-size:11px}.case-deadline{padding:0 12px 6px;font-size:11px}.case-route-info{padding:0 12px;margin-bottom:8px}.route-row{gap:6px}.route-item{padding:6px 10px;font-size:12px}.case-vehicle-info{grid-template-columns:1fr;padding:10px 12px;gap:6px}.vehicle-row{font-size:12px}.notes-toggle{padding:8px 12px;font-size:12px}.notes-content{padding:0 12px 10px;font-size:12px}.case-status-bar{padding:8px 12px}.status-text{font-size:11px}}.case-type-indicator{width:28px;height:28px;min-width:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.case-type-indicator.vehicle{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.case-type-indicator.general{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.cases-board{padding:32px 32px 0;width:100%;margin:0;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow-x:visible;overflow-y:hidden;position:relative;box-sizing:border-box;min-height:0}.board-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px;position:relative}.board-header h1{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 8px;letter-spacing:-.5px}.board-header p{font-size:15px;color:#64748b;margin:0}.header-actions{display:flex;gap:12px;align-items:center;position:fixed;top:80px;right:32px;z-index:100}.create-button{padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #10b9814d;white-space:nowrap}.create-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.create-button:active{transform:translateY(0)}.refresh-button{padding:12px 20px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 2px 8px #00000014}.refresh-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#334155}.refresh-button:hover:not(:disabled) svg{animation:spin .5s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-banner{padding:16px 20px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;color:#dc2626;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;font-weight:500}.close-error{background:#dc26261a;border:none;color:#dc2626;font-size:18px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s ease}.close-error:hover{background:#dc262633}.cases-search-bar{margin-bottom:24px}.search-input-wrapper{position:relative;display:flex;align-items:center;max-width:500px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.search-input-wrapper:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26,0 2px 8px #00000014}.search-icon{color:#94a3b8;margin-left:14px;flex-shrink:0}.cases-search-input{flex:1;border:none;outline:none;padding:12px 14px;font-size:14px;color:#0f172a;background:transparent}.cases-search-input::placeholder{color:#94a3b8}.search-clear-btn{background:none;border:none;padding:8px;margin-right:8px;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease;flex-shrink:0}.search-clear-btn:hover{background:#f1f5f9;color:#64748b}.board-container{display:flex;flex-direction:row;gap:20px;overflow-x:auto;overflow-y:hidden;flex:1 1 auto;padding-bottom:0;margin-bottom:0;position:relative;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #e2e8f0;-ms-overflow-style:scrollbar;min-height:0}.board-column{min-width:380px;max-width:380px;width:380px;flex-shrink:0;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}.board-column.drag-over{border-color:#60a5fa;background:linear-gradient(180deg,#60a5fa0d,#a78bfa0d);box-shadow:0 0 0 3px #60a5fa26;transform:scale(1.01)}.column-header{padding:18px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px 16px 0 0}.column-header h3{font-size:13px;font-weight:700;color:#334155;margin:0;text-transform:uppercase;letter-spacing:.8px}.column-count{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;min-width:28px;text-align:center}.board-column.drag-over .column-count{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff}.column-content{padding:14px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:100%;background:transparent;border-radius:0 0 16px 16px;-webkit-overflow-scrolling:touch}.empty-column{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;font-size:13px;text-align:center;border:2px dashed #e2e8f0;border-radius:12px;margin:4px;background:#f8fafc80}.empty-text{opacity:.8}.spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;background:linear-gradient(135deg,transparent 0%,transparent 50%,#60a5fa 50%,#a78bfa 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px}.board-container::-webkit-scrollbar{height:12px;display:block!important}.board-container::-webkit-scrollbar-track{background:#e2e8f0;border-radius:0;margin:0;border-top:1px solid #cbd5e1}.board-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:0;border:none;min-width:50px}.board-container::-webkit-scrollbar-thumb:hover{background:#64748b}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track{background:transparent}.column-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.column-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){.cases-board{padding:24px 20px 0;height:100vh;max-height:100vh}.board-header h1{font-size:24px}.header-actions{position:static;flex-wrap:wrap}.search-input-wrapper{max-width:100%}.board-column{min-width:340px;max-width:340px;width:340px;height:100%;max-height:100%}}@media(max-width:768px){.cases-board{padding:80px 16px 0;height:auto;max-height:none;min-height:100vh;overflow:visible;width:max-content}.board-header{flex-direction:column;gap:16px;align-items:stretch;position:sticky;left:16px;width:calc(100vw - 32px);z-index:40}.board-header h1{font-size:22px}.board-header p{font-size:14px}.cases-search-bar{margin-bottom:20px;position:sticky;left:16px;width:calc(100vw - 32px);z-index:40}.search-input-wrapper{max-width:100%}.header-actions{position:static;width:100%;flex-direction:row;gap:10px}.refresh-button,.create-button{flex:1;min-width:0;justify-content:center;padding:10px 14px;font-size:13px}.board-container{flex-direction:row;overflow:visible;gap:12px;padding-bottom:20px;width:100%;height:auto;max-height:none}.board-column{min-width:85vw;max-width:85vw;width:85vw;height:auto;max-height:none;flex-shrink:0;background:transparent;border:none;box-shadow:none}.column-header{padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:30;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;background:#fff;margin-top:-1px}.column-header h3{font-size:12px}.column-content{padding:10px 0;overflow:visible;max-height:none}.empty-column{padding:30px 16px;background:#fff;border-radius:12px;border:1px dashed #cbd5e1}}@media(max-width:480px){.cases-board{padding:70px 12px 0;height:100vh;max-height:100vh;min-height:100vh}.board-header{margin-bottom:20px}.board-header h1{font-size:20px}.cases-search-bar{margin-bottom:16px}.header-actions{flex-direction:column;gap:8px}.refresh-button,.create-button{width:100%}.board-column{min-width:90vw;max-width:90vw;width:90vw;height:100%;max-height:100%}.column-content{padding:10px;max-height:calc(100vh - 200px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;height:auto;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-small{width:100%;max-width:420px}.modal-medium{width:100%;max-width:560px}.modal-large{width:100%;max-width:720px}.modal-xlarge{width:100%;max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-title{font-size:20px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.3px}.modal-close{background:#f1f5f9;border:none;font-size:20px;color:#64748b;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1}.modal-close:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.modal-body{padding:28px;overflow-y:auto;flex:1}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{border-radius:20px 20px 0 0;max-height:95vh;max-height:95dvh;width:100%;min-height:50vh;height:auto}.modal-small,.modal-medium,.modal-large,.modal-xlarge{max-width:100%}.modal-header{padding:18px 20px;flex-shrink:0}.modal-title{font-size:18px}.modal-close{width:40px;height:40px}.modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}}@media(max-width:480px){.modal-content{border-radius:16px 16px 0 0}.modal-header{padding:16px}.modal-title{font-size:16px}.modal-close{width:36px;height:36px;font-size:18px}.modal-body{padding:16px}}.cases-list-page{max-width:100%;margin:0 auto;background:#fafafa}.cases-list-page__content{position:relative;padding:32px;min-height:calc(100vh - 64px)}.header-actions{display:flex;gap:12px}.create-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:#f9fafb;border-color:#d1d5db}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-bar{flex:1;min-width:200px;position:relative}.search-bar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:10px 40px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.search-clear-btn:hover{color:#6b7280;background:#f3f4f6}.data-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:#374151;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:14px 16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#111827}.data-table tbody tr.important-row{background:#fef3c7}.data-table tbody tr.important-row:hover{background:#fde68a}.table-cell-client{display:flex;align-items:center;gap:8px}.client-name{font-weight:500;color:#111827}.important-indicator{font-size:14px}.license-plate{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}.deadline-cell{display:flex;align-items:center;gap:6px}.deadline-cell.overdue{color:#dc2626;font-weight:500}.deadline-cell.urgent{color:#ea580c;font-weight:500}.deadline-cell.warning{color:#d97706}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.table-actions{display:flex;gap:6px;justify-content:flex-end}.actions-column{text-align:right;width:160px}.action-button{display:flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;background:#fff;color:#374151}.action-button:hover{background:#f9fafb;border-color:#d1d5db}.images-button{color:#6366f1;border-color:#c7d2fe}.images-button:hover{background:#eef2ff;border-color:#a5b4fc}.image-count-badge{position:absolute;top:-6px;right:-6px;background:#6366f1;color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.truck-button{color:#059669;border-color:#a7f3d0}.truck-button:hover{background:#ecfdf5;border-color:#6ee7b7}.edit-button{color:#3b82f6;border-color:#bfdbfe}.edit-button:hover{background:#eff6ff;border-color:#93c5fd}.delete-button{padding:10px 20px;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}@media(max-width:1024px){.cases-list-page{padding:24px 20px}.filter-select{min-width:120px}.data-table th,.data-table td{padding:12px}}@media(max-width:768px){.cases-list-page{padding:80px 16px 24px}.page-header{flex-direction:column;gap:16px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.header-actions{width:100%;flex-direction:column}.create-button,.refresh-button{width:100%;justify-content:center}.filters-bar{flex-direction:column;margin-bottom:20px;gap:12px}.search-bar{min-width:100%}.search-input{font-size:16px}.filter-group{width:100%;flex-direction:column;align-items:stretch;gap:6px}.filter-select{width:100%;min-width:auto;font-size:16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:10px 8px}.table-actions{flex-direction:column;gap:4px}.action-button{width:32px;height:32px}}@media(max-width:480px){.cases-list-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-text{font-size:14px}}.clients-page{background:#fafafa}.clients-page__content{position:relative;padding:32px;max-width:100%;margin:0 auto;min-height:calc(100vh - 64px)}.client-form{display:flex;flex-direction:column;gap:20px}.form-input[type=textarea],textarea.form-input{resize:vertical;min-height:80px}@media(max-width:1024px){.clients-page{padding:24px 20px}}@media(max-width:768px){.clients-page{padding:80px 16px 24px}.page-header{flex-direction:column;gap:16px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.create-button{width:100%}.search-bar{margin-bottom:20px}.search-input{max-width:100%;font-size:16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.user-avatar-small{width:32px;height:32px;font-size:12px}.table-actions{flex-direction:column;gap:4px}.action-button{width:100%;padding:6px 12px;font-size:12px}.form-input{font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media(max-width:480px){.clients-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.client-header{gap:10px}.action-button{padding:10px 12px;font-size:13px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-text{font-size:14px}}.trucks-page{background:#fafafa}.trucks-page__content{position:relative;padding:32px;max-width:100%;margin:0 auto;min-height:calc(100vh - 64px)}.truck-icon-small{font-size:20px;flex-shrink:0}.truck-form{display:flex;flex-direction:column;gap:20px}@media(max-width:1024px){.trucks-page{padding:24px 20px}}@media(max-width:768px){.trucks-page{padding:80px 16px 24px}.page-header{flex-direction:column;gap:16px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.create-button{width:100%}.search-bar{margin-bottom:20px}.search-input{max-width:100%;font-size:16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.truck-icon-small{font-size:18px}.table-actions{flex-direction:column;gap:4px}.action-button{width:100%;padding:6px 12px;font-size:12px}.form-row{grid-template-columns:1fr}.form-input{font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media(max-width:480px){.trucks-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.truck-header{gap:10px}.truck-icon{font-size:28px}.action-button{padding:10px 12px;font-size:13px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-text{font-size:14px}}.users-page{background:#fafafa}.users-page__content{position:relative;padding:32px;max-width:100%;margin:0 auto;min-height:calc(100vh - 64px)}.filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;justify-content:space-between;align-items:center}.search-bar{flex:1;min-width:200px;max-width:400px}.filter-select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;background:#fff;min-width:150px}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.table-actions{display:flex;gap:8px}.table-actions{justify-content:flex-end}.user-form{display:flex;flex-direction:column;gap:20px}@media(max-width:1024px){.users-page{padding:24px 20px}.filter-select{min-width:120px}}@media(max-width:768px){.users-page{padding:80px 16px 24px}.page-header{flex-direction:column;gap:16px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.create-button{width:100%}.filters-bar{flex-direction:column;margin-bottom:20px;gap:12px}.search-bar{min-width:100%}.search-input{font-size:16px}.filter-group{width:100%;flex-direction:column;align-items:stretch;gap:6px}.filter-select{width:100%;min-width:auto;font-size:16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.user-avatar-small{width:32px;height:32px;font-size:12px}.table-actions{flex-direction:column;gap:4px}.action-button{width:100%;padding:6px 12px;font-size:12px}.form-input{font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media(max-width:480px){.users-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.user-header{gap:10px}.action-button{padding:10px 12px;font-size:13px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-text{font-size:14px}}.stations-page{background:#fafafa}.stations-page__content{position:relative;padding:32px;max-width:100%;margin:0 auto;min-height:calc(100vh - 64px)}.station-icon-small{font-size:20px;flex-shrink:0}.station-form{display:flex;flex-direction:column;gap:20px}@media(max-width:1024px){.stations-page{padding:24px 20px}}@media(max-width:768px){.stations-page{padding:80px 16px 24px}.page-header{flex-direction:column;gap:16px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.create-button{width:100%}.search-bar{margin-bottom:20px}.search-input{max-width:100%;font-size:16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.station-icon-small{font-size:18px}.table-actions{flex-direction:column;gap:4px}.action-button{width:100%;padding:6px 12px;font-size:12px}.form-row{grid-template-columns:1fr}.form-input{font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media(max-width:480px){.stations-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.station-header{gap:10px}.station-icon{font-size:28px}.action-button{padding:10px 12px;font-size:13px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-text{font-size:14px}}.locations-page{background:#fafafa}.locations-page__content{position:relative;padding:32px;max-width:100%;margin:0 auto;min-height:calc(100vh - 64px)}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:14px;font-weight:500;color:#374151;white-space:nowrap}.filter-select{padding:10px 16px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;cursor:pointer;transition:all .2s ease;min-width:180px}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.station-badge{background-color:#dbeafe;color:#1e40af}.location-badge{background-color:#f3f4f6;color:#374151}.location-form{display:flex;flex-direction:column;gap:20px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-input{width:18px;height:18px;cursor:pointer}.form-input[type=textarea],textarea.form-input{resize:vertical;min-height:60px}@media(max-width:1024px){.locations-page{padding:24px 20px}}@media(max-width:768px){.locations-page{padding:80px 16px 24px}.page-header{flex-direction:column;gap:16px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.create-button{width:100%}.filters-bar{flex-direction:column;align-items:stretch;gap:12px}.search-bar{max-width:100%}.filter-group{flex-direction:column;align-items:stretch}.filter-select{width:100%;min-width:auto}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.icon-small{font-size:16px}.table-actions{flex-direction:column;gap:4px}.action-button{width:100%;padding:6px 12px;font-size:12px}.form-row{grid-template-columns:1fr}.form-input{font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media(max-width:480px){.locations-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.action-button{padding:10px 12px;font-size:13px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-text{font-size:14px}}.profile-page{padding:32px;max-width:100%;margin:0 auto;background:#fafafa;min-height:calc(100vh - 64px)}.message-banner{padding:16px;border-radius:8px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-banner.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message-banner.error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.close-message{background:none;border:none;color:inherit;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease}.close-message:hover{opacity:1}.profile-sections{display:flex;flex-direction:column;gap:24px}.profile-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{margin-bottom:20px}.section-header h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.section-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.profile-form{display:flex;flex-direction:column;gap:20px}.form-input:disabled{background-color:#f9fafb;cursor:not-allowed}.save-button:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.language-selection{display:flex;flex-direction:column;gap:12px}.language-option-button{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;text-align:left}.language-option-button:hover{border-color:var(--color-primary);background:#f9fafb}.language-option-button.active{border-color:var(--color-primary);background:linear-gradient(135deg,#f0f4ff,#fff);color:#111827}.language-flag{font-size:24px;line-height:1}.language-name{flex:1}.language-check{color:var(--color-primary);font-size:18px;font-weight:600}.logout-section{border-color:#fee2e2;background:linear-gradient(135deg,#fef2f2,#fff)}.logout-button{padding:12px 24px;background:#ef44441a;color:#dc2626;border:2px solid rgba(239,68,68,.3);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px}.logout-button:hover{background:#ef444426;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.logout-button svg{flex-shrink:0}@media(max-width:768px){.profile-page,.profile-section{padding:20px}.page-header h1{font-size:24px}.section-header h2{font-size:18px}}.vehicle-settings-page{background:#fafafa}.vehicle-settings-page__content{position:relative;padding:32px;max-width:100%;margin:0 auto;min-height:calc(100vh - 64px)}.page-header{margin-bottom:24px}.tabs-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.tabs-header{display:flex;border-bottom:2px solid #e5e7eb;background:#f9fafb}.tab-button{display:flex;align-items:center;gap:8px;padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{background:#f3f4f6;color:#111827}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#fff}.tabs-content{padding:24px}.tab-content{position:relative;display:flex;flex-direction:column;gap:24px;min-height:360px}.tab-skeleton{display:flex;flex-direction:column;gap:20px}.tab-skeleton__header{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.tab-skeleton__table{display:flex;flex-direction:column;gap:12px}.tab-skeleton__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.tab-skeleton__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.vs-skeleton{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(90deg,#f4f5f7 25%,#e5e7eb 37%,#f4f5f7 63%);background-size:400% 100%;animation:vs-skeleton-shimmer 1.4s ease infinite;min-height:18px}.vs-skeleton__input{flex:1;min-width:220px;height:44px}.vs-skeleton__button{width:170px;height:44px}.vs-skeleton__cell{height:32px}.vs-skeleton__card{height:92px}@keyframes vs-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.error-banner{padding:16px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;align-items:center}.search-bar{flex:1;max-width:400px}.search-input{width:100%;padding:10px 16px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease}.create-button{padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.form-content{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-section-title{font-size:16px;font-weight:600;color:#111827;margin-top:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}select.form-input{cursor:pointer}textarea.form-input{resize:vertical;min-height:80px}@media(max-width:1024px){.vehicle-settings-page{padding:24px 20px}}@media(max-width:768px){.vehicle-settings-page{padding:80px 16px 24px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:12px 16px;font-size:13px;white-space:nowrap}.tab-button span{display:none}.tabs-content{padding:16px}.tab-header{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.create-button{width:100%}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.table-actions{flex-direction:column;gap:4px}.action-button{width:100%;padding:6px 12px;font-size:12px}.form-row,.form-row-4{grid-template-columns:1fr}.form-input{font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media(max-width:480px){.vehicle-settings-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.tab-button{padding:10px 12px}}.roadways-page{background:#fafafa}.roadways-page__content{position:relative;padding:32px;max-width:100%;margin:0 auto;min-height:calc(100vh - 64px)}.cities-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.city-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border-radius:4px;font-size:12px;color:#374151}.city-badge.more{background:#e5e7eb;color:#6b7280;font-weight:500}.roadway-form{display:flex;flex-direction:column;gap:20px}@media(max-width:1024px){.roadways-page{padding:24px 20px}}@media(max-width:768px){.roadways-page{padding:80px 16px 24px}.page-header{flex-direction:column;gap:16px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.create-button{width:100%}.search-bar{margin-bottom:20px}.search-input{max-width:100%;font-size:16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.table-actions{flex-direction:column;gap:4px}.action-button{width:100%;padding:6px 12px;font-size:12px}.form-input{font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media(max-width:480px){.roadways-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.action-button{padding:10px 12px;font-size:13px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-text{font-size:14px}}.cities-page{background:#fafafa}.cities-page__content{position:relative;padding:32px;max-width:100%;margin:0 auto;min-height:calc(100vh - 64px)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:600;color:#111827;margin:0 0 8px}.page-header p{font-size:15px;color:#6b7280;margin:0}.create-button{padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-button:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.error-banner{padding:16px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.close-error{background:none;border:none;color:#dc2626;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.search-bar{margin-bottom:24px}.search-input{width:100%;max-width:400px;padding:10px 16px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.data-table td{padding:16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#111827}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.table-cell-user{display:flex;align-items:center;gap:12px}.icon-small{flex-shrink:0;color:#6b7280}.user-name{font-weight:500;color:#111827}.text-muted{color:#6b7280;font-style:italic}.table-actions{display:flex;gap:8px;justify-content:flex-end}.actions-column{text-align:right;width:200px}.action-button{flex:1;padding:8px 16px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-button{background:#fff;color:#111827}.edit-button:hover{background:#f9fafb;border-color:#d1d5db}.delete-button{background:#fff;color:#dc2626;border-color:#fecaca}.delete-button:hover{background:#fee2e2;border-color:#fca5a5}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;border:1px dashed #d1d5db}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{font-size:16px;color:#6b7280;margin-bottom:20px}.empty-action-button{padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-action-button:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.city-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.cancel-button{padding:10px 20px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#f9fafb;border-color:#d1d5db}.save-button{padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.delete-confirm{display:flex;flex-direction:column;gap:20px}.delete-confirm p{margin:0;font-size:15px;color:#374151;line-height:1.6}.delete-actions{display:flex;gap:12px;justify-content:flex-end}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#111827;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1024px){.cities-page{padding:24px 20px}}@media(max-width:768px){.cities-page{padding:80px 16px 24px}.page-header{flex-direction:column;gap:16px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.create-button{width:100%}.search-bar{margin-bottom:20px}.search-input{max-width:100%;font-size:16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.table-actions{flex-direction:column;gap:4px}.action-button{width:100%;padding:6px 12px;font-size:12px}.form-input{font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media(max-width:480px){.cities-page{padding:70px 12px 20px}.page-header h1{font-size:20px}.action-button{padding:10px 12px;font-size:13px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-text{font-size:14px}}:root{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-primary-light: #93c5fd;--color-secondary: #a78bfa;--color-secondary-dark: #8b5cf6;--color-secondary-light: #c4b5fd;--color-accent: #f472b6;--color-accent-dark: #ec4899;--color-accent-light: #f9a8d4;--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #f472b6 100%);--gradient-primary-hover: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);--gradient-primary-light: linear-gradient(135deg, rgba(96, 165, 250, .1) 0%, rgba(167, 139, 250, .1) 50%, rgba(244, 114, 182, .1) 100%);--gradient-sidebar: linear-gradient(180deg, #1a1f2e 0%, #252b3d 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-hover: #e2e8f0;--color-bg-dark: #1a1f2e;--color-bg-dark-secondary: #252b3d;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-dark: #cbd5e1;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--color-link: var(--color-primary);--color-link-hover: var(--color-secondary);--color-focus-ring: rgba(96, 165, 250, .25);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(96, 165, 250, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;line-height:1.6;font-weight:400;overflow-x:hidden;scroll-behavior:smooth}#root{min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto}button,a,input[type=button],input[type=submit]{min-height:44px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--gradient-primary);position:relative;overflow:hidden}.loading-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;position:relative;z-index:1;box-shadow:0 4px 20px #0003}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}