.track-page{background:#fff;margin:0 15px}.page-header{background-attachment:fixed;background-image:url(/build/images/cargo_ship.03f3a86d.jpg);background-position:50%;background-size:cover;margin:0;overflow:hidden;padding:80px 0 60px;position:relative;text-align:center}.page-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23fff' fill-opacity='.05' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.page-title{color:#fff;font-size:3rem;font-weight:700;margin:0;position:relative;text-shadow:2px 2px 4px #0000001a;z-index:1}@media(max-width:768px){.page-title{font-size:2.2rem}}.title-underline{background:#fff;border-radius:2px;height:4px;margin:20px auto;position:relative;width:100px;z-index:1}.header-subtitle{color:#fffffff2;font-size:1.2rem;margin:0;position:relative;z-index:1}.tracking-content{padding:80px 0}.search-section{margin-bottom:40px}.tracking-form{background:#fff;border:2px solid #1bb4e81a;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:35px}.tracking-form .form-row{align-items:flex-end;display:flex;gap:20px}@media(max-width:768px){.tracking-form .form-row{align-items:stretch;flex-direction:column}}.tracking-form .form-group{display:flex;flex-direction:column}.tracking-form .form-group.flex-grow{flex:1}.tracking-form .form-group.btn-group{justify-content:flex-end}.tracking-form .form-group label{color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:8px}.tracking-form .form-group .select-with-icon{align-items:center;display:flex}.tracking-form .form-group .select-with-icon .filter-icon i{color:#1bb4e8;font-size:1.5rem}.tracking-form .form-group .select-with-icon .form-select{flex:1}.tracking-form .form-group .form-control,.tracking-form .form-group .form-select{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:12px 18px;transition:all .3s ease}.tracking-form .form-group .form-control:focus,.tracking-form .form-group .form-select:focus{border-color:#1bb4e8;box-shadow:0 0 0 3px #1bb4e81a;outline:none}.tracking-form .form-group .form-control{background:#fff}.btn-search{align-items:center;background:linear-gradient(135deg,#1bb4e8,#69d1e0);border:none;border-radius:10px;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 35px;transition:all .3s ease}.btn-search:hover{background:linear-gradient(135deg,#69d1e0,#1bb4e8);box-shadow:0 8px 20px #1bb4e84d;color:#fff;transform:translateY(-2px)}.btn-search i{font-size:1.1rem}.results-section{display:flex;flex-direction:column;gap:30px}.result-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 5px 25px #00000014;overflow:hidden;transition:all .3s ease}.result-card:hover{border-color:#1bb4e833;box-shadow:0 10px 40px #1bb4e826}.result-card .card-header{align-items:center;background:linear-gradient(135deg,#1bb4e8,#69d1e0);color:#fff;display:flex;gap:15px;padding:25px 30px}.result-card .card-header i{font-size:1.8rem}.result-card .card-header h3{font-size:1.5rem;font-weight:700;margin:0}.modern-table{border-collapse:collapse;font-size:.95rem;width:100%}.modern-table thead{background:#f8f9fa}.modern-table thead tr th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:700;padding:18px 20px;text-align:left;white-space:nowrap}.modern-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.modern-table tbody tr:hover{background:#f8f9fa}.modern-table tbody tr:last-child{border-bottom:none}.modern-table tbody tr td{color:#555;padding:18px 20px;vertical-align:top}.modern-table tbody tr td .badge{border-radius:6px;font-size:.85rem;font-weight:600;padding:6px 12px}.status-timeline{display:flex;flex-direction:column;gap:0;min-width:300px;padding-left:30px;position:relative}.timeline-item{display:flex;margin:8px 0;position:relative}.timeline-item i{color:#ec7600;height:12px;left:-26px;position:absolute;top:14px;width:12px}.timeline-item:first-child .timeline-top{visibility:hidden}.timeline-item:first-child .timeline-bottom{background:none;border-style:dotted;border-left:2px #ec7600;width:0}.timeline-item:last-child .timeline-bottom{visibility:hidden}.timeline-item:first-child i{color:gray}.timeline-item:first-child:before{top:20px}.timeline-top{height:50%;top:-7px}.timeline-bottom,.timeline-top{background:#ec7600;left:-19px;position:absolute;width:2px}.timeline-bottom{bottom:-10px;height:60%}.timeline-marker{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:24px;justify-content:center;left:-30px;position:absolute;top:8px;width:24px;z-index:1}.timeline-marker i{color:#1bb4e8;font-size:.75rem}.timeline-content{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#555;flex:1;font-size:.9rem;line-height:1.5;padding:12px 16px;position:relative;transition:all .2s ease}.timeline-content:hover{background:#fff;border-color:#1bb4e8;box-shadow:0 2px 8px #1bb4e81a}.timeline-content:before{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;content:"";height:12px;left:-6px;position:absolute;top:14px;transform:rotate(45deg);width:12px;z-index:-1}.timeline-content:hover:before{background:#fff;border-color:#1bb4e8}.no-results{background:#fff;border-radius:16px;box-shadow:0 5px 25px #0000000d;padding:80px 20px;text-align:center}.no-results .no-results-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 30px;width:120px}.no-results .no-results-icon i{color:#adb5bd;font-size:3.5rem}.no-results h3{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:15px}.no-results p{color:#666;font-size:1.1rem;margin-bottom:10px}.no-results p.text-muted{color:#999;font-size:1rem}