.navbar{background:#1a56db;color:#fff;padding:0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-logo{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-icon{font-size:28px;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-text{display:flex;flex-direction:column}.logo-name{font-size:22px;font-weight:700;line-height:1}.logo-tag{font-size:12px;opacity:.9;margin-top:2px}.navbar-menu{display:flex;gap:20px;align-items:center}@media(max-width:768px){.navbar-menu{display:none}}.nav-link{color:#fff;text-decoration:none;font-size:16px;padding:8px 16px;border-radius:6px;transition:all .3s ease}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:#fff;color:#1a56db;font-weight:600}.user-section{display:flex;align-items:center}@media(max-width:768px){.user-section{display:none}}.user-profile{display:flex;align-items:center;gap:15px}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-phone{font-size:14px;background:#ffffff1a;padding:4px 12px;border-radius:20px}.dashboard-btn{background:#fff;color:#1a56db;border:none;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.dashboard-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.logout-btn{background:#dc2626;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#b91c1c}.login-btn{background:#fff;color:#1a56db;padding:10px 30px;border-radius:6px;font-weight:600;text-decoration:none;font-size:16px;transition:all .3s ease}.login-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.mobile-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center}@media(max-width:768px){.mobile-toggle{display:flex}}.mobile-menu{display:none;background:#fff;padding:20px;flex-direction:column;gap:10px;box-shadow:0 4px 6px #0000001a}.mobile-menu.show{display:flex}.mobile-link{color:#333;text-decoration:none;padding:15px;font-size:16px;border-radius:6px;transition:all .3s ease}.mobile-link:hover{background:#f3f4f6}.mobile-link.active{background:#1a56db;color:#fff;font-weight:600}.mobile-user{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:15px}.mobile-user-info{background:#f3f4f6;padding:12px;border-radius:6px;font-size:14px;color:#666}.mobile-dashboard-btn{background:#1a56db;color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.mobile-logout-btn{background:#dc2626;color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer}.mobile-login-btn{background:#1a56db;color:#fff;padding:15px;border-radius:6px;font-weight:600;text-decoration:none;font-size:16px;text-align:center}.transport-footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0 20px;margin-top:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.footer-top-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:40px;flex-wrap:wrap;gap:30px}.footer-logo{display:flex;align-items:center;gap:15px}.footer-logo-icon{font-size:48px;background:linear-gradient(135deg,#667eea,#764ba2);padding:15px;border-radius:12px;box-shadow:0 4px 15px #667eea4d}.footer-logo-text{display:flex;flex-direction:column}.footer-company-name{font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:#a0a0c0;font-size:14px;margin:5px 0 0;font-weight:500}.footer-description{flex:1;max-width:400px;text-align:right}.footer-description p{color:#b8b8d1;font-size:15px;line-height:1.6;margin:0}.footer-main-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#fff;position:relative;padding-bottom:10px}.footer-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.footer-contact-box{background:#ffffff0d;padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.contact-details{display:flex;flex-direction:column;gap:15px}.contact-line{display:flex;align-items:flex-start;gap:12px;color:#b8b8d1;font-size:14px;line-height:1.5}.contact-icon{color:#667eea;font-size:16px;margin-top:2px;flex-shrink:0}.contact-link{color:#b8b8d1;text-decoration:none;transition:all .3s ease}.contact-link:hover{color:#667eea;text-decoration:underline}.footer-links-box{background:#ffffff0d;padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:12px}.footer-links-list li:last-child{margin-bottom:0}.footer-links-list a{color:#b8b8d1;text-decoration:none;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.footer-links-list a:hover{color:#667eea;transform:translate(5px)}.policy-link-btn{background:none;border:none;color:#b8b8d1;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;padding:0;text-align:left;width:100%}.policy-link-btn:hover{color:#667eea;transform:translate(5px)}.policy-icon{color:#667eea;font-size:14px}.footer-info-box{background:#ffffff0d;padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.business-info{color:#b8b8d1;font-size:14px;line-height:1.6}.business-info p{margin:0 0 10px}.business-info p:last-child{margin-bottom:0}.registration-info{color:#667eea;font-weight:500;margin-top:15px!important;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-section{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:20px}.footer-copyright{color:#b8b8d1;font-size:14px}.footer-disclaimer{color:#a0a0c0;font-size:13px;text-align:right;max-width:600px}.footer-disclaimer p{margin:0}.inline-link{background:none;border:none;color:#667eea;text-decoration:none;margin:0 5px;font-weight:500;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.inline-link:hover{text-decoration:underline}.policy-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.policy-modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.policy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px 12px 0 0}.modal-header-left{display:flex;align-items:center;gap:15px}.modal-header-icon{font-size:24px;color:#667eea}.modal-title{margin:0;color:#fff;font-size:20px;font-weight:600}.modal-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.modal-close-btn:hover{background:#ffffff1a;color:#667eea}.policy-modal-body{flex:1;overflow-y:auto;padding:30px;max-height:60vh}.policy-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid #e8e8e8;background:#fafafa;border-radius:0 0 12px 12px}.modal-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.modal-btn-secondary{background:#fff;color:#666;border-color:#d9d9d9}.modal-btn-secondary:hover{border-color:#667eea;color:#667eea}.policy-content{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.policy-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.policy-header h3{color:#1a1a2e;margin:0 0 10px;font-size:24px}.effective-date{color:#666;font-size:14px;font-style:italic}.policy-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.policy-section:last-child{margin-bottom:0;border-bottom:none}.policy-section h4{color:#1a1a2e;margin:0 0 15px;font-size:18px}.policy-section p{color:#444;line-height:1.6;margin-bottom:15px}.policy-section ul{margin:15px 0;padding-left:20px}.policy-section li{color:#444;line-height:1.6;margin-bottom:8px}.refund-table{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;margin:20px 0}.refund-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #e8e8e8}.refund-row:last-child{border-bottom:none}.refund-row.header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-weight:600}.refund-row:not(.header){background:#fafafa}.refund-row:not(.header):hover{background:#f0f0f0}.refund-col{padding:15px;display:flex;align-items:center;justify-content:center;text-align:center}.refund-row:not(.header) .refund-col{color:#333}.process-steps{display:grid;gap:20px;margin:20px 0}.process-step{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content h5{margin:0 0 5px;color:#1a1a2e;font-size:16px}.step-content p{margin:0;color:#666;font-size:14px}.special-cases{display:grid;gap:15px;margin:20px 0}.case-item{padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid}.case-item:nth-child(1){border-left-color:#ff4d4f}.case-item:nth-child(2){border-left-color:#faad14}.case-item:nth-child(3){border-left-color:#52c41a}.case-item h5{margin:0 0 8px;color:#1a1a2e;font-size:16px;display:flex;align-items:center;gap:8px}.case-item p{margin:0;color:#666;font-size:14px}.contact-refund{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:8px;margin-top:20px}.contact-refund p{margin:5px 0;color:#333}.policy-modal-body::-webkit-scrollbar{width:8px}.policy-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.policy-modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.policy-modal-body::-webkit-scrollbar-thumb:hover{background:#764ba2}@media(max-width:992px){.footer-top-section{flex-direction:column;text-align:center;gap:20px}.footer-description{text-align:center;max-width:100%}.footer-main-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.transport-footer{padding:40px 0 20px}.footer-main-content{grid-template-columns:1fr;gap:30px}.footer-bottom-section{flex-direction:column;text-align:center;gap:15px}.footer-disclaimer{text-align:center}.policy-modal-content{width:95%;max-width:95%}.refund-row{grid-template-columns:1fr;gap:10px;padding:10px}.refund-row.header{display:none}.refund-col{justify-content:flex-start;text-align:left;padding:8px}.refund-col:before{content:attr(data-label);font-weight:600;margin-right:10px;color:#1a1a2e;min-width:120px;display:inline-block}.refund-row:not(.header){display:block;padding:15px;margin-bottom:10px;background:#f8f9fa;border-radius:6px}}@media(max-width:480px){.footer-logo{flex-direction:column;text-align:center}.footer-logo-text{align-items:center}.footer-company-name{font-size:24px}.footer-section-title{font-size:16px}.policy-modal-header{padding:15px 20px}.policy-modal-body{padding:20px}.policy-modal-footer{padding:15px 20px}.policy-header h3{font-size:20px}.modal-title{font-size:18px}}.footer-links-list a,.contact-link,.policy-link-btn{position:relative;transition:all .3s ease}.footer-links-list a:after,.policy-link-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#667eea;transition:width .3s ease}.footer-links-list a:hover:after,.policy-link-btn:hover:after{width:100%}.tk-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.tk-header{text-align:center;margin-bottom:40px}.tk-title{font-size:2.2rem;color:#1f2937;margin-bottom:10px;font-weight:700}.tk-subtitle{color:#6b7280;font-size:1.1rem;margin:0}.tk-input-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 30px #00000014;border:1px solid #e5e7eb;margin-bottom:30px}.tk-input-group{display:flex;gap:15px;margin-bottom:20px}.tk-input{flex:1;padding:16px 20px;border:2px solid #d1d5db;border-radius:12px;font-size:1.1rem;font-family:inherit;transition:all .2s ease}.tk-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tk-track-btn{padding:16px 35px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tk-track-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.tk-stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.tk-sample-ids{text-align:center}.tk-sample-ids p{color:#6b7280;margin-bottom:10px;font-size:.95rem}.tk-id-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tk-id-tag{background:#f3f4f6;color:#4b5563;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}.tk-id-tag:hover{background:#e5e7eb;transform:translateY(-2px)}.tk-dashboard{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.tk-status-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;padding:25px;color:#fff}.tk-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tk-status-header h3{margin:0;font-size:1.5rem}.tk-status-text{color:#fbbf24;font-weight:800}.tk-live-badge{background:#ef4444;color:#fff;padding:6px 15px;border-radius:20px;font-size:.85rem;font-weight:700;animation:tk-pulse 1.5s infinite}@keyframes tk-pulse{0%,to{opacity:1}50%{opacity:.7}}.tk-status-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tk-status-item{display:flex;flex-direction:column;gap:5px}.tk-status-label{font-size:.9rem;opacity:.9}.tk-status-value{font-size:1.2rem;font-weight:700}.tk-progress-section{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.tk-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tk-progress-header h4{margin:0;color:#1f2937;font-size:1.3rem}.tk-progress-percent{background:#10b981;color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;font-size:1.2rem}.tk-progress-bar{height:12px;background:#e5e7eb;border-radius:6px;margin-bottom:10px;overflow:hidden;position:relative}.tk-progress-fill{height:100%;background:linear-gradient(to right,#3b82f6,#8b5cf6);border-radius:6px;transition:width 1s ease-in-out;position:relative}.tk-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:tk-shimmer 2s infinite}@keyframes tk-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tk-progress-labels{display:flex;justify-content:space-between;margin-bottom:20px;color:#6b7280;font-weight:600}.tk-progress-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tk-progress-item{display:flex;flex-direction:column;gap:5px}.tk-progress-item span:first-child{color:#6b7280;font-size:.95rem}.tk-highlight{color:#1f2937;font-weight:700;font-size:1.1rem}.tk-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.tk-info-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.tk-info-card h4{margin:0 0 20px;color:#1f2937;font-size:1.2rem}.tk-driver-details{margin-bottom:20px}.tk-driver-name{font-size:1.3rem;color:#1f2937;font-weight:700;margin-bottom:5px}.tk-driver-rating{color:#f59e0b;font-weight:600;margin-bottom:5px}.tk-driver-exp,.tk-driver-contact{color:#6b7280;margin-bottom:5px;font-size:.95rem}.tk-call-btn{width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.tk-call-btn:hover{background:#059669;transform:translateY(-2px)}.tk-vehicle-details{margin-bottom:20px}.tk-vehicle-type{font-size:1.3rem;color:#1f2937;font-weight:700;margin-bottom:5px}.tk-vehicle-number{color:#3b82f6;font-weight:600;margin-bottom:5px;background:#3b82f61a;padding:6px 12px;border-radius:8px;display:inline-block}.tk-vehicle-capacity,.tk-vehicle-status{color:#6b7280;margin-bottom:5px;font-size:.95rem}.tk-status-moving{color:#10b981;font-weight:700}.tk-speed-indicator{text-align:center;margin-top:20px}.tk-speed-gauge{width:120px;height:60px;background:linear-gradient(90deg,#10b981,#fbbf24,#ef4444);border-radius:60px 60px 0 0;position:relative;margin:0 auto 10px;overflow:hidden}.tk-speed-needle{position:absolute;bottom:0;left:50%;width:3px;height:50px;background:#1f2937;transform-origin:bottom center;transition:transform 1s ease-in-out}.tk-speed-value{font-size:1.8rem;font-weight:800;color:#3b82f6}.tk-eta-section{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.tk-eta-card,.tk-updates-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.tk-eta-card h4,.tk-updates-card h4{margin:0 0 20px;color:#1f2937;font-size:1.2rem}.tk-eta-time{font-size:2.5rem;font-weight:800;color:#059669;margin-bottom:10px}.tk-eta-card p{color:#6b7280;margin-bottom:20px}.tk-eta-details{display:flex;flex-direction:column;gap:12px}.tk-eta-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px dashed #e5e7eb}.tk-eta-item:last-child{border-bottom:none}.tk-eta-item span:first-child{color:#6b7280}.tk-eta-item span:last-child{color:#1f2937;font-weight:600}.tk-updates-list{display:flex;flex-direction:column;gap:15px}.tk-update-item{display:flex;gap:15px;padding:15px;background:#f8fafc;border-radius:12px;border-left:4px solid #e5e7eb}.tk-update-active{border-left-color:#3b82f6;background:#3b82f60d}.tk-update-time{color:#3b82f6;font-weight:700;font-size:.9rem;min-width:70px}.tk-update-text{color:#1f2937;flex:1}.tk-map-section{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.tk-map-section h4{margin:0 0 20px;color:#1f2937;font-size:1.2rem}.tk-map-container{position:relative;padding:30px 0}.tk-map-route{display:flex;align-items:center;gap:20px}.tk-map-start,.tk-map-end{background:#3b82f6;color:#fff;padding:10px 20px;border-radius:10px;font-weight:600;white-space:nowrap}.tk-map-line{flex:1;height:8px;background:#e5e7eb;border-radius:4px;position:relative;overflow:hidden}.tk-map-progress{height:100%;background:linear-gradient(to right,#3b82f6,#8b5cf6);position:relative;transition:width 1s ease-in-out}.tk-map-truck{position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:2rem;animation:tk-bounce 1s infinite alternate}@keyframes tk-bounce{0%{transform:translateY(-50%)}to{transform:translateY(-70%)}}.tk-map-milestones{position:relative;height:40px;margin-top:30px}.tk-milestone{position:absolute;top:0;transform:translate(-50%);text-align:center}.tk-milestone-dot{width:12px;height:12px;background:#e5e7eb;border-radius:50%;margin:0 auto 5px}.tk-milestone-passed .tk-milestone-dot{background:#10b981;box-shadow:0 0 0 3px #10b98133}.tk-milestone-label{font-size:.8rem;color:#6b7280;white-space:nowrap}.tk-instructions{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.tk-instructions h3{color:#1f2937;text-align:center;margin-bottom:30px;font-size:1.5rem}.tk-instructions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.tk-instruction{text-align:center}.tk-instruction-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin:0 auto 15px}.tk-instruction h4{color:#1f2937;margin:0 0 10px;font-size:1.1rem}.tk-instruction p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.4}@media(max-width:1024px){.tk-info-grid,.tk-eta-section,.tk-instructions-grid{grid-template-columns:1fr}.tk-status-details,.tk-progress-details{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tk-container{padding:15px}.tk-title{font-size:1.8rem}.tk-input-group{flex-direction:column}.tk-track-btn{width:100%}.tk-status-details,.tk-progress-details{grid-template-columns:1fr}.tk-map-route{flex-direction:column;align-items:stretch}.tk-map-line{order:2;width:100%}.tk-map-start,.tk-map-end{order:1;text-align:center}.tk-map-end{order:3}}@media(max-width:480px){.tk-title{font-size:1.5rem}.tk-input-section,.tk-status-card,.tk-progress-section,.tk-info-card,.tk-eta-card,.tk-updates-card,.tk-map-section,.tk-instructions{padding:20px}.tk-id-tags{flex-direction:column;align-items:center}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;max-width:1200px!important;width:100%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{background:#fff;border-radius:20px;padding:25px 30px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 10px 30px #0000001a;flex-wrap:wrap;gap:20px}.header-left{flex:1;min-width:250px}.user-welcome{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:10px}.dashboard-title{font-size:32px;font-weight:800;color:#333;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-info{display:flex;align-items:center;gap:15px}.user-phone{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.logout-btn{background:#ff4757;color:#fff;border:none;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#ff3838;transform:translateY(-2px)}.dashboard-subtitle{color:#666;font-size:16px;margin:0;line-height:1.5}.new-shipment-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 5px 15px #667eea66;white-space:nowrap;min-height:50px}.new-shipment-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea99}.btn-icon{font-size:20px;font-weight:700}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.stat-card{background:#fff;border-radius:15px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 15px #00000014;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.total-orders{background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea}.active-orders{background:linear-gradient(135deg,#4cd96420,#5ac8fa20);color:#4cd964}.delivered-orders{background:linear-gradient(135deg,#34e7e420,#00d8d620);color:#00d8d6}.total-spent{background:linear-gradient(135deg,#ffa80120,#ffd32a20);color:#ffa801}.stat-info{flex:1}.stat-value{font-size:32px;font-weight:800;color:#333;line-height:1;margin-bottom:5px}.stat-label{font-size:14px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.filter-section{background:#fff;border-radius:15px;padding:25px 30px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 5px 15px #00000014}.filter-tabs{display:flex;gap:10px;flex-wrap:wrap}.filter-tab{background:#f8f9fa;border:2px solid #e9ecef;color:#495057;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background:#e9ecef;border-color:#dee2e6}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.quick-actions{display:flex;gap:15px}.quick-action-btn{background:#f8f9fa;border:2px solid #e9ecef;color:#495057;padding:12px 20px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.quick-action-btn:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-2px)}.action-icon{font-size:16px}.orders-list{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;min-height:300px;box-shadow:0 5px 15px #00000014}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:24px;color:#333;margin-bottom:10px;font-weight:700}.empty-state p{font-size:16px;margin-bottom:30px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.empty-state-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea66}.empty-state-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea99}.quick-track-section{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 5px 15px #00000014}.section-title{font-size:24px;color:#333;margin-bottom:25px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quick-track-form{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.track-input{flex:1;min-width:250px;padding:15px 20px;border:2px solid #e9ecef;border-radius:50px;font-size:16px;transition:all .3s ease}.track-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.track-now-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 35px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea66;white-space:nowrap}.track-now-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea99}.recent-tracking{border-top:1px solid #f1f3f5;padding-top:25px}.recent-label{font-size:14px;color:#666;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.tracking-chips{display:flex;gap:12px;flex-wrap:wrap}.tracking-chip{background:linear-gradient(135deg,#667eea10,#764ba210);color:#667eea;border:2px solid rgba(102,126,234,.2);padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;letter-spacing:.5px;white-space:nowrap}.tracking-chip:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 5px 12px #667eea4d}@media(max-width:1200px){.dashboard-container{padding:15px}.dashboard-header{padding:20px 25px}.stats-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.dashboard-title,.stat-value{font-size:28px}.new-shipment-btn{padding:12px 25px;font-size:15px}.filter-section{padding:20px 25px}}@media(max-width:768px){.dashboard-container{padding:10px}.dashboard-header{padding:20px;flex-direction:column;text-align:center}.header-left{width:100%;text-align:center}.user-welcome,.user-info{flex-direction:column;align-items:center;gap:10px}.stats-container{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.filter-section{flex-direction:column;align-items:stretch;padding:20px}.filter-tabs,.quick-actions{justify-content:center}.orders-list{padding:20px}.quick-track-form{flex-direction:column}.track-input{min-width:100%;width:100%}.track-now-btn{width:100%}}@media(max-width:576px){.dashboard-title,.stat-value{font-size:24px}.stat-icon{width:50px;height:50px;font-size:24px}.filter-tab{padding:10px 20px;font-size:13px}.quick-action-btn{padding:10px 16px;font-size:13px}.new-shipment-btn,.empty-state-btn,.track-now-btn{padding:12px 25px;font-size:15px}.tracking-chip{padding:8px 16px;font-size:13px}.logout-btn{padding:6px 16px;font-size:13px}.user-phone{padding:6px 14px;font-size:13px}}@media(max-width:480px){.dashboard-header,.filter-section,.orders-list,.quick-track-section{padding:15px;border-radius:12px}.dashboard-title{font-size:22px}.stat-card{padding:15px}.filter-tabs{width:100%;justify-content:space-between}.filter-tab{flex:1;text-align:center;min-width:0;padding:8px 12px;font-size:12px}.stat-value{font-size:22px}.stat-label{font-size:12px}}@media(max-width:360px){.dashboard-container{padding:8px}.stat-card{flex-direction:column;text-align:center;gap:15px}.stat-icon{width:45px;height:45px}.filter-tabs{flex-direction:column;gap:8px}.filter-tab{width:100%}}@media(prefers-contrast:high){.dashboard-container{background:#000}.dashboard-header,.stat-card,.filter-section,.orders-list,.quick-track-section{border:2px solid white;background:#000;color:#fff}.dashboard-title,.section-title{color:#fff;-webkit-text-fill-color:white}.dashboard-subtitle,.stat-label,.empty-state p,.recent-label{color:#ccc}}@media(prefers-reduced-motion:reduce){.stat-card,.new-shipment-btn,.filter-tab,.quick-action-btn,.empty-state-btn,.track-now-btn,.tracking-chip,.logout-btn{transition:none;transform:none!important}.loading-spinner{animation:none}}@media print{.dashboard-container{background:none;padding:0}.new-shipment-btn,.logout-btn,.quick-action-btn,.filter-tabs,.quick-track-section,.empty-state-btn{display:none}.dashboard-header,.stat-card,.filter-section,.orders-list{box-shadow:none;border:1px solid #ddd}}.date-filter-section{background:#f8f9fa;padding:20px;border-radius:8px;margin:20px 0;border:1px solid #e9ecef}.date-filter-section h3{margin:0 0 15px;color:#333}.date-filter-controls{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:5px}.date-input-group label{font-size:14px;color:#666}.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.apply-filter-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.apply-filter-btn:hover{background:#0056b3}.reset-filter-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.reset-filter-btn:hover{background:#545b62}.filter-info{margin-top:10px;color:#666;font-size:14px}.print-summary-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.print-summary-btn:hover{background:#218838}.print-receipt-btn{width:100%;background:#17a2b8;color:#fff;border:none;padding:10px;cursor:pointer;font-size:14px;border-top:1px solid #e9ecef}.print-receipt-btn:hover{background:#138496}.order-card-container{margin-bottom:20px;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.receipt-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.receipt-content{background:#fff;padding:30px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d}.receipt-header{text-align:center;margin-bottom:30px;border-bottom:2px solid #333;padding-bottom:15px}.receipt-header h2{margin:0;color:#333}.receipt-details{margin-bottom:30px}.receipt-row{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:5px;border-bottom:1px dashed #ddd}.receipt-amount{background:#f8f9fa;padding:20px;border-radius:5px;margin-bottom:30px}.receipt-amount h3{margin-top:0;margin-bottom:15px}.amount-row{display:flex;justify-content:space-between;margin-bottom:8px}.amount-total{display:flex;justify-content:space-between;font-weight:700;font-size:18px;border-top:2px solid #333;padding-top:10px;margin-top:10px}.receipt-location{margin-bottom:30px}.receipt-location h3{margin-bottom:15px}.location-row{display:flex;gap:20px;margin-bottom:15px}.location-from,.location-to{flex:1}.delivery-info p{margin:5px 0}.receipt-footer{text-align:center;border-top:2px solid #333;padding-top:15px;margin-top:20px}@media print{body *{visibility:hidden}.receipt-modal,.receipt-modal *{visibility:visible}.receipt-modal{position:absolute;left:0;top:0}.receipt-content{box-shadow:none;border:none}.no-print{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #dbeafe;--secondary: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #8b5cf6;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--bg-body: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--border: #e2e8f0;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-container{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.user-welcome h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-welcome p{font-size:14px;color:var(--text-secondary);font-weight:400}.header-actions{display:flex;align-items:center;gap:16px}.btn-new-shipment{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition);box-shadow:0 4px 12px #3b82f633}.btn-new-shipment:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.btn-new-shipment:active{transform:translateY(0)}.user-profile{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition)}.user-profile:hover{border-color:var(--primary-light);box-shadow:var(--shadow)}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-light)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-primary);font-size:14px}.user-phone{font-size:12px;color:var(--text-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;border:1px solid var(--border);transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.stat-total:before{background:var(--primary)}.stat-transit:before{background:var(--warning)}.stat-delivered:before{background:var(--secondary)}.stat-revenue:before{background:var(--info)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.stat-total .stat-icon{background:#3b82f61a;color:var(--primary)}.stat-transit .stat-icon{background:#f59e0b1a;color:var(--warning)}.stat-delivered .stat-icon{background:#10b9811a;color:var(--secondary)}.stat-revenue .stat-icon{background:#8b5cf61a;color:var(--info)}.stat-content{flex:1}.stat-content h3{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px;line-height:1}.stat-content p{font-size:14px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.stat-change{font-size:12px;color:var(--text-light);display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-hover);border-radius:20px}.dashboard-content{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-bottom:40px}.orders-section{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.section-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.section-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.tab-buttons{display:flex;gap:4px;background:var(--bg-hover);padding:4px;border-radius:var(--radius-md)}.tab-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap}.tab-btn.active{background:#fff;color:var(--primary);box-shadow:var(--shadow)}.tab-btn:hover:not(.active){color:var(--text-primary)}.orders-list{padding:16px 24px 24px;min-height:300px;display:flex;flex-direction:column;gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.2}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-weight:600}.empty-state p{color:var(--text-light);font-size:14px;max-width:300px;line-height:1.5}.side-section{display:flex;flex-direction:column;gap:20px}.live-tracking-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.live-tracking-card .section-header{padding:20px 20px 16px;border-bottom:none}.live-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.live-badge:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tracking-info{padding:0 20px 20px}.active-tracking{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-radius:var(--radius-md);padding:20px;border:1px solid var(--primary-light)}.tracking-order{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tracking-id{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:var(--text-primary);font-size:16px;letter-spacing:.5px}.tracking-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tracking-route{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:14px}.from,.to{font-weight:600;color:var(--text-primary)}.arrow{color:var(--text-light);font-size:12px}.tracking-progress{margin-bottom:20px}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.progress-text{display:flex;justify-content:space-between;font-size:12px;color:var(--text-light)}.btn-track-view{width:100%;padding:12px;background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.btn-track-view:hover{background:var(--primary);color:#fff}.no-tracking{text-align:center;padding:40px 20px}.no-tracking-icon{font-size:40px;margin-bottom:16px;opacity:.2}.no-tracking h4{color:var(--text-secondary);margin-bottom:8px;font-weight:600}.no-tracking p{color:var(--text-light);margin-bottom:20px;font-size:14px}.btn-track{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-track:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.executives-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.executives-card .section-header{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.count-badge{background:var(--bg-hover);color:var(--text-secondary);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.executives-list{padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-height:200px}.executive-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid transparent;transition:var(--transition);cursor:pointer}.executive-item:hover{background:#fff;border-color:var(--border);transform:translate(4px);box-shadow:var(--shadow)}.executive-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 4px #0000001a}.executive-info{flex:1;min-width:0}.executive-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.executive-vehicle{font-size:12px;color:var(--text-light);margin-bottom:4px}.executive-rating{display:flex;align-items:center;gap:6px}.stars{font-size:11px;color:#fbbf24}.rating{font-size:11px;color:var(--text-light);font-weight:500}.executive-actions{display:flex;gap:4px;opacity:0;transition:var(--transition)}.executive-item:hover .executive-actions{opacity:1}.btn-call,.btn-message{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--text-secondary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-call:hover{background:var(--secondary);color:#fff;border-color:var(--secondary)}.btn-message:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.no-executives{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-light);font-size:14px;text-align:center}.btn-view-all-exec{margin:0 20px 20px;padding:10px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.btn-view-all-exec:hover{background:var(--bg-hover);border-color:var(--text-light);color:var(--text-primary)}.quick-actions-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px}.quick-actions-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.action-btn:hover{background:#fff;border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow)}.action-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border)}.action-text{font-size:12px;color:var(--text-secondary);font-weight:500}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr;gap:20px}.side-section{order:-1}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:24px}.user-welcome h1{font-size:24px}.header-actions{flex-direction:column;align-items:stretch;gap:12px}.btn-new-shipment{order:2;width:100%;justify-content:center}.user-profile{order:1;width:fit-content;align-self:flex-start}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.section-header{flex-direction:column;align-items:stretch;gap:16px}.tab-buttons{width:100%;overflow-x:auto;padding-bottom:4px}.tab-btn{flex:1;min-width:100px;text-align:center}.orders-list,.active-tracking,.executives-list{padding:16px}}@media(max-width:480px){.dashboard-container{padding:12px}.stat-icon{width:48px;height:48px;font-size:20px}.stat-content h3{font-size:24px}.executive-item{flex-direction:column;text-align:center;padding:16px}.executive-info h4{white-space:normal;text-align:center}.executive-actions{opacity:1;margin-top:8px}.actions-grid{grid-template-columns:1fr}.action-btn{flex-direction:row;justify-content:flex-start;padding:12px 16px}.action-icon{width:36px;height:36px;font-size:18px}.action-text{font-size:14px}}@media(min-width:1400px){.dashboard-container{max-width:1600px}.dashboard-content{grid-template-columns:1fr 420px}}@media print{.dashboard-header,.side-section,.tab-buttons,.btn-track-view,.btn-view-all-exec,.executive-actions,.quick-actions-card{display:none!important}.dashboard-container{padding:0;background:#fff}.stat-card{break-inside:avoid;border:1px solid #ddd!important;box-shadow:none!important}.orders-section{border:1px solid #ddd;box-shadow:none}}.order-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.order-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px);border-color:#d1d5db}.order-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,#3b82f6,#8b5cf6);border-radius:6px 0 0 6px}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.order-id-section{display:flex;flex-direction:column;gap:8px}.order-id-container{display:flex;align-items:center;gap:8px}.order-id-label{font-size:14px;color:#6b7280;font-weight:500}.order-id-value{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#111827;background:#f3f4f6;padding:4px 12px;border-radius:8px}.order-date{font-size:14px;color:#9ca3af}.order-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid}.status-icon{font-size:16px}.route-info{margin-bottom:24px}.route-locations{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.location{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;min-height:80px}.from-location{border-left:4px solid #3b82f6}.to-location{border-left:4px solid #10b981}.location-icon{font-size:24px;margin-top:4px}.pickup-icon{color:#3b82f6}.delivery-icon{color:#10b981}.location-details{flex:1}.city-name{font-size:18px;font-weight:700;color:#111827;margin-bottom:4px}.city-state{font-size:14px;color:#6b7280;margin-bottom:4px}.address-truncated{font-size:12px;color:#9ca3af;font-style:italic}.route-middle{display:flex;flex-direction:column;align-items:center;gap:12px}.distance-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:4px;min-width:80px;justify-content:center}.distance-value{font-size:16px}.distance-unit{font-size:12px;opacity:.9}.route-arrow{font-size:28px;color:#9ca3af;font-weight:300}.travel-time-badge{display:flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:500}.time-icon{font-size:14px}.package-details{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e2e8f0}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.detail-row:last-child{margin-bottom:0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-label{font-size:14px;color:#6b7280;font-weight:500}.detail-value{display:flex;align-items:center;gap:8px;font-weight:600;color:#111827}.detail-icon{font-size:16px}.urgency-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.services-section{margin-bottom:20px;padding:16px;border-radius:12px}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.services-label{font-size:14px;color:#0369a1;font-weight:600}.services-count{font-size:12px;color:#0c4a6e;background:#fff;padding:2px 8px;border-radius:10px;font-weight:600}.services-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;color:#1e40af;border:1px solid #bfdbfe}.payment-amount-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;border:1px solid #ddd6fe}.payment-info{display:flex;align-items:center;gap:12px}.payment-label{font-size:14px;color:#6b7280;font-weight:500}.payment-method{display:flex;align-items:center;gap:8px;font-weight:600;color:#7c3aed}.payment-icon{font-size:18px}.amount-info{text-align:right}.amount-label{display:block;font-size:14px;color:#6b7280;font-weight:500;margin-bottom:4px}.amount-value{font-size:24px;font-weight:800;color:#059669;display:flex;align-items:center;gap:4px}.currency{font-size:18px}.tracking-section{margin-bottom:24px;padding:16px;background:#fefce8;border-radius:12px;border:1px solid #fef08a}.tracking-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tracking-label{font-size:14px;color:#854d0e;font-weight:500}.tracking-id{font-family:Courier New,monospace;font-weight:700;color:#b45309;cursor:pointer;padding:6px 12px;border-radius:8px;background:#f59e0b1a;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tracking-id:hover{background:#f59e0b33;transform:translateY(-1px)}.copy-icon{font-size:14px;opacity:.7}.next-step{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:8px;border:1px dashed #fbbf24}.next-step-label{font-size:13px;color:#92400e;font-weight:600}.next-step-text{font-size:14px;color:#92400e;font-weight:500}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;border:none;outline:none}.track-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.track-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.track-btn:disabled{opacity:.5;cursor:not-allowed}.details-btn{background:#fff;color:#374151;border:2px solid #d1d5db}.details-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}.support-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.support-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.btn-icon{font-size:18px}@media(max-width:768px){.order-card{padding:16px}.route-locations{grid-template-columns:1fr;gap:16px}.route-middle{flex-direction:row;justify-content:center;gap:20px;order:2}.location{order:1}.detail-row{grid-template-columns:1fr;gap:12px}.payment-amount-section{flex-direction:column;gap:16px;align-items:flex-start}.action-buttons{grid-template-columns:1fr}.order-card-header{flex-direction:column;gap:12px;align-items:flex-start}.order-status-badge{align-self:flex-start}}@media(max-width:480px){.order-card:before{width:4px}.city-name{font-size:16px}.amount-value{font-size:20px}.distance-badge{min-width:60px;padding:6px 12px}}.tracking-container-k5j{max-width:1000px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.search-section-k5j{max-width:600px;margin:2rem auto;text-align:center}.search-header-k5j h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.search-header-k5j p{font-size:.95rem;color:#666;margin:0 0 2rem}.search-box-k5j{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000014;border:1px solid #e8e8e8;margin-bottom:1.5rem}.input-group-k5j{display:flex;gap:.5rem;margin-bottom:.75rem}.input-icon-k5j{display:flex;align-items:center;justify-content:center;width:50px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px 0 0 8px;font-size:1.25rem;flex-shrink:0}.tracking-input-k5j{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-left:none;border-right:none;font-size:1rem;color:#1f2937;background:#fff}.tracking-input-k5j:focus{outline:none}.search-btn-k5j{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:0 8px 8px 0;padding:0 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-btn-k5j:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.input-hint-k5j{font-size:.85rem;color:#6b7280;margin:0;text-align:left}.info-box-k5j{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.info-box-k5j h3{font-size:1.1rem;color:#1a1a1a;margin:0 0 1rem;text-align:left}.info-steps-k5j{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.step-k5j{display:flex;gap:.75rem;align-items:flex-start}.step-number-k5j{width:30px;height:30px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;flex-shrink:0}.step-content-k5j{text-align:left}.step-content-k5j strong{display:block;font-size:.9rem;color:#1f2937;margin-bottom:.25rem}.step-content-k5j p{font-size:.8rem;color:#6b7280;margin:0;line-height:1.4}.tracking-header-k5j{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.back-btn-k5j{background:none;border:none;color:#4b5563;font-weight:600;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:.25rem;padding:.5rem 0}.back-btn-k5j:hover{color:#1f2937}.share-btn-k5j{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:.5rem 1rem;font-weight:600;color:#4b5563;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.share-btn-k5j:hover{background:#f3f4f6}.order-card-k5j{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;margin-bottom:1.5rem}.card-header-k5j{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.order-id-display-k5j h2{font-size:1.5rem;color:#1a1a1a;margin:0 0 .25rem}.order-date-k5j{font-size:.85rem;color:#6b7280;margin:0}.status-badge-k5j{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.status-icon-k5j{font-size:1rem}.route-info-k5j{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.route-point-k5j{flex:1;min-width:200px;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.pickup-k5j{background:linear-gradient(135deg,#3b82f610,#1d4ed810);border-color:#dbeafe}.delivery-k5j{background:linear-gradient(135deg,#10b98110,#05966910);border-color:#d1fae5}.point-icon-k5j{font-size:1.5rem;margin-top:.125rem;flex-shrink:0}.point-details-k5j{flex:1}.point-label-k5j{font-size:.85rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.point-address-k5j{font-size:.95rem;color:#1f2937;margin-bottom:.25rem;line-height:1.3}.point-location-k5j{font-size:.85rem;color:#4b5563;font-weight:500}.route-middle-k5j{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 .5rem;min-width:100px}.distance-badge-k5j{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:600;display:flex;align-items:baseline;gap:.125rem}.distance-k5j{font-size:1.1rem}.unit-k5j{font-size:.75rem}.route-line-k5j{width:40px;height:2px;background:#e5e7eb}.travel-time-k5j{font-size:.8rem;color:#6b7280;font-weight:500}.package-details-k5j{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.detail-item-k5j{background:#f9fafb;padding:.75rem;border-radius:8px;border:1px solid #f3f4f6}.detail-label-k5j{display:block;font-size:.8rem;color:#6b7280;margin-bottom:.25rem}.detail-value-k5j{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#1f2937}.detail-value-k5j.amount-k5j{color:#10b981}.icon-k5j{font-size:1rem}.pickup-time-k5j{padding:.75rem;background:linear-gradient(135deg,#fef3c710,#f59e0b10);border-radius:8px;border:1px solid #fde68a;display:flex;align-items:center;gap:.75rem}.pickup-label-k5j{font-size:.9rem;color:#d97706;font-weight:600}.pickup-value-k5j{font-size:.95rem;color:#92400e;font-weight:600}.progress-section-k5j{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;margin-bottom:1.5rem}.progress-header-k5j{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.progress-header-k5j h3{font-size:1.1rem;color:#1a1a1a;margin:0}.timer-k5j{display:flex;align-items:center;gap:.5rem;background:#f9fafb;padding:.5rem .75rem;border-radius:8px;border:1px solid #f3f4f6}.timer-icon-k5j{font-size:1rem}.timer-text-k5j{font-size:.9rem;color:#1f2937;font-weight:500}.progress-bar-container-k5j{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.progress-bar-k5j{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill-k5j{height:100%;border-radius:4px;transition:width .3s ease}.progress-percent-k5j{font-size:.9rem;color:#1f2937;font-weight:600;min-width:40px}.progress-steps-k5j{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.progress-step-k5j{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#f9fafb;border:1px solid #f3f4f6}.progress-step-k5j.completed-k5j{background:linear-gradient(135deg,#10b98110,#05966910);border-color:#d1fae5}.progress-step-k5j.current-k5j{background:linear-gradient(135deg,#3b82f610,#1d4ed810);border-color:#dbeafe}.step-icon-k5j{font-size:1.5rem;flex-shrink:0}.step-info-k5j{flex:1}.step-title-k5j{font-size:.9rem;font-weight:600;color:#1f2937;margin-bottom:.125rem}.step-time-k5j{font-size:.8rem;color:#6b7280}.executive-section-k5j{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;margin-bottom:1.5rem}.executive-section-k5j h3{font-size:1.1rem;color:#1a1a1a;margin:0 0 1rem}.executive-card-k5j{background:#f9fafb;border-radius:8px;padding:1rem;border:1px solid #f3f4f6;margin-bottom:1rem}.executive-info-k5j{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.executive-avatar-k5j{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 4px #0000001a}.executive-details-k5j{flex:1}.executive-details-k5j h4{font-size:1rem;color:#1f2937;margin:0 0 .25rem}.executive-vehicle-k5j{font-size:.85rem;color:#4b5563;margin:0 0 .25rem}.executive-phone-k5j{font-size:.9rem;color:#3b82f6;font-weight:600;margin:0}.executive-actions-k5j{display:flex;gap:.5rem}.action-btn-k5j{flex:1;padding:.75rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.call-btn-k5j{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.message-btn-k5j{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.action-btn-k5j:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.live-location-k5j{background:linear-gradient(135deg,#3b82f610,#1d4ed810);border-radius:8px;padding:1rem;border:1px solid #dbeafe}.location-header-k5j{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.live-badge-k5j{color:#ef4444;font-size:.75rem;font-weight:600;animation:pulse-k5j 1.5s infinite}@keyframes pulse-k5j{0%,to{opacity:1}50%{opacity:.5}}.location-text-k5j{font-size:.9rem;color:#1f2937;font-weight:600}.location-info-k5j p{font-size:.85rem;color:#4b5563;margin:0 0 .5rem}.coordinates-k5j{display:flex;gap:1rem;font-size:.8rem;color:#6b7280}.status-messages-k5j{margin-bottom:1.5rem}.message-k5j{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:.5rem}.info-k5j{background:linear-gradient(135deg,#3b82f610,#1d4ed810);border:1px solid #dbeafe}.success-k5j{background:linear-gradient(135deg,#10b98110,#05966910);border:1px solid #d1fae5}.warning-k5j{background:linear-gradient(135deg,#f59e0b10,#d9770610);border:1px solid #fde68a}.message-icon-k5j{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.message-content-k5j{flex:1}.message-content-k5j strong{display:block;font-size:.9rem;color:#1f2937;margin-bottom:.25rem}.message-content-k5j p{font-size:.85rem;color:#4b5563;margin:0;line-height:1.4}.action-section-k5j{display:flex;gap:.75rem;margin-bottom:1.5rem}.primary-btn-k5j,.secondary-btn-k5j{flex:1;padding:.75rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.primary-btn-k5j{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.secondary-btn-k5j{background:#fff;color:#4b5563;border:2px solid #e5e7eb}.primary-btn-k5j:hover,.secondary-btn-k5j:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.support-section-k5j{text-align:center;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.support-text-k5j{font-size:.85rem;color:#4b5563;margin:0;line-height:1.5}@media(max-width:768px){.tracking-container-k5j{padding:.75rem}.search-header-k5j h1{font-size:1.5rem}.input-group-k5j{flex-direction:column}.input-icon-k5j,.tracking-input-k5j,.search-btn-k5j{width:100%;border-radius:8px}.input-icon-k5j{display:none}.tracking-input-k5j{border:2px solid #e5e7eb}.info-steps-k5j{grid-template-columns:1fr}.card-header-k5j{flex-direction:column;align-items:flex-start}.route-info-k5j{flex-direction:column}.route-point-k5j{width:100%}.route-middle-k5j{flex-direction:row;justify-content:center;width:100%;padding:.5rem 0}.route-line-k5j{width:100%;max-width:100px;height:2px}.package-details-k5j,.progress-steps-k5j{grid-template-columns:1fr}.executive-info-k5j{flex-direction:column;text-align:center}.executive-actions-k5j,.action-section-k5j{flex-direction:column}}@media(max-width:480px){.search-box-k5j,.order-card-k5j,.progress-section-k5j,.executive-section-k5j{padding:1rem}.executive-info-k5j{gap:.5rem}.executive-avatar-k5j{width:50px;height:50px}.live-location-k5j{padding:.75rem}.coordinates-k5j{flex-direction:column;gap:.25rem}}button:focus-visible,input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
