.driver-tasks-container{min-height:100vh;background:#f0f0f0;padding-bottom:2rem}.page-header-tasks{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:24px;color:#fff;margin-bottom:0}.page-header-tasks h1{font-size:28px;font-weight:600;margin:0 0 4px}.page-header-tasks p{font-size:14px;opacity:.9;margin:0}.filter-buttons{background:white;padding:12px 16px;margin-bottom:0;display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;border-bottom:1px solid #e0e0e0}.filter-btn{background:white;border:none;padding:8px 16px;margin:0;font-size:13px;font-weight:600;color:#999;cursor:pointer;white-space:nowrap;border-radius:20px;transition:all .2s ease}.filter-btn:hover{background:#f5f5f5;color:#333}.filter-btn.active{background:#4080ff;color:#fff;border-radius:6px}.tasks-list{padding:0}.trips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}@media (max-width: 768px){.trips-grid{grid-template-columns:1fr}}.trip-card{background:white;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.trip-card:hover{box-shadow:0 2px 8px #0000001a}.trip-card-head{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #f0f0f0;background:#fafafa}.trip-customer-info{flex:1}.trip-customer-info h4{font-size:14px;font-weight:600;margin:0 0 4px;color:#333}.trip-id{font-size:11px;color:#999;font-weight:500}.trip-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.trip-card-body{padding:12px 16px;flex:1}.trip-route-section{margin-bottom:12px;padding-bottom:12px}.route-point{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;margin-bottom:4px}.route-point i{color:#3b82f6;font-size:14px}.route-divider{text-align:center;font-size:10px;color:#ccc;margin:2px 0}.trip-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;margin-bottom:8px}.trip-info-row i{color:#999;width:16px;text-align:center;font-size:12px}.trip-info-row span{flex:1}.trip-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:12px}.trip-date{display:flex;align-items:center;gap:4px;color:#999}.trip-date i{font-size:11px}.trip-link{color:#3b82f6;font-weight:600;cursor:pointer}.trip-link i{font-size:10px;margin-left:2px}.loading-container{text-align:center;padding:60px 20px}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:#999;font-size:14px}.error-container{text-align:center;padding:40px 20px;background:white;margin:16px;border-radius:8px}.error-container p{color:#666;margin-bottom:16px}.btn-retry{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer}.btn-retry:hover{background:#764ba2}.empty-container{text-align:center;padding:60px 20px;background:white;margin:16px;border-radius:8px;color:#999}