.admin-layout{display:flex;min-height:100vh;background:var(--color-bg)}.admin-sidebar{width:250px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .2s ease}.admin-sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border)}.admin-logo-icon{color:var(--color-primary);flex-shrink:0}.admin-logo-text{font-weight:700;font-size:var(--font-size-md);color:var(--color-text)}.admin-sidebar-close{display:none;margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px}.admin-nav{flex:1;padding:var(--space-3) 0;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;border:none;background:none;width:100%;cursor:pointer;transition:background .15s,color .15s}.admin-nav-item:hover{background:#0f766e0d;color:var(--color-text)}.admin-nav-item.active{background:#0f766e14;color:var(--color-primary);font-weight:600;border-right:3px solid var(--color-primary)}.admin-nav-sub{padding-left:calc(var(--space-5) + var(--space-6));font-size:var(--font-size-xs)}.admin-nav-group-toggle{text-align:left}.admin-chevron{margin-left:auto;transition:transform .2s}.admin-chevron.open{transform:rotate(180deg)}.admin-main{flex:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh}.admin-topbar{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:56px}.admin-menu-btn{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-2);margin-right:auto}.admin-topbar-right{display:flex;align-items:center;gap:var(--space-3)}.admin-avatar{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-border)}.admin-user-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-role-badge{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:#0f766e1a;padding:2px 8px;border-radius:var(--radius-full)}.admin-profile-btn:hover{background:var(--color-hover)!important}.admin-logout-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,color .15s}.admin-logout-btn:hover{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.admin-content{flex:1;padding:var(--space-6);max-width:1200px;width:100%;margin:0 auto}.admin-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}@media(max-width:768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-close,.admin-sidebar-overlay{display:block}.admin-main{margin-left:0}.admin-menu-btn{display:block}.admin-user-name{display:none}}.admin-page-header{margin-bottom:var(--space-6)}.admin-page-header h1{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-1)}.admin-page-header p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.admin-toolbar select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.admin-table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#0f766e05}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.admin-empty{text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-text-muted)}.admin-empty p{margin-top:var(--space-2);font-size:var(--font-size-sm)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.admin-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.admin-modal h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.admin-modal .field{margin-bottom:var(--space-4)}.admin-modal .field label{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1);color:var(--color-text)}.admin-modal .field input,.admin-modal .field select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.admin-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}.cn-status-created{background:#e0f2fe;color:#075985}.cn-status-assigned{background:#e0e7ff;color:#3730a3}.cn-status-picked_up{background:#fef3c7;color:#92400e}.cn-status-out_for_delivery{background:#fde68a;color:#78350f}.cn-status-delivered{background:#d1fae5;color:#065f46}.cn-status-failed{background:#fee2e2;color:#991b1b}.cn-status-cancelled{background:#f3f4f6;color:#6b7280}.cn-tracking{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-xs);font-weight:600;background:#f0fdf4;color:#166534;padding:2px 6px;border-radius:var(--radius-md);white-space:nowrap}.cn-phone{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-xs);white-space:nowrap}.cn-amount{white-space:nowrap;font-weight:500}.admin-search-form{display:flex;gap:var(--space-2);margin-left:auto}.admin-search-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);width:200px;background:var(--color-surface);color:var(--color-text)}.cn-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.cn-fieldset legend{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);padding:0 var(--space-2)}.cn-row{display:flex;gap:var(--space-3)}@media(max-width:600px){.cn-row{flex-direction:column}.admin-search-input{width:140px}}.cn-detail-grid{display:grid;gap:var(--space-4)}.cn-detail-section{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3)}.cn-detail-section:last-child{border-bottom:none;padding-bottom:0}.cn-detail-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:700;margin-bottom:var(--space-2)}.cn-detail-row{display:flex;justify-content:space-between;padding:3px 0;font-size:var(--font-size-sm)}.cn-detail-label{color:var(--color-text-secondary);min-width:120px}.cn-detail-value{text-align:right;color:var(--color-text);font-weight:500;max-width:300px;word-break:break-word}.cn-status-update-box{background:#0f766e0a;border:1px solid rgba(15,118,110,.15);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.cn-status-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.cn-terminal-btn{border-color:var(--color-error)!important;color:var(--color-error)!important}.cn-terminal-btn:hover{background:var(--color-error-bg)!important}.cn-status-form-fields{display:flex;flex-direction:column;gap:var(--space-2)}.cn-status-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);width:100%}.cn-confirm-warning{display:flex;align-items:center;gap:var(--space-2);background:#fef3c7;color:#92400e;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500}.cn-timeline-section{margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.cn-timeline{position:relative;padding-left:20px}.cn-timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--color-border)}.cn-timeline-event{position:relative;display:flex;gap:var(--space-3);padding-bottom:var(--space-3)}.cn-timeline-event:last-child{padding-bottom:0}.cn-timeline-dot{position:absolute;left:-17px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--color-border);border:2px solid var(--color-surface);z-index:1}.cn-timeline-latest .cn-timeline-dot{background:var(--color-primary)}.cn-timeline-content{flex:1;min-width:0}.cn-timeline-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cn-timeline-transition{display:inline-flex;align-items:center;gap:4px}.cn-timeline-time{font-size:11px;color:var(--color-text-muted);margin-left:auto;white-space:nowrap}.cn-timeline-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:2px 0 0}.cn-timeline-reason{color:var(--color-error);font-weight:500}.cn-timeline-by{font-size:11px;color:var(--color-text-muted)}.cn-rider-assign-box{background:#3b82f60a;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.cn-rider-assign-row{display:flex;gap:var(--space-2);align-items:center}.dispatch-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.dispatch-summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;transition:border-color .2s,box-shadow .2s}.dispatch-summary-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000a}.dispatch-summary-card svg{color:var(--color-text-muted)}.dispatch-summary-count{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.dispatch-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.dispatch-summary-accent{border-color:#f59e0b4d;background:#f59e0b0a}.dispatch-summary-accent .dispatch-summary-count{color:#d97706}.dispatch-summary-accent svg{color:#d97706}.dispatch-summary-warn{border-color:#ef44444d;background:#ef44440a}.dispatch-summary-warn .dispatch-summary-count{color:#dc2626}.dispatch-summary-warn svg{color:#dc2626}.dispatch-rider-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.dispatch-unassigned-card{border-color:#f59e0b40}.dispatch-rider-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-2)}.dispatch-rider-info{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.dispatch-rider-name{font-weight:600;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2)}.dispatch-rider-phone{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.dispatch-rider-tags{display:flex;align-items:center;gap:var(--space-2)}.dispatch-vehicle{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:11px;text-transform:capitalize}.dispatch-active-count{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:#10b98114;padding:2px 8px;border-radius:var(--radius-full)}.dispatch-avail-available{background:#10b9811a;color:#059669}.dispatch-avail-busy{background:#f59e0b1a;color:#d97706}.dispatch-avail-offline{background:#6b72801a;color:#6b7280}.dispatch-consignment-list{padding:0 var(--space-4)}.dispatch-consignment-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;font-size:var(--font-size-sm)}.dispatch-consignment-row:last-child{border-bottom:none}.dispatch-cn-customer{font-weight:500;min-width:100px}.dispatch-cn-phone{color:var(--color-text-muted);font-size:var(--font-size-xs);display:flex;align-items:center;gap:4px;min-width:100px}.dispatch-cn-area{color:var(--color-text-secondary);font-size:var(--font-size-xs);display:flex;align-items:center;gap:4px;flex:1;min-width:80px}.dispatch-cn-cod{font-size:var(--font-size-xs);font-weight:600;color:#d97706;background:#f59e0b14;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.dispatch-empty-row{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}@media(max-width:640px){.dispatch-summary-cards{grid-template-columns:repeat(2,1fr)}.dispatch-consignment-row{gap:var(--space-2)}}.dash-section{margin-bottom:var(--space-8)}.dash-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.dash-section-title svg{color:var(--color-primary)}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.dash-stats-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dash-stats-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dash-stat-card{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color .2s,box-shadow .2s}.dash-stat-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000a}.dash-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#0f766e14;color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-stat-count{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);line-height:1.2}.dash-stat-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.dash-stat-accent .dash-stat-icon{background:#f59e0b1a;color:#d97706}.dash-stat-success .dash-stat-icon{background:#16a34a1a;color:#16a34a}.dash-stat-warn .dash-stat-icon{background:#dc262614;color:#dc2626}.dash-attention-card{display:flex;align-items:flex-start;gap:var(--space-3);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-lg);padding:var(--space-4);color:#92400e}.dash-attention-card svg{flex-shrink:0;margin-top:2px}.dash-attention-card strong{display:block;font-size:var(--font-size-base)}.dash-attention-card span{display:block;font-size:var(--font-size-xs);opacity:.8;margin-top:2px}.dash-recent-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.dash-recent-table th{text-align:left;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border);background:var(--color-bg)}.dash-recent-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.dash-recent-table tr:last-child td{border-bottom:none}.dash-recent-table code{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:600}.gw-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;transition:border-color .2s}.gw-card:hover{border-color:var(--color-primary)}.gw-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-2)}.gw-provider{font-weight:600;font-size:var(--font-size-base);color:var(--color-text)}.gw-badges{display:flex;gap:var(--space-2);align-items:center}.gw-status-active{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full);background:#d1fae5;color:#047857}.gw-status-inactive{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full);background:#f1f5f9;color:#475569}.gw-body{padding:var(--space-4) var(--space-5)}.gw-detail-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.gw-detail-row:last-child{border-bottom:none}.gw-masked{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:1px}.gw-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg)}.gw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-5);overflow-y:auto}.gw-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);margin-top:var(--space-8)}.gw-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.gw-modal-header h2{font-size:var(--font-size-lg);margin:0}.gw-modal-body{padding:var(--space-5)}.gw-field{margin-bottom:var(--space-4)}.gw-field label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-1);color:var(--color-text)}.gw-field input,.gw-field select,.gw-field textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text)}.gw-field input:focus,.gw-field select:focus,.gw-field textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f766e1a}.gw-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.gw-test-modal{max-width:400px}.gw-test-result{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--space-3)}@media(max-width:768px){.dash-stats-grid,.dash-stats-grid-4{grid-template-columns:repeat(2,1fr)}.dash-recent-table th:nth-child(3),.dash-recent-table td:nth-child(3),.dash-recent-table th:nth-child(4),.dash-recent-table td:nth-child(4){display:none}}@media(max-width:480px){.dash-stats-grid{grid-template-columns:1fr 1fr}}.ho-stat-sub{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;font-weight:500}.admin-ho-number{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);font-size:var(--font-size-sm)}.admin-ho-amount{font-weight:700;color:#d97706;white-space:nowrap}.badge-neutral{background:var(--color-bg-primary);color:var(--color-text);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid var(--color-border)}.admin-toolbar-search{position:relative;flex:1;min-width:200px}.admin-toolbar-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 34px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text);transition:border-color .15s}.admin-toolbar-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e14}.admin-toolbar-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.admin-ho-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-5);overflow-y:auto}.admin-ho-modal{background:var(--color-surface);border-radius:var(--radius-xl, 16px);width:100%;max-width:720px;padding:var(--space-5);position:relative;margin-top:40px;box-shadow:0 20px 60px #00000026;animation:hoModalIn .2s ease-out}@keyframes hoModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-ho-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);transition:all .15s}.admin-ho-modal-close:hover{color:var(--color-text);background:var(--color-border)}.admin-ho-modal-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.admin-ho-modal-header h3{margin:0;font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--color-text)}.admin-ho-modal-header-icon{color:var(--color-primary)}.admin-ho-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.admin-ho-info dt{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.3px}.admin-ho-info dd{margin:0;font-weight:600;color:var(--color-text)}.admin-ho-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-2)}.admin-ho-section-title svg{color:var(--color-primary)}.admin-ho-status-banner{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-3);font-size:var(--font-size-sm);line-height:1.4}.admin-ho-status-banner svg{flex-shrink:0;margin-top:2px}.admin-ho-status-banner strong{font-weight:600}.admin-ho-status-verified{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.admin-ho-status-rejected{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.admin-ho-status-info{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.admin-ho-note-field{margin-top:var(--space-3)}.admin-ho-note-field label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-1)}.admin-ho-note-field textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:60px;font-size:var(--font-size-sm);font-family:inherit;resize:vertical;transition:border-color .15s}.admin-ho-note-field textarea:focus{outline:none;border-color:var(--color-primary)}.admin-ho-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.admin-ho-actions .btn{flex:1}.admin-ho-btn-verify{background:#047857!important;color:#fff!important;border:none!important}.admin-ho-btn-verify:hover:not(:disabled){background:#065f46!important}.admin-ho-btn-reject{background:#dc2626!important;color:#fff!important;border:none!important}.admin-ho-btn-reject:hover:not(:disabled){background:#b91c1c!important}.admin-ho-btn-verify:disabled,.admin-ho-btn-reject:disabled{opacity:.5;cursor:not-allowed}.admin-ho-reject-form{margin-top:var(--space-4);padding:var(--space-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md)}.admin-ho-reject-form label{display:block;font-weight:600;font-size:var(--font-size-sm);color:#b91c1c;margin-bottom:var(--space-2)}.admin-ho-reject-form textarea{width:100%;min-height:80px;padding:var(--space-2) var(--space-3);border:1px solid #fca5a5;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;margin-bottom:var(--space-3);resize:vertical;background:#fff}.admin-ho-reject-form textarea:focus{outline:none;border-color:#dc2626}.admin-ho-reject-actions{display:flex;gap:var(--space-2)}.admin-ho-reject-actions .btn{flex:1}@media(max-width:768px){.admin-ho-modal{margin-top:var(--space-3);padding:var(--space-3);max-width:100%}.admin-ho-modal-overlay{padding:var(--space-3)}.admin-ho-info{grid-template-columns:1fr}.admin-ho-actions{flex-direction:column}}.st-status-draft{background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.st-status-approved{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.st-status-paid{background:#d1fae5;color:#047857;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.st-status-cancelled{background:#fee2e2;color:#b91c1c;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.st-tab-row{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-md);padding:3px;width:fit-content}.st-tab-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);background:transparent;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.st-tab-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #00000014;font-weight:600}.st-tab-btn:hover:not(.active){color:var(--color-text)}.st-eligible-list{display:grid;gap:var(--space-3)}.st-merchant-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color .2s}.st-merchant-card:hover{border-color:var(--color-primary)}.st-merchant-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.st-merchant-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text)}.st-merchant-code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-primary);padding:2px 8px;border-radius:var(--radius-sm)}.st-merchant-stats{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}.st-merchant-stat{display:flex;flex-direction:column}.st-merchant-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.st-merchant-stat-value{font-size:var(--font-size-md);font-weight:700;color:var(--color-text)}.st-merchant-stat-value.highlight{color:#047857}.st-merchant-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.st-toggle-cn{background:none;border:none;cursor:pointer;font-size:var(--font-size-xs);color:var(--color-primary);display:flex;align-items:center;gap:4px}.st-cn-expand{margin-top:var(--space-3)}.admin-ho-status-paid{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.st-paid-form{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.st-paid-form label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-1)}.st-paid-form select,.st-paid-form input,.st-paid-form textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;margin-bottom:var(--space-3);background:var(--color-surface);color:var(--color-text)}.st-paid-form select:focus,.st-paid-form input:focus,.st-paid-form textarea:focus{outline:none;border-color:var(--color-primary)}.st-paid-form textarea{min-height:60px;resize:vertical}.st-paid-actions{display:flex;gap:var(--space-2)}.st-paid-actions .btn{flex:1}.admin-ho-btn-paid{background:#047857!important;color:#fff!important;border:none!important}.admin-ho-btn-paid:hover:not(:disabled){background:#065f46!important}.admin-ho-btn-paid:disabled{opacity:.5;cursor:not-allowed}.st-success-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-md);color:#065f46;margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.st-success-alert code{font-family:var(--font-mono);font-weight:600}@media(max-width:768px){.st-merchant-stats{gap:var(--space-2)}.st-merchant-actions{flex-direction:column}}.rider-layout{min-height:100vh;background:var(--color-bg-primary)}.rider-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:var(--space-3);flex-wrap:wrap}.rider-topbar-brand{display:flex;align-items:center;gap:var(--space-2)}.rider-logo-icon{color:var(--color-primary)}.rider-logo-text{font-weight:700;font-size:var(--font-size-md);color:var(--color-text-primary)}.rider-portal-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:var(--radius-full);background:#10b9811a;color:#059669}.rider-topbar-right{display:flex;align-items:center;gap:var(--space-3)}.rider-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.rider-role-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff}.rider-logout-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);transition:all .15s}.rider-logout-btn:hover{background:#ef44440f;color:#dc2626;border-color:#ef444433}.rider-content{padding:var(--space-5);max-width:900px;margin:0 auto}.rider-page-header{margin-bottom:var(--space-5)}.rider-page-header h1{font-size:var(--font-size-xl);margin:0 0 var(--space-1);color:var(--color-text-primary)}.rider-page-header p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.rider-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.rider-summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;transition:border-color .2s}.rider-summary-card:hover{border-color:var(--color-primary)}.rider-summary-count{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);display:block}.rider-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.rider-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center}.rider-toolbar select,.rider-toolbar input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-text-primary)}.rider-toolbar input{flex:1;min-width:180px}.rider-refresh-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:opacity .15s}.rider-refresh-btn:hover{opacity:.9}.rider-consignment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);transition:border-color .2s,box-shadow .2s;cursor:pointer}.rider-consignment-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000a}.rider-cn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.rider-cn-tracking{font-weight:700;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary)}.rider-cn-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);font-size:var(--font-size-sm)}.rider-cn-field{display:flex;align-items:flex-start;gap:var(--space-1);color:var(--color-text-secondary)}.rider-cn-field svg{flex-shrink:0;margin-top:2px;color:var(--color-text-muted)}.rider-cn-field strong{color:var(--color-text-primary);font-weight:500}.rider-cn-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap}.rider-cn-actions .btn{font-size:var(--font-size-xs)}.rider-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-5);overflow-y:auto}.rider-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:600px;padding:var(--space-5);position:relative;margin-top:var(--space-5)}.rider-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-1)}.rider-modal-close:hover{color:var(--color-text-primary)}.rider-modal h2{font-size:var(--font-size-lg);margin:0 0 var(--space-1);font-family:var(--font-mono);color:var(--color-primary)}.rider-detail-section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.rider-detail-section h3{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin:0 0 var(--space-2)}.rider-detail-row{display:flex;justify-content:space-between;padding:var(--space-1) 0;font-size:var(--font-size-sm)}.rider-detail-row dt{color:var(--color-text-muted)}.rider-detail-row dd{color:var(--color-text-primary);font-weight:500;margin:0}.rider-timeline-item{display:flex;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--font-size-xs);border-bottom:1px solid var(--color-border)}.rider-timeline-item:last-child{border-bottom:none}.rider-timeline-badges{display:flex;align-items:center;gap:var(--space-1)}.rider-timeline-note{color:var(--color-text-muted);font-style:italic}.rider-timeline-time{color:var(--color-text-muted);white-space:nowrap;margin-left:auto}.rider-failure-input{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--space-2)}.rider-cash-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:#92400e}.rider-cash-banner svg{color:#d97706;flex-shrink:0}.rider-cash-banner strong{font-size:var(--font-size-md);color:#92400e}.rider-cod-badge{display:inline-flex;align-items:center;gap:3px;background:#d977061a!important;color:#d97706!important;font-weight:600;font-size:var(--font-size-xs);border:1px solid rgba(217,119,6,.2)}.rider-cod-custody-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;color:#92400e;margin-top:var(--space-2)}.rider-cod-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fbbf24);color:#92400e}.rider-cod-info{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.rider-cod-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--font-size-sm)}.rider-cod-info-row:not(:last-child){border-bottom:1px solid var(--color-border)}.rider-cod-info-row span:first-child{color:var(--color-text-muted)}.rider-cod-amount-row{padding:var(--space-3) 0!important}.rider-cod-amount{font-size:var(--font-size-lg);color:#d97706}.rider-cod-checkbox{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:#fefce8;border:1px solid #fde047;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#713f12;cursor:pointer}.rider-cod-checkbox input[type=checkbox]{margin-top:2px;flex-shrink:0}.rider-topbar-nav{display:flex;gap:var(--space-1)}.rider-nav-link{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:all .15s}.rider-nav-link:hover{color:var(--color-primary);background:var(--color-bg-primary)}.rider-nav-link.active{color:var(--color-primary);background:#3b82f61a;font-weight:600}.rider-custody-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.rider-custody-summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.rider-custody-summary-card.amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24}.rider-custody-amount{font-size:var(--font-size-xl);font-weight:700;display:block}.rider-custody-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.rider-custody-section{margin-bottom:var(--space-5)}.rider-custody-section h2{font-size:var(--font-size-md);margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary)}.rider-custody-select-all{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-sm);cursor:pointer}.rider-custody-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:border-color .15s}.rider-custody-item:hover{border-color:var(--color-primary)}.rider-custody-item.selected{border-color:#d97706;background:#fffbeb}.rider-custody-item-info{flex:1;display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-sm)}.rider-custody-item-amount{font-weight:700;color:#d97706;margin-left:auto}.rider-custody-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-3)}.rider-custody-bar-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.rider-custody-bar-info strong{color:#d97706;font-size:var(--font-size-md)}.rider-handover-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.rider-handover-card-info{flex:1}.rider-handover-card-info h4{margin:0;font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-primary)}.rider-handover-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;gap:var(--space-3);margin-top:var(--space-1)}.rider-handover-rejection{font-size:var(--font-size-xs);color:#dc2626;margin-top:var(--space-1);font-style:italic}.ho-status-submitted{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.ho-status-verified{background:#d1fae5;color:#047857;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.ho-status-rejected{background:#fee2e2;color:#b91c1c;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}@media(max-width:640px){.rider-content{padding:var(--space-3)}.rider-cn-body{grid-template-columns:1fr}.rider-topbar{padding:var(--space-2) var(--space-3)}.rider-summary-cards{grid-template-columns:repeat(2,1fr)}.rider-topbar-nav{gap:0}.rider-nav-link{padding:4px 8px;font-size:12px}.rider-custody-summary{grid-template-columns:repeat(2,1fr)}}.merch-layout{display:flex;min-height:100vh}.merch-sidebar{width:260px;background:linear-gradient(180deg,#0c4a6e,#164e63);color:#e2e8f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}.merch-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99;display:none}.merch-sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid rgba(255,255,255,.08)}.merch-logo-icon{color:#67e8f9}.merch-logo-text{font-weight:700;font-size:var(--font-size-lg);color:#fff;flex:1}.merch-sidebar-close{display:none;background:none;border:none;color:#fff9;cursor:pointer;padding:var(--space-1)}.merch-portal-badge{margin:var(--space-3) var(--space-5);padding:var(--space-1) var(--space-3);background:#67e8f91f;color:#67e8f9;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-align:center;text-transform:uppercase;letter-spacing:1px}.merch-nav{flex:1;padding:var(--space-3) var(--space-3);overflow-y:auto}.merch-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:#e2e8f0bf;text-decoration:none;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);transition:all .15s;margin-bottom:2px;border-left:3px solid transparent}.merch-nav-item:hover{background:#67e8f914;color:#fff;text-decoration:none}.merch-nav-item.active{background:#67e8f926;color:#fff;border-left-color:#67e8f9;font-weight:600}.merch-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.merch-topbar{height:60px;background:#fff;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;padding:0 var(--space-6);box-shadow:0 1px 3px #0000000a;position:sticky;top:0;z-index:50}.merch-menu-btn{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);color:var(--color-text);cursor:pointer;margin-right:auto}.merch-topbar-right{display:flex;align-items:center;gap:var(--space-3)}.merch-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.merch-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.merch-role-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:var(--radius-full);background:#0c4a6e14;color:#0c4a6e;text-transform:capitalize}.merch-logout-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.merch-logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:var(--color-error)}.merch-content{flex:1;padding:var(--space-8);background:var(--color-bg)}.merch-form-section{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.merch-form-section:last-of-type{border-bottom:none}.merch-form-section h4{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:var(--space-3)}.merch-form-row{display:flex;gap:var(--space-3)}.merch-success-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-md);margin-top:var(--space-4);flex-wrap:wrap}.merch-success-banner svg{color:#047857;flex-shrink:0}.merch-success-banner strong{color:#047857;margin-right:var(--space-2)}.merch-success-banner code{font-weight:700;color:#0c4a6e;font-size:var(--font-size-sm)}.merch-success-banner>div:first-of-type{flex:1}.cn-detail-grid{display:grid;gap:var(--space-2)}.cn-detail-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light, #f1f5f9)}.cn-detail-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.cn-detail-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;text-align:right;max-width:60%;word-break:break-word}.cn-timeline-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.cn-timeline-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:768px){.merch-sidebar{transform:translate(-100%)}.merch-sidebar.open{transform:translate(0)}.merch-sidebar-overlay{display:block}.merch-sidebar-close{display:flex}.merch-main{margin-left:0}.merch-content{padding:var(--space-4)}.merch-menu-btn{display:flex}.merch-form-row{flex-direction:column}.merch-success-banner{flex-direction:column;text-align:center}}.stmt-page{max-width:900px;margin:0 auto;padding:var(--space-4) var(--space-3);min-height:100vh}.stmt-loading,.stmt-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted)}.stmt-error h2{margin:0;color:var(--color-text);font-size:var(--font-size-lg)}.stmt-error svg{color:#dc2626;opacity:.5}.stmt-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.stmt-actions-right{display:flex;gap:var(--space-2)}.stmt-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px #00000014}.stmt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.stmt-brand{display:flex;flex-direction:column;gap:2px}.stmt-logo{display:flex;align-items:center;gap:var(--space-2);font-size:1.4rem;font-weight:800;color:var(--color-primary, #2563eb);letter-spacing:-.5px}.stmt-logo svg{flex-shrink:0}.stmt-brand-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:44px;letter-spacing:.5px;text-transform:uppercase}.stmt-title-block{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.stmt-title{font-size:var(--font-size-lg);font-weight:700;margin:0;color:var(--color-text)}.stmt-number{font-size:var(--font-size-md);font-weight:600;font-family:var(--font-mono, "Consolas", "Monaco", monospace);color:var(--color-primary, #2563eb);letter-spacing:.5px}.stmt-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.stmt-badge-draft{background:#f59e0b1a;color:#92400e;border:1px solid rgba(245,158,11,.2)}.stmt-badge-approved{background:#3b82f61a;color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.stmt-badge-paid{background:#16a34a1a;color:#15803d;border:1px solid rgba(22,163,74,.2)}.stmt-badge-cancelled{background:#dc26261a;color:#991b1b;border:1px solid rgba(220,38,38,.2)}.stmt-divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.stmt-meta{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.stmt-meta-col h3{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin:0 0 var(--space-2) 0;font-weight:600}.stmt-meta-name{font-size:var(--font-size-md);font-weight:700;margin:0;color:var(--color-text)}.stmt-meta-code{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:2px 0 0;font-family:var(--font-mono, monospace)}.stmt-meta-right{text-align:right}.stmt-meta-table{border-collapse:collapse;font-size:var(--font-size-sm)}.stmt-meta-table td{padding:2px 0}.stmt-meta-table td:first-child{color:var(--color-text-muted);padding-right:var(--space-3);white-space:nowrap}.stmt-meta-table td:last-child{font-weight:500;color:var(--color-text)}.stmt-meta-table code{background:#0000000d;padding:1px 6px;border-radius:4px;font-size:var(--font-size-xs)}.stmt-notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.stmt-notice strong{display:block;margin-bottom:2px}.stmt-notice p{margin:0;opacity:.85}.stmt-notice svg{flex-shrink:0;margin-top:2px}.stmt-notice-cancel{background:#dc26260f;border:1px solid rgba(220,38,38,.15);color:#991b1b}.stmt-notice-draft{background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);color:#92400e}.stmt-financial{background:#00000005;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.stmt-financial h2{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin:0 0 var(--space-3) 0;font-weight:600}.stmt-fin-grid{display:flex;flex-direction:column;gap:var(--space-2)}.stmt-fin-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text)}.stmt-fin-val{font-weight:600;font-family:var(--font-mono, monospace)}.stmt-fin-deduct{color:var(--color-text-muted)}.stmt-fin-deduct .stmt-fin-val{color:#dc2626}.stmt-fin-divider{height:1px;background:var(--color-border);margin:var(--space-1) 0}.stmt-fin-total{font-size:var(--font-size-md);font-weight:700;padding-top:var(--space-1)}.stmt-fin-total .stmt-fin-val{font-size:var(--font-size-lg);color:#16a34a}.stmt-items{margin-bottom:var(--space-4)}.stmt-items h2{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin:0 0 var(--space-3) 0;font-weight:600}.stmt-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.stmt-table thead{background:#00000008}.stmt-table th{text-align:left;padding:var(--space-2) var(--space-2);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:2px solid var(--color-border)}.stmt-table td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.stmt-table tbody tr:hover{background:#00000003}.stmt-table .stmt-amt{text-align:right;font-family:var(--font-mono, monospace);white-space:nowrap}.stmt-table th.stmt-amt{text-align:right}.stmt-table .stmt-idx{color:var(--color-text-muted);width:36px}.stmt-table .stmt-tracking{font-weight:600;font-family:var(--font-mono, monospace);color:var(--color-primary, #2563eb);font-size:var(--font-size-xs)}.stmt-table .stmt-date{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.stmt-table .stmt-deduct{color:#dc2626}.stmt-table .stmt-payable{color:#16a34a;font-weight:600}.stmt-table tfoot{border-top:2px solid var(--color-border)}.stmt-table-total td{padding:var(--space-2) var(--space-2);background:#00000005;border-bottom:none}.stmt-paid-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#16a34a0f;border:1px solid rgba(22,163,74,.2);border-radius:var(--radius-md);margin-bottom:var(--space-4);color:#15803d}.stmt-paid-banner strong{display:block;margin-bottom:2px}.stmt-paid-banner p{margin:0;font-size:var(--font-size-sm);opacity:.9}.stmt-paid-banner code{background:#0000000d;padding:1px 6px;border-radius:4px;font-size:var(--font-size-xs)}.stmt-paid-banner svg{flex-shrink:0;margin-top:2px}.stmt-paid-note{font-style:italic;opacity:.75;margin-top:4px!important}.stmt-footer{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted)}.stmt-footer p{margin:2px 0}.stmt-footer-date{opacity:.7}@media print{.no-print,.admin-sidebar,.admin-header,.merchant-sidebar,.merchant-header,nav,header,.stmt-actions{display:none!important}body{background:#fff!important;color:#000!important;font-size:11pt!important}.admin-layout,.merchant-layout,.admin-main,.merchant-main,.admin-content,.merchant-content{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;min-height:auto!important;overflow:visible!important}.stmt-page{padding:0;max-width:100%;min-height:auto}.stmt-container{border:none;box-shadow:none;border-radius:0;padding:0;background:#fff}.stmt-logo,.stmt-number{color:#1a1a1a!important}.stmt-badge{border:1px solid #999!important;background:#f5f5f5!important;color:#333!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.stmt-badge-paid{background:#e8f5e9!important;color:#1b5e20!important}.stmt-badge-cancelled{background:#ffebee!important;color:#b71c1c!important}.stmt-table th,.stmt-table td{border:1px solid #ddd!important;padding:6px 8px!important;font-size:9pt!important}.stmt-table thead{background:#f5f5f5!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.stmt-financial{border:1px solid #ccc!important;background:#fafafa!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.stmt-paid-banner{border:1px solid #aaa!important;background:#f0f9f4!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.stmt-notice{border:1px solid #aaa!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.stmt-fin-total .stmt-fin-val{color:#1a1a1a!important;font-size:14pt!important}.stmt-payable{color:#1a1a1a!important}.stmt-deduct{color:#666!important}.stmt-tracking{color:#1a1a1a!important}@page{margin:1.5cm;size:A4}.stmt-financial,.stmt-meta,.stmt-paid-banner,.stmt-notice,.stmt-header,.stmt-table tr{break-inside:avoid}}@media(max-width:640px){.stmt-container{padding:var(--space-4)}.stmt-header{flex-direction:column}.stmt-title-block{text-align:left;align-items:flex-start}.stmt-meta{flex-direction:column}.stmt-meta-right{text-align:left}.stmt-actions{flex-direction:column;align-items:stretch}.stmt-actions-right{justify-content:flex-end}.stmt-table{font-size:var(--font-size-xs)}.stmt-table th,.stmt-table td{padding:var(--space-1)}}:root{--color-primary: #0f766e;--color-primary-dark: #0d5d57;--color-primary-light: #14b8a6;--color-accent: #f59e0b;--color-accent-dark: #d97706;--color-bg: #fafbfc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-bg-primary: #f8fafc;--color-bg-secondary: #f1f5f9;--color-text-primary: #0f172a;--color-success: #16a34a;--color-warning: #f59e0b;--color-error: #dc2626;--color-info: #2563eb;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--radius-xl: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);text-align:center}.page-center h1{font-size:3rem;font-weight:700;color:var(--color-text-muted);margin-bottom:var(--space-2)}.page-center p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.link{color:var(--color-primary);font-weight:500}.link:hover{color:var(--color-primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:0 4px 12px #0000000f}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.3px;line-height:1.5;white-space:nowrap}.badge-pending{background:#fef3c7;color:#92400e}.badge-active{background:#d1fae5;color:#065f46}.badge-suspended{background:#fee2e2;color:#991b1b}.badge-inactive{background:#f3f4f6;color:#6b7280}.badge-super_admin{background:#ede9fe;color:#5b21b6}.badge-admin{background:#dbeafe;color:#1e40af}.badge-operations_manager{background:#e0e7ff;color:#3730a3}.badge-rider{background:#fce7f3;color:#9d174d}.badge-merchant{background:#fef3c7;color:#92400e}.cn-status-created{background:#e0f2fe;color:#0369a1}.cn-status-assigned{background:#fef3c7;color:#b45309}.cn-status-picked_up{background:#ede9fe;color:#6d28d9}.cn-status-out_for_delivery{background:#dbeafe;color:#1d4ed8}.cn-status-delivered{background:#d1fae5;color:#047857}.cn-status-failed{background:#fee2e2;color:#b91c1c}.cn-status-returned{background:#fce7f3;color:#9d174d}.cn-status-cancelled{background:#f1f5f9;color:#475569}.cn-status-cod_collected{background:#fef3c7;color:#92400e}.cn-status-cod_handover_submitted{background:#dbeafe;color:#1d4ed8}.cn-status-cod_handover_verified{background:#d1fae5;color:#047857}.cn-status-cod_handover_rejected{background:#fee2e2;color:#b91c1c}.field{margin-bottom:var(--space-5)}.field label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:6px;letter-spacing:-.01em}.field input,.field select,.field textarea{width:100%;padding:10px 14px;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e1a}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-muted)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--color-bg);opacity:.7;cursor:not-allowed}.field-error input,.field-error select,.field-error textarea{border-color:var(--color-error)}.field-error input:focus,.field-error select:focus,.field-error textarea:focus{box-shadow:0 0 0 3px #dc26261a}.field-error-msg{display:block;font-size:var(--font-size-xs);color:var(--color-error);margin-top:4px;font-weight:500}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:480px){.field-row{grid-template-columns:1fr}}.field-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.alert-error{background:#fef2f2;color:var(--color-error);border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:var(--color-success);border:1px solid #bbf7d0}.alert-info{background:#eff6ff;color:var(--color-info);border:1px solid #bfdbfe}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;color:var(--color-text-muted)}.admin-empty svg{margin-bottom:var(--space-3);opacity:.4}.admin-empty p{font-size:var(--font-size-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.spin{animation:spin .8s linear infinite}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-header{position:sticky;top:0;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.landing-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:var(--space-4) var(--space-6)}.landing-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary)}.landing-nav{display:flex;gap:var(--space-3)}.landing-hero{text-align:center;padding:var(--space-12) var(--space-6);padding-top:80px;padding-bottom:80px;background:linear-gradient(160deg,#f0fdfa,#e0f2fe,#faf5ff)}.landing-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;color:var(--color-text);margin-bottom:var(--space-4)}.landing-hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:520px;margin:0 auto var(--space-8);line-height:1.6}.landing-hero-actions{display:flex;justify-content:center;gap:var(--space-4)}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto;padding:60px var(--space-6)}.landing-feature{text-align:center;padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow .2s ease,transform .2s ease}.landing-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-md);background:#0f766e14;color:var(--color-primary);margin-bottom:var(--space-4)}.landing-feature h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.landing-feature p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.landing-footer{margin-top:auto;text-align:center;padding:var(--space-8) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border)}@media(max-width:600px){.landing-nav{gap:var(--space-2)}.landing-nav .btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}.track-page{min-height:100vh;background:linear-gradient(135deg,#f0fdfa,#f8fafc,#f0f9ff);display:flex;flex-direction:column}.track-header{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-5);background:#fff;border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000a}.track-brand{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:700;font-size:var(--font-size-lg);text-decoration:none}.track-brand:hover{text-decoration:none;opacity:.9}.track-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);max-width:640px;width:100%;margin:0 auto}.track-search-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;width:100%;box-shadow:0 4px 24px #0000000f}.track-search-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:16px;color:#fff;margin-bottom:var(--space-5)}.track-search-card h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.track-search-card>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.track-form{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.track-input{flex:1;padding:var(--space-3) var(--space-4);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-base);font-weight:600;letter-spacing:1px;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s}.track-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0f766e1a}.track-input::placeholder{color:var(--color-text-muted);font-weight:400;letter-spacing:.5px}.track-btn{white-space:nowrap;min-width:120px}.track-format-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.track-error-card{background:#fff;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;width:100%;margin-top:var(--space-5)}.track-error-card svg{color:var(--color-error);margin-bottom:var(--space-3);opacity:.6}.track-error-card h3{font-size:var(--font-size-lg);color:var(--color-error);margin-bottom:var(--space-2)}.track-error-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.track-result-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;margin-top:var(--space-5);overflow:hidden;box-shadow:0 4px 24px #0000000f}.track-result-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-left:5px solid var(--color-primary);background:linear-gradient(135deg,#f8fafc,#fff)}.track-result-tid{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:.5px}.track-result-message{padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);line-height:1.6}.track-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.track-info-item{display:flex;align-items:flex-start;gap:var(--space-2)}.track-info-item svg{color:var(--color-primary);margin-top:2px;flex-shrink:0}.track-info-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.track-info-value{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.track-progress{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.track-progress h3{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:var(--space-4)}.track-steps{display:flex;justify-content:space-between;position:relative}.track-steps:before{content:"";position:absolute;top:14px;left:14px;right:14px;height:2px;background:var(--color-border);z-index:0}.track-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;z-index:1;flex:1}.track-step-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-border);background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--color-text-muted);transition:all .3s}.track-step.completed .track-step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.track-step.current .track-step-dot{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 4px #0f766e26}.track-step-label{font-size:10px;font-weight:500;color:var(--color-text-muted);text-align:center;max-width:70px}.track-step.completed .track-step-label,.track-step.current .track-step-label{color:var(--color-text);font-weight:600}.track-timeline{padding:var(--space-5) var(--space-6)}.track-timeline h3{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:var(--space-4)}.track-timeline-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;position:relative}.track-timeline-item:not(:last-child):after{content:"";position:absolute;left:5px;top:22px;bottom:-8px;width:2px;background:var(--color-border)}.track-timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:4px}.track-timeline-content{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.track-timeline-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.track-timeline-time{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.track-footer{text-align:center;padding:var(--space-5);border-top:1px solid var(--color-border);background:#fff}.track-footer p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.track-footer-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none}.track-footer-link:hover{text-decoration:underline}@media(max-width:640px){.track-container{padding:var(--space-5) var(--space-3)}.track-search-card{padding:var(--space-5)}.track-form{flex-direction:column}.track-btn{width:100%}.track-result-header{padding:var(--space-4);flex-direction:column;gap:var(--space-3);text-align:center}.track-result-message,.track-info-row,.track-progress,.track-timeline{padding-left:var(--space-4);padding-right:var(--space-4)}.track-info-row{grid-template-columns:1fr}.track-step-label{font-size:9px;max-width:50px}}