@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--primary:#1677ff;--primary-hover:#0958d9;--secondary:#0b2c4c;--secondary-light:#123a60;--danger:#ff4d4f;--danger-hover:#ff7875;--success:#52c41a;--warning:#faad14;--neutral-gray:#e5e7eb;--bg-main:#f9fafb;--bg-card:#fff;--border:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--sans:"Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif;--radius-base:12px;--spacing-base:8px;box-sizing:border-box}*{box-sizing:inherit}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-top:0}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--secondary);color:#fff;border-right:1px solid #1565ff33;flex-direction:column;flex-shrink:0;width:240px;display:flex}.sidebar-header{border-bottom:1px solid #1565ff33;align-items:center;height:60px;padding:0 20px;display:flex}.sidebar-brand{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.sidebar-menu{flex:1;margin:0;padding:16px 0;list-style:none}.sidebar-item{color:#ffffffd9;cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background-color:#1565ff1a}.sidebar-item.active{background-color:var(--primary);color:#fff}.sidebar-footer{border-top:1px solid #1565ff33;padding:16px 20px}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.top-navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;height:60px;padding:0 24px;display:flex}.user-profile{align-items:center;gap:16px;display:flex}.content-container{flex:1;width:100%;max-width:1600px;padding:24px}.card{background-color:var(--bg-card);border-radius:var(--radius-base);border:1px solid var(--border);margin-bottom:24px;padding:24px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000000d}.form-group{margin-bottom:16px}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-control{border-radius:var(--radius-base);border:1px solid var(--border);background-color:var(--bg-card);width:100%;height:40px;color:var(--text-primary);outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1677ff33}.form-control:disabled{color:#ffffff59;cursor:not-allowed;background-color:#ffffff08;border-color:#1565ff33}.btn{border-radius:var(--radius-base);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);color:#fff}.btn-primary:disabled{color:#b8b8b8;cursor:not-allowed;background-color:#f5f5f5;border-color:#d9d9d9}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background-color:#fff}.btn-secondary:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background-color:#f9fafb}.btn-secondary:disabled{color:#b8b8b8;cursor:not-allowed;background-color:#f5f5f5;border-color:#d9d9d9}.btn-danger{color:var(--danger);border:1px solid var(--danger);background-color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger);color:#fff}.table-wrapper{border-radius:var(--radius-base);border:1px solid var(--border);background-color:#fff;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.custom-table th,.custom-table td{border-bottom:1px solid var(--border);padding:12px 16px}.custom-table th{color:var(--text-secondary);z-index:10;background-color:#f8fafc;font-weight:600;position:sticky;top:0}.custom-table tbody tr{background-color:#fff;transition:background-color .2s}.custom-table tbody tr:hover{background-color:#f9fafb}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:2px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-created{color:var(--neutral-gray);background-color:#ffffff1a;border:1px solid #ffffff26}.badge-picked_up{color:var(--primary-hover);background-color:#1565ff26;border:1px solid #1565ff4d}.badge-in_transit{color:var(--warning);background-color:#faad1426;border:1px solid #faad144d}.badge-delivered{color:var(--success);background-color:#52c41a26;border:1px solid #52c41a4d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#071e3dd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:2px;width:100%;max-width:600px;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 10px 40px #00000080}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:18px;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff}.timeline{border-left:2px solid #1565ff4d;margin:16px 0;padding-left:20px;position:relative}.timeline-item{margin-bottom:20px;position:relative}.timeline-item:before{content:"";background-color:var(--neutral-gray);border:2px solid var(--bg-card);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-27px}.timeline-item.status-created:before{background-color:#f39c12;box-shadow:0 0 8px #f39c1299}.timeline-item.status-picked_up:before{background-color:#3498db;box-shadow:0 0 8px #3498db99}.timeline-item.status-in_transit:before{background-color:#9b59b6;box-shadow:0 0 8px #9b59b699}.timeline-item.status-delivered:before{background-color:#2ecc71;box-shadow:0 0 8px #2ecc7199}.timeline-item.active:before{border:2px solid #fff}.timeline-time{color:var(--text-secondary);font-size:11px;font-weight:500}.timeline-title{color:#fff;margin:2px 0;font-size:13px;font-weight:700}.timeline-desc{color:var(--text-secondary);font-size:13px}.autofill-dropdown{background-color:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:2px;width:100%;max-height:200px;margin-top:4px;padding:0;list-style:none;position:absolute;overflow-y:auto;box-shadow:0 4px 15px #0006}.autofill-item{cursor:pointer;border-bottom:1px solid #1565ff1a;padding:10px 12px;font-size:13px;transition:background-color .2s}.autofill-item:hover{background-color:var(--bg-main)}.autofill-title{color:var(--text-primary);font-weight:600}.autofill-subtitle{color:var(--text-secondary);font-size:11px}.shipping-label-list{flex-direction:column;align-items:center;gap:24px;margin-top:16px;display:flex}.shipping-label{color:#000;box-sizing:border-box;background-color:#fff;border:2px solid #000;width:380px;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4}.label-row{border-bottom:2px solid #000;display:flex}.label-row:last-child{border-bottom:none}.label-cell{border-right:2px solid #000;padding:8px}.label-cell:last-child{border-right:none}.label-header{color:#fff;background-color:#000;justify-content:space-between;align-items:center;padding:8px;font-weight:700;display:flex}.label-title{letter-spacing:.5px;font-size:14px}.label-service{text-align:center;color:#fff;background-color:#000;padding:10px;font-size:18px;font-weight:800}.address-block{font-size:11px}.address-title{color:#333;margin-bottom:2px;font-size:9px;font-weight:700}.mock-barcode{background:repeating-linear-gradient(90deg,#000,#000 2px,#fff 2px 5px,#000 5px 8px,#fff 8px 10px,#000 10px 11px,#fff 11px 14px);width:100%;height:60px;margin:8px 0}.mock-qr-code{text-align:center;background:radial-gradient(circle at 10% 10%,#000 15%,#0000 16%),radial-gradient(circle at 90% 10%,#000 15%,#0000 16%),radial-gradient(circle at 10% 90%,#000 15%,#0000 16%),repeating-linear-gradient(45deg,#000,#000 2px,#fff 2px 4px);border:1px solid #000;justify-content:center;align-items:center;width:70px;height:70px;font-size:8px;font-weight:700;display:flex}@media print{body{color:#000;background-color:#fff}.dashboard-layout,.top-navbar,.sidebar,.modal-overlay button,.modal-close,.label-actions-header{display:none!important}.modal-overlay{background-color:#0000;padding:0;position:static}.modal-content{box-shadow:none;max-width:100%;max-height:100%;padding:0}.shipping-label-list{gap:0;margin:0}.shipping-label{page-break-after:always;border:2px solid #000;width:4in;height:6in}}@keyframes ticker-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-container{white-space:nowrap;width:100%;display:flex;position:relative;overflow:hidden}.ticker-content{white-space:nowrap;animation:30s linear infinite ticker-marquee;display:inline-flex}.ticker-content:hover{animation-play-state:paused}.ticker-item{align-items:center;margin-right:40px;display:inline-flex}.status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.status-pill.status-created{color:#1a73e8;background-color:#e8f0fe;border:1px solid #1a73e8}.status-pill.status-pending-pickup{color:#e67c73;background-color:#fce8e6;border:1px solid #e67c73}.status-pill.status-picked-up{color:#8e24aa;background-color:#f3e8fd;border:1px solid #8e24aa}.status-pill.status-in-transit{color:#3f51b5;background-color:#e8eaf6;border:1px solid #3f51b5}.status-pill.status-out-for-delivery{color:#f29900;background-color:#fef7e0;border:1px solid #f29900}.status-pill.status-delivered{color:#1e8e3e;background-color:#e6f4ea;border:1px solid #1e8e3e}.status-pill.status-cancelled{color:#d93025;background-color:#fce8e6;border:1px solid #d93025}.table-row-hover{transition:background-color .2s}.table-row-hover:hover{background-color:#ffffff0a}.tracking-link{color:var(--text-primary);font-family:monospace;text-decoration:none;transition:all .2s}.tracking-link:hover{color:#5ba4ff;text-decoration:underline}.action-icon-img{cursor:pointer;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:block}.action-icon-img:hover{transform:scale(1.15)}.action-btn-wrapper{cursor:pointer;background:0 0;border:none;margin:0;padding:0}.action-btn-wrapper:focus-visible{outline-offset:2px;border-radius:50%;outline:2px solid #5ba4ff}.focus-ring:focus-visible{outline-offset:2px;outline:2px solid #5ba4ff}