@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg:#fff;--bg-subtle:#f8f9fb;--fg:#14181f;--fg-secondary:#535965;--fg-muted:#6a7181;--card-bg:#fff;--primary:#3553e9;--primary-hover:#1a3ce6;--primary-light:#edeffd;--primary-fg:#fff;--success:#29a36a;--success-light:#ebfaf3;--warning:#f59f0a;--warning-light:#fef5e7;--danger:#dc2828;--danger-light:#fceded;--info:#2385e7;--info-light:#edf5fd;--border:#e5e7eb;--input-border:#e5e7eb;--ring:#3553e9;--muted:#f3f4f6;--muted-fg:#6a7181;--shadow-xs:0 1px 2px 0 rgba(17,24,39,.04);--shadow-sm:0 1px 3px 0 rgba(17,24,39,.06),0 1px 2px 0 rgba(17,24,39,.04);--shadow-md:0 4px 16px -2px rgba(17,24,39,.06),0 2px 4px -1px rgba(17,24,39,.04);--shadow-lg:0 12px 40px -8px rgba(17,24,39,.08),0 4px 12px -2px rgba(17,24,39,.04);--radius:0.625rem;--radius-lg:0.75rem;--radius-xl:1rem;--status-placed:#b9bfca;--status-processing:#f59f0a;--status-packed:#a54bd2;--status-shipped:#2385e7;--status-transit:#1795d3;--status-out:#e78523;--status-delivered:#29a36a;--status-cancelled:#dc2828;--status-rto:#ac3939}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:14px}button,input,select,textarea{font-family:inherit;font-size:inherit}a{text-decoration:none;color:var(--primary)}.tf-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:none}.tf-card,.tf-card-sm{background:var(--card-bg)}.tf-card-sm{border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:none}.page-title{font-size:1.25rem;font-weight:600;color:var(--fg);letter-spacing:-.01em}.page-subtitle{font-size:.8125rem;color:var(--fg-muted);margin-top:2px}.section-label{font-size:.6875rem;font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all .15s ease;font-size:.875rem;line-height:1;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{height:2.5rem;padding:0 1rem;background:var(--primary);color:var(--primary-fg)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-outline{height:2.5rem;padding:0 1rem;background:transparent;color:var(--fg-muted);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--muted);color:var(--fg)}.btn-ghost{height:2.25rem;padding:0 .75rem;background:transparent;color:var(--fg-muted)}.btn-ghost:hover:not(:disabled){background:var(--muted);color:var(--fg)}.btn-sm{height:2rem;padding:0 .75rem;font-size:.8125rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-lg);border:none;background:transparent;color:var(--fg-muted);cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:var(--muted);color:var(--fg)}.btn-icon svg{width:1rem;height:1rem}.btn-whatsapp{background:rgba(37,211,102,.1);color:#25d366}.btn-whatsapp:hover{background:rgba(37,211,102,.2)}.btn-email{background:var(--info-light);color:var(--info)}.btn-email:hover{background:#daebfb}.form-input{width:100%;height:2.75rem;padding:0 .875rem;border-radius:var(--radius-lg);border:1px solid var(--input-border);background:var(--bg);color:var(--fg);font-size:.875rem;transition:all .2s ease;outline:none}.form-input::placeholder{color:var(--fg-muted)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(53,83,233,.1)}.form-select{height:2.5rem;padding:0 2rem 0 .75rem;border-radius:var(--radius-lg);border:1px solid var(--input-border);background:var(--bg);color:var(--fg);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25rem;cursor:pointer;transition:all .2s ease;outline:none}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(53,83,233,.1)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--fg);margin-bottom:.375rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-input-icon{position:relative}.form-input-icon svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--fg-muted);pointer-events:none}.form-input-icon .form-input{padding-left:2.25rem}.input-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--fg-muted);cursor:pointer;padding:0;display:flex}.input-password-toggle:hover{color:var(--fg)}.tf-checkbox{width:1rem;height:1rem;border-radius:4px;border:1.5px solid var(--input-border);cursor:pointer;accent-color:var(--primary)}.status-pill{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500;white-space:nowrap;line-height:1.6}.status-pill-placed{background:rgba(185,191,202,.12);color:var(--status-placed)}.status-pill-processing{background:rgba(245,159,10,.1);color:var(--status-processing)}.status-pill-packed{background:rgba(165,75,210,.1);color:var(--status-packed)}.status-pill-shipped{background:rgba(35,133,231,.1);color:var(--status-shipped)}.status-pill-transit{background:rgba(23,149,211,.1);color:var(--status-transit)}.status-pill-out{background:rgba(231,133,35,.1);color:var(--status-out)}.status-pill-delivered{background:rgba(41,163,106,.1);color:var(--status-delivered)}.status-pill-cancelled{background:rgba(220,40,40,.1);color:var(--status-cancelled)}.status-pill-rto{background:rgba(172,57,57,.1);color:var(--status-rto)}.status-pill-default{background:var(--muted);color:var(--fg-muted)}.payment-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500}.payment-cod{background:var(--warning-light);color:var(--warning)}.payment-prepaid{background:var(--success-light);color:var(--success)}.role-pill{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.625rem;font-weight:500;text-transform:capitalize;background:var(--primary-light);color:var(--primary)}.stat-card{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stat-card-label{font-size:.6875rem;font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.stat-card-value{font-size:1.5rem;font-weight:600;color:var(--fg)}.stat-card-icon{width:1.125rem;height:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-subtle)}.sidebar{position:fixed;top:0;left:0;z-index:50;height:100vh;width:16rem;background:var(--card-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:transform .2s ease;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}@media (min-width:1024px){.sidebar{position:-webkit-sticky;position:sticky;z-index:auto;transform:translateX(0)}}.sidebar-brand{padding:1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.sidebar-brand-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);background:var(--primary);color:var(--primary-fg);display:flex;align-items:center;justify-content:center}.sidebar-brand-icon svg{width:1.25rem;height:1.25rem}.sidebar-brand-name{font-size:1rem;font-weight:600;color:var(--fg);letter-spacing:-.01em}.sidebar-brand-sub{font-size:.75rem;color:var(--fg-muted)}.sidebar-nav{flex:1 1;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.nav-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-lg);border:none;background:transparent;color:var(--fg-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.nav-btn:hover{background:var(--muted);color:var(--fg)}.nav-btn.active{background:var(--primary-light);color:var(--primary)}.nav-btn svg{width:1.125rem;height:1.125rem;flex-shrink:0}.sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.sidebar-user{gap:.75rem;margin-bottom:.75rem}.sidebar-avatar,.sidebar-user{display:flex;align-items:center}.sidebar-avatar{width:2.25rem;height:2.25rem;border-radius:9999px;background:var(--primary-light);color:var(--primary);justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.sidebar-user-name{font-size:.875rem;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-overlay{position:fixed;inset:0;background:rgba(17,24,39,.2);z-index:40}.mobile-header{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--card-bg);border-bottom:1px solid var(--border);padding:.75rem 1rem;align-items:center;gap:.75rem}.mobile-header-title{font-size:1rem;font-weight:600;color:var(--fg);text-transform:capitalize}@media (min-width:1024px){.mobile-header{display:none}}.main-content{flex:1 1;min-width:0}.main-inner{padding:1rem;max-width:80rem}@media (min-width:640px){.main-inner{padding:1.5rem}}@media (min-width:1024px){.main-inner{padding:2rem}}.table-card{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.table-scroll{overflow-x:auto}.tf-table{width:100%;font-size:.875rem;border-collapse:collapse}.tf-table thead tr{border-bottom:1px solid var(--border)}.tf-table th{text-align:left;padding:.75rem 1rem;font-size:.6875rem;font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tf-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .15s ease}.tf-table tbody tr:last-child{border-bottom:none}.tf-table tbody tr:hover{background:#f9fafb}.tf-table td{padding:.875rem 1rem;vertical-align:middle}.tf-table .col-hide-lg,.tf-table .col-hide-md,.tf-table .col-hide-sm{display:none}@media (min-width:640px){.tf-table .col-hide-sm{display:table-cell}}@media (min-width:768px){.tf-table .col-hide-md{display:table-cell}}@media (min-width:1024px){.tf-table .col-hide-lg{display:table-cell}}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.toolbar{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.toolbar{flex-direction:row}}.toolbar-search{position:relative;flex:1 1}.toolbar-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--fg-muted);pointer-events:none}.toolbar-search .form-input{height:2.5rem;padding-left:2.25rem}.bulk-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.bulk-count{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--primary-light);color:var(--primary)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--border)}.pagination-btn,.pagination-info{font-size:.8125rem;color:var(--fg-muted)}.pagination-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;transition:color .15s ease}.pagination-btn:hover:not(:disabled){color:var(--fg)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{width:1rem;height:1rem}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--card-bg);box-shadow:var(--shadow-md);position:relative}.upload-zone:hover{border-color:#b9bdc6}.upload-zone.dragging{border-color:var(--primary);background:var(--primary-light)}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-xl);background:var(--muted);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.upload-icon svg{width:1.5rem;height:1.5rem;color:var(--fg-muted)}.upload-title{font-size:.875rem;font-weight:500;color:var(--fg)}.upload-hint{font-size:.75rem;color:var(--fg-muted);margin-top:.25rem}.upload-results{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}@media (min-width:640px){.upload-results{grid-template-columns:repeat(4,1fr)}}.upload-result-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1rem;text-align:center}.upload-result-value{font-size:1.125rem;font-weight:600;color:var(--fg)}.upload-result-label{font-size:.6875rem;color:var(--fg-muted);margin-top:.125rem}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.info-box svg{width:1rem;height:1rem;color:var(--info);flex-shrink:0;margin-top:.125rem}.info-box-title{font-size:.875rem;font-weight:500;color:var(--fg);margin-bottom:.25rem}.info-box-text{font-size:.8125rem;color:var(--fg-muted);line-height:1.6}.alert-band{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;box-shadow:var(--shadow-xs)}.alert-info-band{background:var(--info-light);color:var(--info)}.alert-success-band{background:var(--success-light);color:var(--success)}.alert-error-band{background:var(--danger-light);color:var(--danger)}.alert-band svg{width:1rem;height:1rem;flex-shrink:0}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(17,24,39,.2);padding:1rem;animation:fadeIn .15s ease}.modal{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:28rem;max-height:85vh;overflow-y:auto;padding:1.5rem;animation:fadeInUp .25s ease}.modal-lg{max-width:40rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-title{font-size:1.125rem;font-weight:600;color:var(--fg)}.modal-subtitle{font-size:.75rem;color:var(--fg-muted);margin-top:.125rem}.modal-actions{display:flex;gap:.75rem;padding-top:.5rem}.modal-actions .btn{flex:1 1;height:2.5rem}.timeline{display:flex;flex-direction:column}.timeline-step{display:flex;gap:1rem}.timeline-track{flex-direction:column}.timeline-dot,.timeline-track{display:flex;align-items:center}.timeline-dot{width:.875rem;height:.875rem;border-radius:9999px;flex-shrink:0;justify-content:center}.timeline-dot svg{width:.5rem;height:.5rem}.timeline-dot-completed{background:var(--success);border:2px solid rgba(41,163,106,.2);color:#fff}.timeline-dot-active{background:var(--primary);border:2px solid rgba(53,83,233,.2);animation:pulseDot 2s ease-in-out infinite}.timeline-dot-pending{background:var(--muted);border:2px solid var(--border)}.timeline-dot-cancelled{background:var(--danger);border:2px solid rgba(220,40,40,.2);color:#fff}.timeline-line{width:2px;height:2rem;flex-shrink:0}.timeline-line-completed{background:rgba(41,163,106,.3)}.timeline-line-pending{background:var(--border)}.timeline-label{padding-bottom:1.5rem}.timeline-label:last-child{padding-bottom:0}.timeline-label-text{font-size:.875rem;font-weight:500}.timeline-label-text.completed{color:var(--success)}.timeline-label-text.active{color:var(--primary)}.timeline-label-text.pending{color:var(--fg-muted)}.timeline-label-text.cancelled{color:var(--danger)}.timeline-label-time{font-size:.75rem;color:var(--fg-muted);margin-top:.125rem}.remix-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem}@media (min-width:768px){.remix-grid{grid-template-columns:1fr 1fr}}.remix-left,.remix-right{display:flex;flex-direction:column;gap:1.25rem}.tracking-page{min-height:100vh;background:var(--bg-subtle);display:flex;flex-direction:column}.tracking-header{background:var(--card-bg);border-bottom:1px solid var(--border)}.tracking-header-inner{max-width:72rem;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.tracking-logo{background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tracking-logo,.tracking-logo img{width:2rem;height:2rem;border-radius:var(--radius-lg)}.tracking-logo img{object-fit:contain}.tracking-logo svg{width:1rem;height:1rem;color:var(--primary-fg)}.tracking-brand-name{font-size:1.125rem;font-weight:600;color:var(--fg);letter-spacing:-.01em}.tracking-body{max-width:72rem;margin:0 auto;padding:1.5rem 1rem;flex:1 1}.tracking-footer{border-top:1px solid var(--border);background:var(--card-bg);text-align:center;padding:1rem;font-size:.75rem;color:var(--fg-muted)}.order-id-pill{display:inline-block;padding:.5rem 1.25rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;color:var(--fg)}.order-id-pill,.track-status-section{margin-bottom:1.5rem}.track-status-text{font-size:1.375rem;font-weight:700;color:var(--primary);margin-top:.25rem}.track-status-text.delivered{color:var(--success)}.track-status-text.cancelled{color:var(--danger)}.track-status-text.in-transit{color:var(--info)}.track-delivery-date{font-size:1rem;font-weight:600;color:var(--fg);margin-top:.25rem}.detail-table{border-top:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.detail-row:last-child{border-bottom:none}.detail-key{color:var(--fg-muted);font-weight:400;flex-shrink:0}.detail-val{color:var(--fg);font-weight:500;text-align:right;margin-left:1rem;word-break:break-word}.track-item-card{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1rem 1.25rem}.track-item-header{display:flex;align-items:flex-start;gap:.75rem}.track-item-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem;font-weight:600}.track-item-name{font-size:.8125rem;font-weight:500;color:var(--fg);line-height:1.4}.track-item-tracking{font-size:.6875rem;color:var(--fg-muted);margin-top:.125rem}.track-activity{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.track-activity-title{font-size:.8125rem;font-weight:500;color:var(--primary);display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem}.track-activity-empty{font-size:.8125rem;color:var(--fg-muted)}.h-timeline{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem .5rem;overflow-x:auto}.h-timeline-step{flex-direction:column;flex:1 1;min-width:0}.h-timeline-icon,.h-timeline-step{display:flex;align-items:center;position:relative}.h-timeline-icon{width:2.75rem;height:2.75rem;border-radius:50%;justify-content:center;margin-bottom:.375rem;transition:all .2s ease;z-index:2}.h-timeline-icon svg{width:1.125rem;height:1.125rem}.h-timeline-icon.active,.h-timeline-icon.completed{background:var(--primary);color:#fff}.h-timeline-icon.active{animation:pulseDot 2s ease-in-out infinite}.h-timeline-icon.pending{background:var(--muted);color:var(--fg-muted);border:1.5px solid var(--border)}.h-timeline-icon.cancelled{background:var(--danger);color:#fff}.h-timeline-name{font-size:.5625rem;font-weight:500;text-align:center;color:var(--fg-muted);line-height:1.3;max-width:4.5rem}.h-timeline-name.active,.h-timeline-name.completed{color:var(--primary);font-weight:600}.h-timeline-step:after{content:"";position:absolute;top:1.375rem;left:50%;width:100%;height:2px;background:var(--border);z-index:1}.h-timeline-step:last-child:after{display:none}.h-timeline-step.completed:after{background:var(--primary)}.tracking-footer-brand{border-top:1px solid var(--border);background:var(--card-bg);padding:1.5rem 1rem}.tracking-footer-inner{max-width:48rem;margin:0 auto;display:flex;align-items:center;gap:.75rem}.tracking-footer-logo{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;overflow:hidden}.tracking-footer-logo img{width:100%;height:100%;object-fit:contain}.tracking-footer-name{font-size:.9375rem;font-weight:600;color:var(--fg)}.tracking-footer-support,.tracking-footer-tagline{font-size:.75rem;color:var(--fg-muted)}.tracking-footer-support{margin-top:.25rem}.items-list{display:flex;flex-direction:column;gap:.75rem}.item-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:var(--radius-lg);background:rgba(243,244,246,.5)}.item-info .item-name{font-size:.875rem;font-weight:500;color:var(--fg)}.item-brand-tag{display:inline-flex;padding:.0625rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:500;background:var(--muted);color:var(--fg-muted);margin-top:.25rem}.item-pricing{text-align:right}.item-price{font-size:.875rem;font-weight:500;color:var(--fg)}.item-qty{font-size:.75rem;color:var(--fg-muted)}.items-total{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border);font-size:.875rem}.items-total-label{font-weight:500;color:var(--fg-muted)}.items-total-value{font-weight:600;color:var(--fg)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);position:relative;overflow:hidden}.login-float{position:absolute;border-radius:50%;background:rgba(53,83,233,.04);animation:floatShape 6s ease-in-out infinite}.login-float-1{width:16rem;height:16rem;top:5rem;left:5rem}.login-float-2{width:12rem;height:12rem;bottom:5rem;right:5rem;animation-delay:2s;animation-duration:8s}.login-float-3{width:8rem;height:8rem;top:50%;right:25%;animation-delay:1s}.login-card{width:100%;max-width:28rem;padding:0 1.5rem;position:relative;z-index:10;animation:fadeInUp .4s ease forwards}.login-brand{text-align:center;margin-bottom:2rem}.login-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-xl);background:var(--primary);margin-bottom:1rem}.login-brand-icon svg{width:1.5rem;height:1.5rem;color:var(--primary-fg)}.login-brand h1{font-size:1.5rem;font-weight:600;color:var(--fg);letter-spacing:-.02em}.login-brand p{font-size:.875rem;color:var(--fg-muted);margin-top:.25rem}.business-card{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.business-card:hover{box-shadow:var(--shadow-lg)}.business-logo{width:3rem;height:3rem;border-radius:var(--radius-lg);background:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.business-logo img{width:100%;height:100%;object-fit:contain}.business-logo-letter{font-size:1.25rem;font-weight:600;color:var(--primary)}.business-info{flex:1 1;min-width:0}.business-name{font-size:.9375rem;font-weight:600;color:var(--fg)}.business-meta{font-size:.75rem;color:var(--fg-muted);margin-top:.125rem}.business-actions{display:flex;gap:.25rem}.businesses-grid{display:grid;grid-gap:1rem;gap:1rem}.logo-preview{width:4rem;height:4rem;border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--muted)}.logo-preview img{width:100%;height:100%;object-fit:contain}.toast{position:fixed;top:1rem;right:1rem;z-index:100;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;animation:slideInRight .3s ease,fadeOut .3s ease 3.5s forwards;box-shadow:var(--shadow-lg)}.toast-success{background:var(--success-light);color:var(--success);border:1px solid rgba(41,163,106,.15)}.toast-error{background:var(--danger-light);color:var(--danger);border:1px solid rgba(220,40,40,.15)}.toast svg{width:1rem;height:1rem;flex-shrink:0}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;gap:.75rem}.loading-center p{font-size:.875rem;color:var(--fg-muted)}.spinner{width:2rem;height:2rem;border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-lg{width:2.5rem;height:2.5rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state svg{width:2.5rem;height:2.5rem;color:var(--fg-muted);margin:0 auto .75rem;opacity:.5}.empty-state-title{font-size:.9375rem;font-weight:500;color:var(--fg);margin-bottom:.25rem}.empty-state-text{font-size:.8125rem;color:var(--fg-muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;font-size:.875rem}.detail-field-label{font-size:.6875rem;color:var(--fg-muted)}.detail-field-value{font-weight:500;color:var(--fg);margin-top:.125rem}.detail-field-full{grid-column:1/-1}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-3>*+*{margin-top:.75rem}.flex{display:flex}.flex-1{flex:1 1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-1{gap:.25rem}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--fg-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.max-w-2xl{max-width:42rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 rgba(53,83,233,.4)}50%{box-shadow:0 0 0 8px rgba(53,83,233,0)}}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-fade-in{animation:fadeIn .2s ease forwards}.courier-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-pill{font-size:.8125rem;padding:.375rem .75rem;border:1px solid var(--border);border-radius:var(--radius-lg);white-space:nowrap}@media (max-width:480px){.tracking-body{padding:.75rem .5rem}.tracking-header-inner{padding:.625rem .5rem}.tracking-footer-inner{padding:.625rem .5rem;flex-direction:column;text-align:center}.remix-grid{gap:.75rem}.tf-card{border-radius:var(--radius-lg)!important}.courier-avatar{width:2.25rem;height:2.25rem}}