/* TrackTake 1.1.0 — clear typography, stronger contrast and visible date selection. */
.app-shell{--ink:#101828;--muted:#475467;--line:#d6dce6;--purple:#5b40d6;--purple-dark:#4930b9;--bg:#f4f6fa;color:var(--ink)}
.app-shell h1,.app-shell h2,.app-shell h3{color:#101828;letter-spacing:-.025em}
.app-shell .page-heading h1{font-size:32px;font-weight:800;line-height:1.2;color:#101828;margin-bottom:12px}
.app-shell .page-heading .eyebrow{font-size:11px;font-weight:700;letter-spacing:1.1px;color:#5b40b8}
.app-shell .page-heading p{font-size:14px;color:#475467;line-height:1.65}
.app-shell .page-heading{margin-bottom:26px}
.app-shell .page-heading .wave{color:#657f30}
.app-shell .panel-heading h2{font-size:17px;font-weight:750;color:#101828}
.app-shell .panel-heading p{font-size:12px!important;color:#475467!important}
.app-shell .panel-heading>a,.app-shell .text-button{font-size:12px;font-weight:600;color:#5333b5}
.app-shell .panel-heading>a:hover,.app-shell .text-button:hover{text-decoration:underline}
.app-shell .panel{border-color:#d6dce6;box-shadow:0 3px 14px #10182805}
.app-shell .panel-heading{border-bottom-color:#e1e6ee}
.app-shell .count-chip{font-size:11px;font-weight:700;color:#5333b5;background:#f0ebff;border-color:#d9cdf8;padding:4px 7px}
.app-shell .muted,.app-shell .under-table-note{font-size:12px;color:#475467!important;line-height:1.7}
.app-shell .under-table-note>.icon{width:15px;height:15px;color:#667085}
.app-shell .btn{font-weight:700}
.app-shell .btn-primary{color:#fff;background:#5b40d6;border-color:#5b40d6}
.app-shell .btn-primary:hover{background:#4930b9;border-color:#4930b9}
.app-shell .btn-primary .icon{color:#fff}
.app-shell .btn-outline{color:#344054;border-color:#c9d0dc;font-weight:650;background:#fff}
.app-shell .btn-outline:hover{color:#4930b9;border-color:#8068df;background:#f8f5ff}
.app-shell input:not([type=hidden]),.app-shell select{color:#101828;border-color:#bfc8d6;background-color:#fff;font-weight:500}
.app-shell input::placeholder{color:#667085;opacity:1}
.app-shell .input-icon>.icon{color:#667085}
.app-shell label,.app-shell .field-label{color:#344054!important;font-weight:650}
.app-shell .icon-btn{color:#475467}
.app-shell .avatar{color:#5333b5;background:#ece5ff;font-weight:750}
.app-shell .sidebar{border-right-color:#d6dce6}
.app-shell .nav-section{font-size:10px;font-weight:750;color:#667085;letter-spacing:1.3px}
.app-shell .side-link{font-size:14px;font-weight:550;color:#475467;min-height:45px}
.app-shell .side-link>.icon{width:20px;height:20px;color:#667085;stroke-width:1.9}
.app-shell .side-link.active{color:#5333b5;background:#ece6ff;font-weight:750}
.app-shell .side-link.active>.icon{color:#5b40d6;stroke-width:2}
.app-shell .side-link:hover{background:#f1f3f8}
.app-shell .side-link.active:hover{background:#e8e0ff}
.app-shell .nav-dot{background:#8870cf}
.app-shell .credit-wallet{border-color:#d6dce6;background:#f8f9fc;padding:16px 13px}
.app-shell .credit-wallet span{font-size:11px;color:#475467;font-weight:550}
.app-shell .credit-wallet strong{font-size:15px;color:#101828;font-weight:750}
.app-shell .credit-wallet .icon{color:#667085}
.app-shell .credit-wallet>.btn{font-size:11px;min-height:38px;margin-top:4px}
.app-shell .credit-wallet>.btn .icon{color:#fff}
.app-shell .sidebar-user strong{font-size:12px;color:#101828;font-weight:700}
.app-shell .sidebar-user small{font-size:11px;color:#667085}
.app-shell .sidebar-user>.icon{color:#667085}
.app-shell .app-topbar{border-bottom-color:#d6dce6}
.app-shell .app-topbar strong{font-size:14px;font-weight:750;color:#101828}
.app-shell .breadcrumb{color:#667085;font-size:12px}
.app-shell .breadcrumb>.icon{color:#667085}
.app-shell .secure-label{color:#667085;font-size:11px}
.app-shell .secure-label>.icon{color:#46733c}
.app-shell .topbar-credits{color:#475467;font-size:12px;border-color:#d7d0e9;background:#faf8ff}
.app-shell .topbar-credits b{font-size:13px;color:#4930a5;font-weight:750}
.app-shell .topbar-credits>.icon{color:#6449b4}
.app-shell .app-footer{color:#667085;font-size:10px;border-top-color:#d6dce6}
.app-shell .app-footer>a{color:#5333b5;font-weight:600}
/* One primary search block, then the account summary and saved records. */
.dashboard-view .quick-search{margin-bottom:24px;padding:24px;background:#f1edff;border-color:#d5c8f8;gap:25px}
.dashboard-view .quick-search h2{font-size:21px;font-weight:800;color:#101828}
.dashboard-view .quick-search p{font-size:13px;color:#475467;margin-top:5px}
.dashboard-view .quick-search-icon{background:#e1d6ff;color:#5333b5;padding:12px}
.dashboard-view .quick-search form{max-width:560px;gap:11px}
.dashboard-view .quick-search input{font-size:14px;min-height:49px;border-color:#bcaee4;padding-left:42px}
.dashboard-view .quick-search .input-icon>.icon{width:18px;color:#667085}
.dashboard-view .quick-search form>.btn{min-height:49px;font-size:13px;padding:12px 18px}
.dashboard-view .stats-grid{margin-bottom:24px;gap:16px}
.app-shell .stat-card{border-color:#d6dce6;padding:23px 21px 20px;min-height:160px;box-shadow:0 3px 14px #10182805}
.app-shell .stat-card>span:not(.stat-icon){font-size:12px!important;font-weight:650;color:#475467!important;padding-right:26px;margin-bottom:12px;line-height:1.5}
.app-shell .stat-card>strong{font-size:36px;font-weight:800;color:#101828;letter-spacing:-1px;line-height:1.25}
.app-shell .stat-card>a{font-size:11px;font-weight:650;color:#5333b5;margin-top:17px;gap:7px}
.app-shell .stat-card>a>.icon{width:12px;height:12px}
.app-shell .stat-card .stat-plan{font-size:17px;font-weight:750;letter-spacing:-.3px;line-height:1.5;padding-top:8px;min-height:45px}
.app-shell .stat-card>small{font-size:11px;color:#667085;line-height:1.6}
.app-shell .stat-card>.stat-icon{width:33px;height:33px;right:17px;top:21px}
.app-shell .stat-icon .icon{width:18px;height:18px;stroke-width:1.9}
.app-shell .stat-icon.purple{color:#6541bd;background:#ece5ff}
.app-shell .stat-icon.green{color:#277a46;background:#e9f6ed}
.app-shell .stat-icon.blue{color:#2560b5;background:#eaf1ff}
.app-shell .stat-icon.amber{color:#8a600b;background:#fff3d9}
.dashboard-history .empty-state{padding:38px 24px 35px}
.app-shell .empty-state h3{font-size:18px;font-weight:750;color:#101828}
.app-shell .empty-state p{font-size:13px!important;color:#475467!important;max-width:440px}
.app-shell .empty-state>span{color:#6541b1;background:#f2edff;border-color:#d9ccee}
.app-shell .empty-state .btn{font-size:12px;min-height:40px}
.dashboard-rule{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px 0 0;font-size:12px;color:#475467}
.dashboard-rule>.icon{width:15px;height:15px;color:#5333b5}
.app-shell .recent-row{border-bottom-color:#e7eaf0}
.app-shell .recent-row strong{font-size:13px;color:#101828;font-weight:700}
.app-shell .recent-row div>span{font-size:11px;color:#475467}
.app-shell .recent-row>.icon{color:#667085}
.app-shell .small-referral{background:#fff;border:1px solid #d6dce6;color:#475467;font-size:12px;padding:17px 21px;margin-top:24px}
.app-shell .small-referral>a{font-size:12px;font-weight:700;color:#5333b5}
.app-shell .small-referral>span>.icon{color:#6541b1}
/* Search: delivery dates are always in the primary row. */
.app-shell .search-panel{padding:23px 23px 0;border-color:#d6dce6;overflow:visible}
.app-shell .search-primary{display:grid;grid-template-columns:minmax(120px,.85fr) minmax(170px,1.12fr) minmax(238px,1.55fr) minmax(130px,.9fr) auto;gap:14px;align-items:end}
.app-shell .search-primary .zip-label,.app-shell .search-primary .carrier-picker,.app-shell .search-primary .status-label{width:auto;min-width:0;flex:none}
.app-shell .search-primary label,.app-shell .search-primary .field-label{font-size:12px!important;font-weight:650;color:#344054!important}
.app-shell .search-primary input:not([type=hidden]),.app-shell .search-primary select{min-height:48px;font-size:13px;border-color:#bfc8d6}
.app-shell .search-primary .input-icon>.icon{width:17px;height:17px;color:#667085}
.app-shell .search-primary .input-suffix{color:#667085;border-left-color:#cfd6e2;font-size:11px}
.app-shell .carrier-tabs{height:48px;padding:4px;background:#f6f7fa;border-color:#c8d0dc;gap:4px}
.app-shell .carrier-tabs>button{min-height:37px;font-size:12px;color:#475467;font-weight:600}
.app-shell .carrier-tabs>button.selected{background:#fff;border:1px solid #cab9f0;color:#5333b5;font-weight:750;box-shadow:0 1px 4px #10182810}
.app-shell .search-submit{font-size:13px;min-height:48px;width:auto;padding:12px 18px}
.app-shell .search-secondary{margin-top:20px;padding:15px 0;border-top-color:#e1e6ee}
.app-shell .search-secondary>.text-button{font-size:11px;font-weight:650;color:#5333b5}
.app-shell .search-secondary>span{font-size:11px;color:#667085}
.app-shell .advanced-filters{grid-template-columns:minmax(180px,300px);border-top-color:#e1e6ee}
.app-shell .advanced-filters>label{font-size:12px;color:#344054}
.app-shell .advanced-filters input{font-size:13px;min-height:44px}
.app-shell .page-chip{font-size:11px;font-weight:600;color:#5333b5;border-color:#d4c6ee;background:#faf8ff}
.app-shell .snapshot-label{font-size:10px;color:#667085}
.app-shell .table-head{font-size:10px;font-weight:700;color:#475467;background:#f7f8fb;border-color:#dde3ec;letter-spacing:.25px}
.app-shell .tracking-row{border-bottom-color:#e1e6ee}
.app-shell .table-carrier>span:not(.carrier-logo){font-size:12px;font-weight:650;color:#344054}
.app-shell .table-carrier small,.app-shell .table-route small{font-size:11px;color:#667085;font-weight:500}
.app-shell .table-route>div{font-size:12px;color:#475467}
.app-shell .table-route strong{font-size:12px;color:#101828;font-weight:650}
.app-shell .route-point{border-color:#8b95a7;background:#c1c9d5}
.app-shell .route-point.destination{background:#6849bd;border-color:#6849bd}
.app-shell .table-dates,.app-shell .table-dates>small{font-size:11px;color:#475467!important}
.app-shell .table-dates .icon{color:#667085}
.app-shell .status{font-size:11px;font-weight:650;padding:5px 8px}
.app-shell .status.transit{color:#1756a2;background:#eff6ff;border-color:#cfdef4}
.app-shell .status.delivered{color:#22673e;background:#eff9f2;border-color:#cce5d4}
.app-shell .status.pre_transit{color:#65408e;background:#f5effd;border-color:#e0d1ef}
.app-shell .status.exception{color:#935308;background:#fff7e9;border-color:#ead6ad}
.app-shell .btn-unlock{font-size:11px;font-weight:700;min-height:35px;padding:8px 10px;background:#efe8ff;border-color:#c7b3ee;color:#5333a7}
.app-shell .btn-unlock>span{font-size:9px;color:#61448d;border-left-color:#c5b1e0}
.app-shell .btn-unlock .icon{width:13px;height:13px;color:#5333a7}
.app-shell .revealed-number{font-size:11px;font-weight:650;color:#5333a7;border-color:#d4c1e9;background:#f7f2fd}
.app-shell .free-reopen{font-size:9px;color:#2a6b43}
.app-shell .pagination{font-size:11px;color:#475467;border-top-color:#dfe5ed}
.app-shell .pagination .btn{font-size:11px;min-height:33px}
/* Pricing, wallet, referrals and shipment details share the same contrast. */
.app-shell .plan-summary{font-size:12px;font-weight:550;color:#475467;border-color:#d6dce6;background:#fff}
.app-shell .plan-summary .icon{color:#6541b5}
.app-shell .plan-card{border-color:#d6dce6;box-shadow:0 3px 14px #10182805}
.app-shell .plan-title{font-size:15px;font-weight:750;color:#101828}
.app-shell .plan-price{font-size:38px;font-weight:800;color:#101828;letter-spacing:-1.5px}
.app-shell .plan-price>span{font-size:11px;color:#667085;font-weight:500}
.app-shell .plan-credits{font-size:13px;color:#475467}
.app-shell .plan-credits strong{font-size:24px;color:#101828;font-weight:750}
.app-shell .plan-card .unit-price{font-size:11px;color:#667085}
.app-shell .plan-features{border-top-color:#e1e6ee}
.app-shell .plan-features li,.app-shell .plans-grid .plan-features li{font-size:12px;color:#475467;gap:8px;line-height:1.55}
.app-shell .plan-features .icon{color:#6541b5;width:14px;height:14px}
.app-shell .plan-card>.btn{font-size:12px;min-height:43px}
.app-shell .plan-payments{gap:10px;color:#475467}
.app-shell .plan-payments>b{font-size:10px!important;font-weight:650}
.app-shell .plan-payments>span{font-size:8px!important;color:#667085}
.app-shell .plan-card.featured{border:2px solid #6541d1;box-shadow:0 5px 24px #5b40d615}
.popular-label{font-size:10px;font-weight:750;letter-spacing:.15px;color:#fff;background:#5b40d6;padding:5px 12px;top:-16px}
.app-shell .plan-bottom{color:#475467;font-size:11px}
.app-shell .payment-label,.app-shell .deposit-panel label{font-size:13px;color:#344054!important;font-weight:650}
.app-shell .payment-choice{border-color:#cdd5df}
.app-shell .payment-choice:has(input:checked){background:#f3edff;border-color:#8e71d3}
.app-shell .payment-choice strong{font-size:14px;font-weight:700;color:#344054}
.app-shell .payment-choice small{font-size:12px;font-weight:400;color:#475467}
.app-shell .payment-icon{color:#6541b5;border-color:#d7cbe9}
.app-shell .payment-icon.paypal-text{color:#27376b}
.app-shell .amount-input{border-color:#bfc8d6}
.app-shell .amount-input>span,.app-shell .amount-input>input{color:#101828;font-weight:750}
.app-shell .amount-input>small{color:#667085;font-size:12px}
.app-shell .amount-presets button{font-size:12px;color:#344054;border-color:#cdd5df;font-weight:600;min-height:38px}
.app-shell .amount-presets button.selected{color:#5333b5;border-color:#9b80d7;background:#eee7ff}
.app-shell .deposit-recap{font-size:12px;color:#475467;border-top-color:#dfe5ed}
.app-shell .deposit-recap>strong{font-size:18px;font-weight:750;color:#101828}
.app-shell .payment-safe{font-size:11px;color:#475467}
.app-shell .balance-card>span{font-size:10px;font-weight:650;color:#d7d3e7}
.app-shell .balance-card>strong{font-size:44px;color:#fff;font-weight:800}
.app-shell .balance-card>p,.app-shell .balance-card>div{font-size:12px;color:#ded9ea}
.app-shell .balance-card .icon{color:#dad2f3}
.app-shell .payment-row strong{font-size:12px;color:#344054;font-weight:650}
.app-shell .payment-row small{font-size:11px;color:#667085}
.app-shell .payment-row b{font-size:13px;color:#101828;font-weight:750}
.app-shell .payment-row-icon{color:#6541b5;background:#f3edff;border-color:#dfd3ef}
.app-shell .success-text{color:#22673e!important}
.app-shell .referral-link-card{border-color:#d6c6ed;background:#f4effd}
.app-shell .referral-link-card h2{font-size:26px;font-weight:800;color:#101828}
.app-shell .referral-link-card p{font-size:13px;color:#475467}
.app-shell .referral-link-card .eyebrow{color:#6541b5;font-weight:700}
.app-shell .referral-copy{border-color:#c8b9df}
.app-shell .referral-copy code{font-size:12px;color:#344054}
.app-shell .referral-code{font-size:11px;color:#475467}
.app-shell .referral-code strong{font-weight:700;color:#5333b5}
.app-shell .referral-explainer h3{font-size:14px;color:#101828;font-weight:700}
.app-shell .referral-explainer p{font-size:12px;color:#475467}
.app-shell .referral-explainer article>span{color:#6541b5;background:#f2edfc;border-color:#d7c7ec;font-weight:700}
.app-shell .help-card h2{font-size:19px;font-weight:750;color:#101828}
.app-shell .help-card p{font-size:13px;color:#475467}
.app-shell .profile-heading h2{font-size:25px;font-weight:800;color:#101828}
.app-shell .profile-heading p{font-size:13px;color:#475467}
.app-shell .settings-panel .setting-row{font-size:13px;color:#475467}
.app-shell .settings-panel .setting-row strong{font-size:13px;font-weight:700;color:#101828}
.modal h2{font-weight:800;color:#101828}
.modal .eyebrow{color:#6541b5;font-weight:700}
.modal .payment-choice strong{color:#344054;font-weight:700}
.modal .payment-choice small,.modal .payment-safe{color:#475467}
.modal .purchase-summary strong,.modal .purchase-summary>b{font-weight:800;color:#5333b5}
.modal .purchase-summary span{color:#475467;font-size:11px}
.detail-modal .number-copy{color:#5333a7;background:#f4edff;border-color:#cbb7e5}
.detail-modal .detail-route h3{color:#101828;font-size:18px;font-weight:750}
.detail-modal .detail-route p{color:#475467;font-size:12px}
.detail-modal .detail-route>div>span{color:#667085;font-size:10px;font-weight:650}
.detail-modal .detail-info span{color:#667085;font-size:11px}
.detail-modal .detail-info strong{color:#101828;font-weight:700;font-size:13px}
.detail-modal .timeline-title{color:#101828;font-size:16px;font-weight:750}
.detail-modal .timeline-item strong{color:#344054;font-size:14px;font-weight:700}
.detail-modal .timeline-item span,.detail-modal .timeline-item small{color:#475467;font-size:12px}
.detail-modal .detail-footer{font-size:10px;color:#667085}
.detail-modal .detail-footer>span{color:#22673e}
.auth-main h2{font-weight:800;color:#101828}
.auth-main label,.auth-main .auth-form-wrap>p{color:#475467}
.auth-main .eyebrow{color:#6541b5}
/* Calendar component */
.date-filter{position:relative;min-width:0}
.date-range-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;margin-top:8px;border:1px solid #bfc8d6;border-radius:10px;background:#fff;font-size:13px;font-weight:550;color:#475467;text-align:left}
.date-range-trigger>svg{width:18px;height:18px;flex-shrink:0;color:#667085}
.date-range-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.date-range-trigger>.date-range-chevron{width:13px;height:13px;margin-left:auto}
.date-range-trigger:hover{border-color:#8c70cd;background:#fdfbff}
.date-range-trigger.has-selection{color:#4930a5;border-color:#9c83d9;background:#faf7ff;font-weight:650}
.date-range-trigger.has-selection>svg{color:#6541b5}
.date-filter.is-open{z-index:90}
.date-scrim{position:fixed;inset:0;z-index:0;background:#10182855;backdrop-filter:blur(2px)}
.date-popover{position:fixed;z-index:1;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(646px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:23px;border:1px solid #cdd5df;border-radius:17px;background:#fff;box-shadow:0 16px 65px #10182826;outline:none;color:#101828}
.date-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.date-popover-header h3{font-size:19px;font-weight:800;letter-spacing:-.35px;line-height:1.4;margin:0;color:#101828}
.date-popover-header p{font-size:12px;line-height:1.6;margin:4px 0 0;color:#475467}
.calendar-icon-button{display:flex;align-items:center;justify-content:center;min-width:33px;height:33px;border:1px solid #d4dbe5;border-radius:8px;background:#fff;color:#475467;padding:7px}
.calendar-icon-button:hover{color:#5333b5;background:#f2edff;border-color:#c7b7e6}
.calendar-icon-button>svg{width:17px;height:17px}
.date-range-preview{display:flex;align-items:center;gap:12px;margin-top:20px}
.date-range-preview>div{flex:1;min-width:0;border:1px solid #d6dce6;border-radius:9px;padding:10px 13px;background:#f9fafc}
.date-range-preview>div.current{border-color:#9b7dd4;background:#f7f2ff}
.date-range-preview>div>span{display:block;font-size:9px;font-weight:750;color:#667085;letter-spacing:.7px}
.date-range-preview strong{display:block;font-size:14px;font-weight:700;color:#101828;margin-top:3px}
.date-preview-arrow{color:#667085;font-size:20px}
.calendar-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.calendar-shortcuts>button{background:#f8f9fc;border:1px solid #d6dce6;border-radius:6px;padding:6px 10px;color:#475467;font-size:11px;font-weight:600;min-height:31px}
.calendar-shortcuts>button:hover{color:#5333b5;background:#efe8ff;border-color:#bfa5df}
.calendar-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}
.calendar-navigation>span{font-size:10px;color:#667085}
.calendar-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;margin-top:0}
.calendar-month h4{font-size:14px;font-weight:750;color:#101828;text-align:center;margin:0 0 16px;line-height:1.8}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px 0}
.calendar-weekdays{margin-bottom:6px}
.calendar-weekdays>span{text-align:center;font-size:10px;font-weight:650;color:#667085;padding:5px 0}
.calendar-day,.calendar-blank{height:34px;width:100%;min-width:0}
.calendar-day{background:#fff;border:0;border-radius:7px;font-size:12px;font-weight:550;color:#344054;padding:0;position:relative}
.calendar-day:hover{background:#eee7ff;color:#4930a5}
.calendar-day.in-range{background:#eee8ff;border-radius:0;color:#4930a5}
.calendar-day.is-today:not(.range-start):not(.range-end){box-shadow:inset 0 0 0 1px #9b82d1;color:#5333b5;font-weight:800}
.calendar-day.range-start,.calendar-day.range-end{background:#5b40d6;color:#fff;font-weight:750;border-radius:7px}
.calendar-day.range-start:hover,.calendar-day.range-end:hover{background:#4930b9}
.date-popover-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e1e6ee;margin-top:16px;padding-top:16px}
.calendar-clear{border:0;background:none;color:#5333b5;font-size:12px;font-weight:650;padding:5px 0;min-height:34px}
.calendar-clear:hover{text-decoration:underline}
.date-popover-footer>span{font-size:10px;color:#667085}
.date-popover-footer .calendar-apply{min-height:39px;padding:10px 14px;font-size:12px;gap:8px}
.calendar-apply>svg{width:14px;height:14px}
@media(min-width:1600px){.app-shell .page-heading h1{font-size:36px}.app-shell .page-heading p{font-size:15px}.app-shell .side-link{font-size:15px}.app-shell .stat-card>span:not(.stat-icon){font-size:13px!important}.app-shell .stat-card>strong{font-size:40px}.app-shell .stat-card{min-height:175px}.app-shell .stat-card .stat-plan{font-size:18px}.app-shell .stat-card>a,.app-shell .stat-card>small{font-size:12px}.app-shell .plans-grid .plan-card{padding:27px}.app-shell .plan-title{font-size:17px}.app-shell .plan-price{font-size:43px}.app-shell .plan-features li,.app-shell .plans-grid .plan-features li{font-size:13px}.app-shell .plan-card>.btn{font-size:13px;min-height:46px}}
@media(max-width:1250px){.app-shell .search-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.app-shell .date-filter{grid-column:1/-1}.app-shell .search-submit{width:100%}.app-shell .stat-card{padding:20px 16px;min-height:156px}.app-shell .stat-card>span:not(.stat-icon){font-size:11px!important}.app-shell .stat-card>strong{font-size:33px}.app-shell .stat-card .stat-plan{font-size:15px;line-height:1.6}.app-shell .stat-card>a,.app-shell .stat-card>small{font-size:10px}.app-shell .stat-card>.stat-icon{right:13px;top:19px;width:27px;height:27px}.app-shell .stat-card>.stat-icon>.icon{width:16px;height:16px}.app-shell .plan-features li,.app-shell .plans-grid .plan-features li{font-size:11px}.app-shell .plan-card>.btn{font-size:11px}.app-shell .table-carrier>span:not(.carrier-logo),.app-shell .table-route>div,.app-shell .table-route strong{font-size:11px}.app-shell .table-head{font-size:9px}.app-shell .table-dates,.app-shell .table-dates>small{font-size:10px}.app-shell .status{font-size:10px}}
@media(max-width:1050px){.date-popover{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(646px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}.date-scrim{background:#10182855;backdrop-filter:blur(2px)}}
@media(max-width:760px){.app-shell .page-heading h1{font-size:30px}.app-shell .page-heading p{font-size:14px}.app-shell .stats-grid{gap:14px}.app-shell .stat-card{min-height:153px}.app-shell .stat-card>span:not(.stat-icon){font-size:12px!important}.app-shell .stat-card>a,.app-shell .stat-card>small{font-size:11px}.app-shell .sidebar .side-link{font-size:14px;min-height:45px}.app-shell .sidebar .nav-section{font-size:10px}.app-shell .credit-wallet span{font-size:11px}.app-shell .app-topbar strong{font-size:13px}.app-shell .search-secondary>span{font-size:10px}.app-shell .search-secondary>.text-button{font-size:11px}.app-shell .panel-heading h2{font-size:16px}.app-shell .panel-heading p{font-size:12px!important}.app-shell .plan-features li,.app-shell .plans-grid .plan-features li{font-size:12px}.app-shell .plan-card>.btn{font-size:12px}}
@media(max-width:640px){body.tt-calendar-open{overflow:hidden}.date-popover{position:fixed;top:auto;bottom:12px;left:12px;right:12px;width:auto;transform:none;padding:18px;max-height:calc(100dvh - 24px);border-radius:15px;overscroll-behavior:contain}.calendar-months{grid-template-columns:1fr;gap:0}.calendar-month-second{display:none}.date-popover-header h3{font-size:18px}.date-popover-header p{font-size:12px}.date-range-preview{margin-top:15px;gap:9px}.date-range-preview>div{padding:9px 11px}.date-range-preview strong{font-size:13px}.calendar-shortcuts{margin-top:13px;gap:6px}.calendar-shortcuts>button{font-size:11px;padding:6px 9px;min-height:32px}.calendar-navigation{margin-top:13px}.calendar-month h4{font-size:15px;margin:0 0 8px}.calendar-weekdays>span{font-size:11px;padding:5px 0}.calendar-day,.calendar-blank{height:36px}.calendar-day{font-size:13px}.date-popover-footer{gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:13px}.date-popover-footer>span{order:3;width:100%;text-align:center;font-size:10px}.date-popover-footer .calendar-apply{font-size:12px;min-height:41px}.calendar-clear{font-size:12px}.date-range-trigger{font-size:14px}}
@media(max-width:540px){.app-shell .app-main{padding-top:25px}.app-shell .page-heading h1{font-size:28px;font-weight:800;letter-spacing:-.65px}.app-shell .page-heading .eyebrow{font-size:10px;letter-spacing:.8px}.app-shell .page-heading p{font-size:13px;line-height:1.7}.app-shell .page-heading{margin-bottom:22px}.dashboard-view .quick-search{padding:20px 17px;gap:18px;margin-bottom:20px}.dashboard-view .quick-search h2{font-size:21px}.dashboard-view .quick-search p{font-size:12px}.dashboard-view .quick-search input{font-size:16px;min-height:48px}.dashboard-view .quick-search form>.btn{font-size:13px;min-height:45px}.dashboard-view .stats-grid{gap:12px;margin-bottom:20px}.app-shell .stat-card{padding:18px 14px;min-height:157px}.app-shell .stat-card>span:not(.stat-icon){font-size:11px!important;padding-right:20px;line-height:1.6}.app-shell .stat-card>strong{font-size:32px}.app-shell .stat-card>.stat-icon{right:12px;top:17px;width:23px;height:23px}.app-shell .stat-card>.stat-icon>.icon{width:14px;height:14px}.app-shell .stat-card .stat-plan{font-size:15px;line-height:1.45;padding-top:1px;min-height:39px;white-space:normal}.app-shell .stat-card>a{font-size:10px;margin-top:13px;gap:4px;line-height:1.6}.app-shell .stat-card>a>.icon{width:10px;height:10px}.app-shell .stat-card>small{font-size:10px;margin-top:8px;line-height:1.6}.dashboard-history .empty-state{padding:33px 19px 30px}.app-shell .empty-state h3{font-size:17px}.app-shell .empty-state p{font-size:12px!important}.dashboard-rule{font-size:11px;justify-content:flex-start;align-items:flex-start;line-height:1.7;margin-top:13px;gap:7px}.dashboard-rule>.icon{margin-top:2px;flex-shrink:0}.app-shell .small-referral{font-size:11px;padding:16px}.app-shell .small-referral>a{font-size:11px}.app-shell .small-referral>span{line-height:1.7}.app-shell .search-panel{padding:21px 17px 0}.app-shell .search-primary{gap:18px 14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.app-shell .search-primary .zip-label,.app-shell .search-primary .carrier-picker{grid-column:1/-1}.app-shell .search-primary .date-filter{grid-column:1/-1}.app-shell .search-primary .status-label{grid-column:1;min-width:0}.app-shell .search-primary .search-submit{grid-column:2;min-width:0;min-height:48px;font-size:13px;padding:12px}.app-shell .search-primary label,.app-shell .search-primary .field-label{font-size:13px!important}.app-shell .search-primary input:not([type=hidden]),.app-shell .search-primary select{font-size:16px;min-height:48px}.app-shell .search-primary .input-suffix{font-size:11px}.app-shell .carrier-tabs{height:49px;margin-top:9px}.app-shell .carrier-tabs>button{font-size:13px;min-height:37px}.app-shell .search-secondary{padding:15px 0;gap:10px}.app-shell .search-secondary>span{display:none}.app-shell .search-secondary>.text-button{font-size:11px}.app-shell .search-secondary>.clear-filters{font-size:11px!important}.app-shell .results-panel .panel-heading{padding-bottom:17px}.app-shell .panel-heading h2{font-size:16px}.app-shell .panel-heading p{font-size:11px!important;line-height:1.8}.app-shell .snapshot-label{font-size:8px;gap:4px}.app-shell .tracking-row{padding:20px 18px;gap:18px;border-color:#d6dce6}.app-shell .table-carrier>span:not(.carrier-logo){font-size:13px}.app-shell .table-carrier small,.app-shell .table-route small{font-size:11px}.app-shell .table-route>div,.app-shell .table-route strong{font-size:13px}.app-shell .tracking-row>.table-dates,.app-shell .table-dates>small{font-size:11px}.app-shell .status{font-size:11px;padding:6px 8px}.app-shell .table-unlock .btn-unlock{font-size:12px;min-height:41px;padding:9px 12px}.app-shell .table-unlock .btn-unlock>span{font-size:10px}.app-shell .revealed-number{font-size:12px}.app-shell .free-reopen{font-size:8px}.app-shell .under-table-note{font-size:11px;line-height:1.8}.app-shell .page-chip{font-size:11px}.app-shell .plan-summary{font-size:10px;gap:12px 7px;line-height:1.6;padding:15px}.app-shell .plan-summary>span{width:calc(50% - 4px)}.app-shell .plans-grid{gap:25px 12px}.app-shell .plans-grid .plan-card{padding:22px 14px}.app-shell .plan-title{font-size:14px}.app-shell .plan-price{font-size:32px;letter-spacing:-1px}.app-shell .plan-price>span{font-size:10px}.app-shell .plan-credits{font-size:11px}.app-shell .plan-credits strong{font-size:21px}.app-shell .plan-card .unit-price{font-size:10px}.app-shell .plan-features li,.app-shell .plans-grid .plan-features li{font-size:10px;gap:6px;line-height:1.65}.app-shell .plan-features .icon{width:12px;height:12px}.app-shell .plan-card>.btn{font-size:10px;min-height:42px;padding:10px 8px}.app-shell .plan-payments{gap:8px}.app-shell .plan-payments>b{font-size:9px!important}.app-shell .plan-payments>span{font-size:7px!important}.popular-label{font-size:9px!important;padding:5px 9px!important;top:-15px!important;right:9px!important}.app-shell .referral-link-card h2{font-size:25px}.app-shell .referral-link-card p{font-size:13px}.app-shell .referral-copy code{font-size:10px}.app-shell .referral-explainer h3{font-size:14px}.app-shell .referral-explainer p{font-size:12px}.app-shell .referral-stats .stat-card>strong{font-size:25px}.app-shell .referral-stats .stat-card>span:not(.stat-icon){font-size:10px!important}.app-shell .referral-stats .stat-card{padding:16px 10px;min-height:142px}.app-shell .payment-choice strong{font-size:14px}.app-shell .payment-choice small{font-size:11px}.app-shell .amount-input>input{font-size:33px}.app-shell .payment-safe{font-size:10px}.app-shell .settings-panel .setting-row,.app-shell .settings-panel .setting-row strong{font-size:12px}.app-shell .app-footer{font-size:9px}.detail-modal .detail-route h3{font-size:15px}.detail-modal .detail-info strong{font-size:12px}.detail-modal .timeline-item strong{font-size:13px}.detail-modal .timeline-item span,.detail-modal .timeline-item small{font-size:11px}.detail-modal .detail-footer{font-size:9px}}
/* Autoplay product walkthrough on the homepage. */
.hero h1{font-weight:750}.hero-description{color:#c6cadb}
.tutorial-enabled .mock-results{position:relative;min-height:337px;overflow:hidden}
.tutorial-enabled .mock-body{min-height:337px}
.tutorial-enabled .mock-row{transition:opacity .45s,background .4s}
.tutorial-enabled[data-results-ready="0"] .mock-row{opacity:.12;pointer-events:none}
.tutorial-enabled .mock-row.tutorial-excluded{display:none}
.tutorial-enabled .mock-input:first-of-type,.tutorial-enabled .mock-carriers,.tutorial-enabled .mock-sidebar .btn{transition:box-shadow .45s,border-color .45s}
.tutorial-enabled[data-tutorial-step="0"] .mock-input:first-of-type{border-color:#b8d18d;box-shadow:0 0 0 3px #ddf7aa22}
.tutorial-enabled[data-tutorial-step="1"] .mock-carriers{border-color:#b4a0ec;box-shadow:0 0 0 3px #b6a0ee1c}
.tutorial-enabled[data-tutorial-step="2"] .mock-sidebar .btn{box-shadow:0 0 0 4px #a58cff2e}
.tutorial-enabled .mock-carriers .selected{background:#6550df;color:#fff}
.tutorial-zip{font-size:inherit;font-weight:550;color:#f3f4fa;min-width:35px}
.tutorial-caret{display:none;width:1px;height:12px;background:#ddf7aa;flex-shrink:0;animation:tt-caret .7s step-end infinite;margin-left:-4px}
.tutorial-enabled[data-tutorial-step="0"] .tutorial-caret{display:block}
.tutorial-empty{display:flex;position:absolute;top:115px;left:0;right:0;bottom:30px;align-items:center;justify-content:center;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transition:opacity .3s}
.tutorial-enabled[data-results-ready="0"] .tutorial-empty{opacity:1}
.tutorial-empty>span{width:41px;height:41px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#282a46;border:1px solid #42415e;color:#c9bee8}
.tutorial-empty>span>svg{width:19px;height:19px}
.tutorial-empty>strong{font-size:12px;font-weight:650;color:#e6e4f3}
.tutorial-empty>small{font-size:9px;color:#a8a8c0}
.tutorial-enabled .mock-row.tutorial-revealed{background:#ddf7aa08;box-shadow:inset 3px 0 #bcd996}
.tutorial-enabled .mock-row.tutorial-revealed .mock-unlock{background:#25382c;color:#d9efba;border-color:#5a7651;padding:9px}
.tutorial-number{font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:650;letter-spacing:.2px}
.tutorial-detail{position:absolute;right:23px;bottom:15px;width:min(350px,calc(100% - 46px));background:#24283f;border:1px solid #4d4a68;box-shadow:0 10px 35px #0004;border-radius:11px;padding:15px 17px;color:#e4e2f0;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .5s,transform .5s}
.tutorial-enabled[data-tutorial-step="4"] .tutorial-detail{opacity:1;transform:translateY(0)}
.tutorial-detail-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}
.tutorial-detail-top>strong{font-weight:650}
.tutorial-detail-top>span{display:flex;align-items:center;gap:4px;font-size:8px;color:#c3dba5}
.tutorial-detail-top svg{width:11px;height:11px}
.tutorial-detail-number{font-size:12px;font-family:ui-monospace,monospace;font-weight:650;color:#ddf7aa;margin-top:9px;letter-spacing:.4px}
.tutorial-detail-route{display:flex;align-items:center;gap:8px;font-size:9px;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;margin:10px 0;padding:8px 0;color:#babacd}
.tutorial-detail-route strong{color:#eeeafa;font-weight:550;font-size:9px}
.tutorial-detail-route b{font-weight:400;color:#8e89ab}
.tutorial-scan{display:flex;gap:8px;align-items:flex-start;margin:9px 0}
.tutorial-scan>i{margin-top:4px;width:5px;height:5px;flex-shrink:0;background:#aa9dd7;border-radius:50%}
.tutorial-scan:first-of-type>i{background:#ddf7aa}
.tutorial-scan strong{display:block;font-size:9px;font-weight:600;color:#e7e2f4}
.tutorial-scan span{display:block;font-size:7px;color:#a7a1bd;margin-top:2px}
.tutorial-detail-foot{display:flex;align-items:center;gap:4px;border-top:1px solid #ffffff0a;padding-top:9px;margin-top:10px;font-size:8px;color:#c4dba8}
.tutorial-detail-foot svg{width:10px;height:10px}
.tutorial-enabled[data-tutorial-step="4"] .floating-credit{opacity:0;pointer-events:none}
.tutorial-pointer{position:absolute;z-index:6;width:24px;height:31px;pointer-events:none;transition:left .75s cubic-bezier(.2,.6,.2,1),top .75s cubic-bezier(.2,.6,.2,1);filter:drop-shadow(0 2px 3px #0006)}
.tutorial-pointer>svg{width:24px;height:31px;display:block}
.tutorial-pointer>i{position:absolute;left:-7px;top:-7px;display:block;width:21px;height:21px;border:2px solid #ddf7aa;border-radius:50%;opacity:0;animation:tt-click 2.9s ease-out infinite .7s}
.tutorial-controls{max-width:1080px;margin:0 auto;padding:25px 0 18px;text-align:left}
.tutorial-caption{display:flex;align-items:center;gap:15px;color:#f0edf9;margin:0 0 20px}
.tutorial-step-number{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:750;border-radius:10px;background:#ddf7aa12;border:1px solid #ddf7aa3d;color:#ddf7aa}
.tutorial-caption>div:nth-child(2){min-width:0;flex:1}
.tutorial-caption strong{font-size:14px;font-weight:650;line-height:1.5;color:#f0edf9;display:block}
.tutorial-caption p{font-size:11px;color:#b8b7cc;line-height:1.7;margin-top:3px}
.tutorial-playback{display:flex;align-items:center;gap:8px}
.tutorial-playback>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;padding:8px 11px;background:#ffffff05;border:1px solid #535269;border-radius:7px;color:#e2def0;font-size:10px;font-weight:550}
.tutorial-playback>button:hover{background:#ffffff10;color:#ddf7aa;border-color:#9992b7}
.tutorial-playback>button>svg{width:13px;height:13px}
.tutorial-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.tutorial-chapters>button{position:relative;display:flex;align-items:center;gap:9px;min-height:39px;border:1px solid #ffffff13;border-radius:7px;background:#ffffff03;color:#a9a5bd;padding:10px 12px 12px;font-size:10px;line-height:1.5;overflow:hidden}
.tutorial-chapters>button>span{font-size:8px;color:#88849e}
.tutorial-chapters>button.active{color:#f2edff;background:#ffffff08;border-color:#a993df66;font-weight:650}
.tutorial-chapters>button.active>span{color:#ddf7aa}
.tutorial-chapters>button.complete{color:#d4cee5;border-color:#ffffff20}
.tutorial-chapters>button>i{position:absolute;bottom:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#ddf7aa}
.tutorial-chapters>button.active>i{animation:tt-step-progress var(--step-duration,3s) linear forwards}
.tutorial-chapters>button.complete>i{transform:scaleX(1);background:#aaa0c2}
.tutorial-controls.tutorial-paused .tutorial-chapters>button.active>i{animation-play-state:paused}
.tutorial-disclaimer{font-size:8px;text-align:center;color:#9390a8;margin-top:15px}
.tutorial-enabled.tutorial-paused .tutorial-pointer>i,.tutorial-enabled.tutorial-paused .tutorial-caret{animation-play-state:paused}
@keyframes tt-caret{50%{opacity:0}}
@keyframes tt-click{0%,16%,100%{opacity:0;transform:scale(.55)}5%{opacity:.8}15%{opacity:0;transform:scale(1.8)}}
@keyframes tt-step-progress{to{transform:scaleX(1)}}
@media(max-width:760px){.tutorial-enabled .mock-results,.tutorial-enabled .mock-body{min-height:280px}.tutorial-controls{padding-top:22px}.tutorial-caption{gap:11px;margin-bottom:16px;flex-wrap:wrap}.tutorial-caption strong{font-size:13px}.tutorial-caption p{font-size:10px}.tutorial-playback{margin-left:auto}.tutorial-playback>button{font-size:9px;padding:7px 9px;min-height:33px}.tutorial-chapters{gap:8px}.tutorial-chapters>button{font-size:9px;gap:5px;padding:9px 8px 11px}.tutorial-detail{right:14px;bottom:12px;width:min(310px,calc(100% - 28px));padding:12px 13px}.tutorial-detail-top{font-size:10px}.tutorial-detail-number{font-size:11px}.tutorial-pointer,.tutorial-pointer>svg{width:20px;height:26px}.tutorial-enabled .tutorial-number{font-size:8px}.tutorial-enabled .mock-row.tutorial-revealed .mock-unlock{font-size:8px;padding:7px}}
@media(max-width:540px){.tutorial-enabled .mock-results,.tutorial-enabled .mock-body{min-height:248px}.tutorial-enabled .mock-result-title{height:38px}.tutorial-enabled .one-credit{font-size:5px}.tutorial-enabled .mock-row{min-height:44px}.tutorial-enabled .mock-bottom{display:none}.tutorial-enabled .mock-input .tutorial-zip{min-width:25px;font-size:8px}.tutorial-caret{height:8px}.tutorial-enabled .mock-carriers .selected{background:#6550df;color:#fff}.tutorial-enabled .tutorial-number{font-size:5px;letter-spacing:0}.tutorial-enabled .mock-row.tutorial-revealed .mock-unlock{padding:4px;border-radius:4px}.tutorial-empty{top:62px;bottom:15px;gap:7px;padding:0 8px;text-align:center}.tutorial-empty>span{width:29px;height:29px;border-radius:8px}.tutorial-empty>span>svg{width:14px;height:14px}.tutorial-empty>strong{font-size:9px}.tutorial-empty>small{font-size:7px;line-height:1.7}.tutorial-detail{padding:10px;right:7px;bottom:9px;width:calc(100% - 14px);border-radius:7px}.tutorial-detail-top{font-size:8px}.tutorial-detail-top>span{font-size:6px;gap:2px}.tutorial-detail-top svg{width:8px;height:8px}.tutorial-detail-number{font-size:9px;margin-top:6px}.tutorial-detail-route{font-size:6px;gap:5px;margin:7px 0;padding:6px 0}.tutorial-detail-route strong{font-size:6px}.tutorial-scan{gap:6px;margin:7px 0}.tutorial-scan>i{width:4px;height:4px;margin-top:3px}.tutorial-scan strong{font-size:7px}.tutorial-scan span{font-size:5px}.tutorial-detail-foot{font-size:6px;padding-top:7px;margin-top:7px}.tutorial-detail-foot svg{width:8px;height:8px}.tutorial-enabled .floating-credit{font-size:6px;max-width:200px}.tutorial-enabled .floating-credit small{font-size:5px}.tutorial-pointer,.tutorial-pointer>svg{width:15px;height:20px}.tutorial-pointer>i{width:14px;height:14px;left:-4px;top:-4px}.tutorial-controls{padding-top:20px;padding-bottom:19px}.tutorial-caption{gap:10px;align-items:flex-start}.tutorial-step-number{width:29px;height:30px;font-size:10px;border-radius:8px}.tutorial-caption>div:nth-child(2){flex-basis:calc(100% - 39px)}.tutorial-caption strong{font-size:12px;line-height:1.55}.tutorial-caption p{font-size:10px;line-height:1.8;min-height:36px}.tutorial-playback{margin:3px 0 0 39px;gap:7px}.tutorial-playback>button{font-size:9px;min-height:33px;padding:8px 11px}.tutorial-playback>button>svg{width:11px;height:11px}.tutorial-chapters{gap:6px}.tutorial-chapters>button{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;padding:9px 3px 11px;font-size:8px;text-align:center;line-height:1.5;min-height:54px}.tutorial-chapters>button>span{font-size:7px}.tutorial-disclaimer{font-size:7px;line-height:1.8;margin-top:13px}}
@media(prefers-reduced-motion:reduce){.tutorial-pointer{transition:none}.tutorial-chapters>button.active>i{animation:none}.tutorial-pointer>i,.tutorial-caret{animation:none}}