@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Play:wght@400;700&display=swap";:root{--color-primary: #1c3e79;--color-primary-dark: #114287;--color-primary-darker: #091c38;--color-accent: #3498db;--color-accent-light: #2cc4ff;--color-light-blue: #ecf1f5;--color-success: #27ae60;--color-warning: #f39c12;--color-danger: #e74c3c;--color-text: #5D5D5D;--color-text-dark: #606060;--color-gray: #95a5a6;--color-gray-light: #D4D4D4;--color-white: #FFF;--color-dark: #1e293b;--color-border: #e2e8f0;--font-primary: "Montserrat", sans-serif;--font-headings: "Play", sans-serif;--spacing-base: 8px;--border-radius: 9px;--border-radius-lg: 10px;--transition: .3s ease-in-out;--shadow: -1px 3px 15px rgba(9, 28, 56, .24);--portal-topbar-height: 42px;--module-nav-height: 44px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);font-size:16px;line-height:1.75;color:var(--color-text);background:var(--color-light-blue);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--color-primary);line-height:1.15;font-weight:700}h1{font-size:clamp(40px,5vw,60px);text-transform:uppercase;letter-spacing:.02em}h2{font-size:clamp(32px,4vw,55px);line-height:1.16}h3{font-size:clamp(30px,3vw,38px)}h4{font-size:clamp(16px,2vw,22px);letter-spacing:.02em}button{font-family:var(--font-primary);border:none;cursor:pointer;transition:var(--transition);font-weight:700}.btn-primary{background:var(--color-primary);color:var(--color-white);padding:12px 38px;border-radius:var(--border-radius-lg);font-size:16px;font-weight:700;box-shadow:var(--shadow);transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:-2px 5px 20px #091c384d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-accent);color:var(--color-white);padding:12px 38px;border-radius:var(--border-radius-lg);font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background:var(--color-primary-dark)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%)}.login-card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:calc(var(--spacing-base) * 6);width:100%;max-width:480px}.login-header{text-align:center;margin-bottom:calc(var(--spacing-base) * 4)}.login-header h1{margin-bottom:calc(var(--spacing-base) * 2);color:var(--color-primary)}.login-header p{color:var(--color-text);font-size:18px}.login-form{display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 3)}.form-group{display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 1);min-width:0}.form-group label{font-weight:700;color:var(--color-primary);font-size:14px;letter-spacing:.02em}.form-group input{padding:calc(var(--spacing-base) * 2);border:2px solid var(--color-gray-light);border-radius:var(--border-radius);font-size:16px;font-family:var(--font-primary);transition:var(--transition);min-width:0;width:100%;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-accent-light);box-shadow:0 0 0 3px #2cc4ff1a}.form-group input:disabled{background:var(--color-light-blue);cursor:not-allowed}.form-group input.input-error{border-color:var(--color-danger)}.form-group input.input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #e74c3c1a}.form-group .validation-error{color:var(--color-danger);font-size:14px;font-weight:600;margin-top:4px}.req{color:var(--color-danger);margin-left:2px}.error-message{display:flex;align-items:center;gap:calc(var(--spacing-base) * 1);padding:calc(var(--spacing-base) * 2);background:#e74c3c1a;border-left:4px solid var(--color-danger);border-radius:var(--border-radius);color:var(--color-danger);font-weight:700}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing-base) * 3);color:var(--color-primary)}.spinner{width:48px;height:48px;border:4px solid var(--color-gray-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rush-blink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.shipping-board{min-height:100vh}.board-header{background:var(--color-primary);color:var(--color-white);padding:calc(var(--spacing-base) * 1.5) calc(var(--spacing-base) * 3);box-shadow:var(--shadow)}.header-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing-base) * 3);flex-wrap:wrap}.header-title{display:flex;align-items:center;gap:calc(var(--spacing-base) * 2)}.header-title .logo{height:72px;width:72px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.header-content h1{color:var(--color-white);margin:0}.header-datetime{color:#ffffffd9;font-size:16px;font-weight:400;margin-top:4px;font-family:var(--font-primary)}.header-stats{display:flex;gap:calc(var(--spacing-base) * 2);align-items:flex-start}.stat-tiles-column{display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 1)}.stat-tiles-row{display:flex;gap:calc(var(--spacing-base) * 2);flex-wrap:wrap;align-items:flex-start}.stat-badge{display:flex;align-items:center;gap:calc(var(--spacing-base) * .75);background:#ffffff26;padding:6px calc(var(--spacing-base) * 1.5);border-radius:var(--border-radius);font-weight:700;font-size:13px;align-self:flex-start}.stat-badge.total-shipped{background:var(--color-success);padding:calc(var(--spacing-base) * 1) calc(var(--spacing-base) * 2);font-size:14px;box-shadow:0 4px 12px #0003}.total-shipped-content{display:flex;flex-direction:column;gap:1px}.total-shipped-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.total-shipped-value{font-size:20px;font-weight:900;font-family:var(--font-headings);line-height:1}.total-shipped-count{font-size:11px;font-weight:600;opacity:.9;margin-top:1px}.total-shipped-monthly{font-size:10px;font-weight:600;opacity:.8;margin-top:2px;padding-top:4px;border-top:1px solid rgba(255,255,255,.3)}.stat-quote-panel{display:flex;flex-direction:column;gap:2px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:var(--border-radius);padding:6px 10px 7px}.stat-quote-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffa6;line-height:1}.stat-quote-text{font-size:12px;font-style:italic;font-weight:500;color:#fffffff2;line-height:1.45;font-family:var(--font-primary);max-width:420px}.view-filters-container{margin:0 auto;padding:calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 3) 0;display:flex;gap:calc(var(--spacing-base) * 1.5);flex-wrap:nowrap;align-items:center;justify-content:space-between}.view-filters{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0;align-items:center}.view-filter-btn{background:var(--color-white);color:var(--color-primary);padding:6px 10px;border-radius:var(--border-radius);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 8px #0000001a;transition:var(--transition);display:inline-flex;align-items:center;gap:3px;border:2px solid transparent;white-space:nowrap}.view-filter-btn:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.view-filter-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-accent);box-shadow:0 4px 12px #1c3e794d}.view-count{background:#fff3;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:700}.view-filter-btn:not(.active) .view-count{background:#1c3e791a;color:var(--color-primary)}.card-view-btn{gap:calc(var(--spacing-base) * 1)}.quality-pill-btn{background:#fff;color:#1e293b;padding:6px 10px;border-radius:9px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 8px #0000001a;transition:all .3s ease-in-out;display:inline-flex;align-items:center;gap:4px;border:2px solid transparent;white-space:nowrap;cursor:pointer;font-family:Montserrat,sans-serif;flex-shrink:0}.quality-pill-btn:hover{background:#7c3aed;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed40}.quality-pill-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed4d}.quality-pill-btn.active-outline{background:#f5f3ff;color:#7c3aed;border-color:#7c3aed;box-shadow:0 2px 8px #00000014}.quality-pill-btn.active-outline:hover{background:#7c3aed;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed40}.card-field-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000040;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;animation:overlayFadeIn .18s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.card-field-settings{background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 8px 40px #00000038,0 2px 8px #0000001a;padding:calc(var(--spacing-base) * 3);width:100%;max-width:600px;max-height:calc(100vh - 140px);overflow-y:auto;animation:slideDown .22s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.field-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-base) * 2);padding-bottom:calc(var(--spacing-base) * 2);border-bottom:2px solid var(--color-light-blue)}.field-settings-header h3{font-size:18px;font-weight:700;color:var(--color-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.field-settings-header-actions{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:10px}.field-bulk-action-btn{background:transparent;border:none;padding:2px 6px;font-size:11px;font-weight:600;color:var(--color-primary);cursor:pointer;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;opacity:.6;transition:var(--transition)}.field-bulk-action-btn:hover{opacity:1;background:var(--color-light-blue)}.field-bulk-action-divider{font-size:12px;color:var(--color-gray);opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.close-settings-btn{background:transparent;color:var(--color-gray);font-size:28px;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--transition)}.close-settings-btn:hover{background:var(--color-light-blue);color:var(--color-primary)}.field-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:calc(var(--spacing-base) * 1.5)}.field-settings-divider{border:none;border-top:1px solid rgba(28,62,121,.12);margin:calc(var(--spacing-base) * 2) 0 calc(var(--spacing-base) * 1)}.field-settings-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted, #6b7280);margin-bottom:calc(var(--spacing-base) * 1)}.field-checkbox{display:flex;align-items:center;gap:calc(var(--spacing-base) * 1);padding:calc(var(--spacing-base) * 1.5);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--color-light-blue)}.field-checkbox:hover{background:#1c3e791a}.field-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);border-radius:4px}.field-checkbox span{font-size:14px;font-weight:600;color:var(--color-text-dark)}.board-container{margin:0 auto;padding:calc(var(--spacing-base) * 3)}.today-focused-layout{display:flex;justify-content:center;margin-bottom:calc(var(--spacing-base) * 4)}.today-focused-layout .day-column.today-focused{width:100%;max-width:none;max-height:none}.today-focused-layout .order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:calc(var(--spacing-base) * 2);max-height:none;overflow-y:visible}.day-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(var(--spacing-base) * 3);margin-bottom:calc(var(--spacing-base) * 4)}@media (min-width: 768px){.day-columns{grid-template-columns:repeat(5,1fr)}}.day-column{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:85vh}.day-column.today{box-shadow:0 0 0 3px var(--color-accent)}.day-header{background:var(--color-primary);color:var(--color-white);padding:calc(var(--spacing-base) * 2);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.day-header h2{font-size:20px;color:var(--color-white);margin:0}.day-date{color:#ffffffd9;font-size:13px;font-weight:400;margin-top:2px;font-family:var(--font-primary)}.day-value{color:#ffffffe6;font-size:13px;font-weight:600;font-family:var(--font-primary);letter-spacing:.01em;white-space:nowrap}.order-count{background:#ffffff40;padding:4px 12px;border-radius:20px;font-weight:700;font-size:14px}.order-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(var(--spacing-base) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 2);min-height:100px}.order-card.clickable:hover{box-shadow:0 4px 12px #00000026}.order-card.unprinted .order-card-content{background:#ffa5001f;border-left-width:6px}.order-card.unprinted .order-card-content:hover{background:#ffa5002e}.order-card.overdue{background:#e74c3c0d;border-left-color:var(--color-danger)}.order-header-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing-base) * 1);min-width:0;flex-wrap:wrap}.order-number{font-weight:900;color:var(--color-primary);font-size:18px;display:flex;align-items:center;gap:calc(var(--spacing-base) * 1);flex-wrap:wrap;min-width:0}.rush-badge{background:var(--color-danger);color:var(--color-white);padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;animation:rush-blink 1.5s ease-in-out infinite}.carryover-badge{background:var(--color-warning);color:var(--color-white);padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sales-update-badge{background:#f39c12;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.sales-update-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;max-width:100%;overflow:hidden}.sales-update-time{font-size:10px;color:#f39c12;font-weight:500}.sales-update-ack-btn{font-size:10px;color:#f39c12;background:none;border:1px solid #f39c12;border-radius:4px;padding:1px 6px;cursor:pointer;font-weight:600;transition:background .15s,color .15s;white-space:nowrap}.sales-update-ack-btn:hover{background:#f39c12;color:#fff}.sales-field-highlight{background:#fef3c7!important;border-color:#f59e0b!important;outline:none;box-shadow:0 0 0 2px #f59e0b47!important;transition:background .2s,box-shadow .2s;color:#92400e!important;font-weight:600!important}.sales-field-highlight-group{position:relative;background:#fde68a40;border-radius:6px;padding:2px 4px;margin-bottom:2px}.sales-field-highlight-group:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:4px;background:#f59e0b;border-radius:2px}.sales-field-label{display:flex;align-items:center;gap:6px;color:#78350f;font-weight:700}.sales-field-tag{display:inline-flex;align-items:center;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#92400e;background:#fde68a;border:1px solid #f59e0b;border-radius:3px;padding:1px 6px;line-height:1.4}.carryover-info{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-warning);font-weight:600;margin-top:4px;padding:4px 8px;background:#f39c121a;border-radius:4px}.order-card.carryover .order-card-content{border-left-width:5px;background:linear-gradient(to right,rgba(243,156,18,.05),transparent)}.order-card{position:relative;display:flex;flex-direction:column;width:100%;max-width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none}.order-card-main-row{display:flex;gap:8px;width:100%}.order-card:has(.shipped-toggle-container) .order-card-content{border-radius:var(--border-radius) var(--border-radius) 0 0}.order-card-drag-handle{display:flex;align-items:flex-start;justify-content:center;padding:8px 4px;cursor:grab;color:var(--color-gray);opacity:.6;transition:opacity .2s ease;flex-shrink:0;width:24px;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.order-card-drag-handle:hover{opacity:1;color:var(--color-primary)}.order-card-drag-handle:active{cursor:grabbing}.order-card-content{flex:1;min-width:0;padding:calc(var(--spacing-base) * 2);border-left:4px solid;border-radius:var(--border-radius);background:var(--color-white);box-shadow:0 2px 8px #00000014;transition:box-shadow .2s ease;display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 1.5);overflow-wrap:break-word}.order-card.clickable .order-card-content:hover{box-shadow:0 4px 16px #0000001f}.order-card.dragging{opacity:.5}.order-card *{box-sizing:border-box;max-width:100%}.droppable-day-zone{flex:1;display:flex;flex-direction:column;min-height:0}.droppable-day-zone.drag-over{background:#1c3e7908;border-radius:var(--border-radius)}.order-card-simple-wrapper{display:flex;flex-direction:column}.order-card-simple-wrapper:has(.shipped-toggle-container) .order-card-simple,.order-card-simple-wrapper:has(.printed-toggle-container) .order-card-simple{border-radius:var(--border-radius) var(--border-radius) 0 0}.order-card-simple-wrapper .shipped-toggle-container{margin-left:0;border-radius:0 0 var(--border-radius) var(--border-radius)}.order-card-simple-wrapper .printed-toggle-container{margin-left:0}.order-card-simple{padding:calc(var(--spacing-base) * 2);border-left:4px solid;border-radius:var(--border-radius);background:var(--color-white);box-shadow:0 2px 8px #00000014;transition:var(--transition);display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 1.5)}.order-card-simple.clickable{cursor:pointer}.order-card-simple.clickable:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--border-radius);color:var(--color-white);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-height:28px}.status-badge-content{display:flex;flex-direction:column;gap:2px;align-items:flex-start;white-space:nowrap}.status-name{line-height:1.1;white-space:nowrap}.status-duration{font-size:9px;font-weight:600;opacity:.9;text-transform:none;letter-spacing:.02em;line-height:1.1;white-space:nowrap;color:#fff}.order-customer{font-size:14px;color:var(--color-text-dark);font-weight:700}.order-value{display:flex;align-items:center;gap:6px;font-size:15px;color:var(--color-success);font-weight:900;padding:6px;background:#27ae601a;border-radius:var(--border-radius)}.order-credit-card{display:flex;align-items:center;gap:6px;font-size:13px;color:#3b82f6;font-weight:700;padding:6px;background:#3b82f61a;border-radius:var(--border-radius)}.order-instructions,.order-tracking,.order-shipper,.order-waiting,.order-assigned{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--color-text);padding:6px;background:var(--color-light-blue);border-radius:var(--border-radius)}.order-instructions{background:#f39c121a;color:var(--color-warning);font-weight:700}.empty-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing-base) * 2);padding:calc(var(--spacing-base) * 4);color:var(--color-gray);text-align:center}.overdue-section{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;margin-top:calc(var(--spacing-base) * 4)}.overdue-header{background:var(--color-danger);color:var(--color-white);padding:calc(var(--spacing-base) * 2)}.overdue-header h2{display:flex;align-items:center;gap:calc(var(--spacing-base) * 1);color:var(--color-white);margin:0;font-size:20px}.overdue-list{padding:calc(var(--spacing-base) * 2);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:calc(var(--spacing-base) * 2)}.overdue-date{font-size:12px;font-weight:700;color:var(--color-danger);text-transform:uppercase}.archived-section{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;margin-top:calc(var(--spacing-base) * 4)}.archived-header{background:var(--color-gray);color:var(--color-white);padding:calc(var(--spacing-base) * 2)}.archived-header h2{display:flex;align-items:center;gap:calc(var(--spacing-base) * 1);color:var(--color-white);margin:0;font-size:20px}.archived-list{padding:calc(var(--spacing-base) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 1);max-height:400px;overflow-y:auto}.archived-item{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-base) * 2);background:var(--color-light-blue);border-radius:var(--border-radius);border-left:4px solid var(--color-success);gap:calc(var(--spacing-base) * 2);flex-wrap:wrap}.archived-info{display:flex;align-items:center;gap:calc(var(--spacing-base) * 1.5);flex:1;min-width:200px}.archived-icon{color:var(--color-success);flex-shrink:0}.archived-order-number{font-weight:900;color:var(--color-primary);font-size:16px}.archived-customer{color:var(--color-text);font-size:14px}.archived-details{display:flex;align-items:center;gap:calc(var(--spacing-base) * 2);flex-wrap:wrap;font-size:13px;color:var(--color-text)}.archived-shipper{display:flex;align-items:center;gap:6px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.5px;color:var(--color-text);background:#0000000d;padding:4px 8px;border-radius:4px}.archived-tracking{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--color-primary)}.archived-value{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-success)}.archived-date{color:var(--color-gray);font-size:12px}.app-container{min-height:0}.app-nav{background:var(--color-primary);display:flex;gap:0;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.nav-button{flex:1;padding:calc(var(--spacing-base) * 1.5) calc(var(--spacing-base) * 3);background:transparent;color:#ffffffb3;border:none;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-base) * 1);transition:var(--transition);cursor:pointer;border-bottom:3px solid transparent}.nav-button:hover{background:#ffffff1a;color:var(--color-white)}.nav-button.active{color:var(--color-white);border-bottom-color:var(--color-accent);background:#ffffff0d}.admin-panel{width:min(92vw,1600px);margin:0 auto;padding:calc(var(--spacing-base) * 3)}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--spacing-base) * 4);flex-wrap:wrap;gap:calc(var(--spacing-base) * 2)}.admin-header h1{margin:0}.order-form-container{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:calc(var(--spacing-base) * 3);margin-bottom:calc(var(--spacing-base) * 4)}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--spacing-base) * 3);padding-bottom:calc(var(--spacing-base) * 2);border-bottom:2px solid var(--color-gray-light)}.form-header h2{margin:0;font-size:28px}.btn-icon{background:transparent;color:var(--color-text);padding:calc(var(--spacing-base) * 1);border-radius:var(--border-radius);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-icon:hover{background:var(--color-light-blue);color:var(--color-primary)}.btn-icon.btn-danger:hover{background:#e74c3c1a;color:var(--color-danger)}.order-form{display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 3)}.form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--spacing-base) * 3)}@media (max-width: 1100px){.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 700px){.form-grid{grid-template-columns:1fr}}.form-group.full-width{grid-column:1 / -1}.form-group.checkbox-group{display:flex;align-items:center}.form-group.checkbox-group label{display:flex;align-items:center;gap:calc(var(--spacing-base) * 1);cursor:pointer;text-transform:none;font-weight:400;color:var(--color-text)}.form-group.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-group select,.form-group textarea{padding:calc(var(--spacing-base) * 2);border:2px solid var(--color-gray-light);border-radius:var(--border-radius);font-size:16px;font-family:var(--font-primary);transition:var(--transition);min-width:0;width:100%;box-sizing:border-box}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-light);box-shadow:0 0 0 3px #2cc4ff1a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:calc(var(--spacing-base) * 2);justify-content:flex-end;padding-top:calc(var(--spacing-base) * 2);border-top:2px solid var(--color-gray-light)}.orders-table-container{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:calc(var(--spacing-base) * 3)}.orders-table-container h2{margin:0 0 calc(var(--spacing-base) * 3) 0;font-size:28px}.table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-size:14px}.orders-table thead{background:var(--color-primary);color:var(--color-white)}.orders-table th{padding:calc(var(--spacing-base) * 2);text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12px;white-space:nowrap}.orders-table td{padding:calc(var(--spacing-base) * 2);border-bottom:1px solid var(--color-gray-light);color:var(--color-text)}.orders-table tbody tr:hover{background:var(--color-light-blue)}.orders-table tbody tr:last-child td{border-bottom:none}.table-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--border-radius);color:var(--color-white);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table-actions{display:flex;gap:calc(var(--spacing-base) * 1)}.empty-state{text-align:center;padding:calc(var(--spacing-base) * 6);color:var(--color-gray);font-size:16px}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start}.day-columns,.overdue-list{grid-template-columns:1fr}.form-actions{flex-direction:column}.table-wrapper{overflow-x:scroll}.view-filters-container{flex-wrap:wrap;flex-direction:column;align-items:stretch}.day-timeline-compact{min-width:100%;max-width:100%}}.day-timeline-compact{background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;padding:8px 12px;border:2px solid var(--color-gray-light);min-width:280px;max-width:380px;flex-shrink:1}.day-timeline-compact .timeline-bar{height:8px;background:var(--color-gray-light);border-radius:20px;overflow:hidden;position:relative;margin-bottom:6px}.day-timeline-compact .timeline-progress{height:100%;transition:width 1s ease-out,background-color .5s ease-out,box-shadow .5s ease-out;border-radius:20px;position:relative}.day-timeline-compact .timeline-progress:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#fff9;box-shadow:0 0 6px #ffffffe6}.timeline-labels-compact{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;font-size:10px;font-weight:700;color:var(--color-text)}.timeline-time{color:var(--color-gray);font-size:10px;text-transform:uppercase;letter-spacing:.03em}.timeline-current-compact{color:var(--color-primary);font-size:11px;font-family:var(--font-headings);font-weight:900;margin-right:auto}.timeline-stat-compact{font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:lowercase;white-space:nowrap}.timeline-stat-compact.shipped{background:#27ae6026;color:var(--color-success)}.timeline-stat-compact.pending{background:#f39c1226;color:var(--color-warning)}.celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1c3e79d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.celebration-content{background:var(--color-white);border-radius:var(--border-radius-lg);padding:calc(var(--spacing-base) * 6);text-align:center;box-shadow:0 20px 60px #0000004d;animation:celebrationBounce .6s ease-out;position:relative;overflow:hidden;max-width:500px;margin:20px}@keyframes celebrationBounce{0%{transform:scale(.3) translateY(-100px);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.celebration-icon{font-size:80px;margin-bottom:calc(var(--spacing-base) * 2);animation:celebrationPulse 1s ease-in-out infinite}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.celebration-text{display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 1)}.celebration-title{font-family:var(--font-headings);font-size:36px;font-weight:900;color:var(--color-success);text-transform:uppercase;letter-spacing:.05em}.celebration-order{font-family:var(--font-headings);font-size:28px;font-weight:700;color:var(--color-primary)}.celebration-message{font-size:18px;color:var(--color-text);font-weight:600;margin-top:calc(var(--spacing-base) * 1)}.celebration-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(600px) rotate(720deg);opacity:0}}.status-history-container{margin-top:24px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--border-radius)}.status-history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:var(--color-primary);gap:8px}.status-history-toggle:hover .status-history-title-text{text-decoration:underline}.status-history-toggle-left{display:flex;align-items:center;gap:8px}.status-history-title-text{font-size:16px;font-weight:700}.status-history-summary{font-size:13px;font-weight:400;color:#64748b}.status-history-body{margin-top:16px}.status-history-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-primary);margin-bottom:8px}.status-history-note{font-size:13px;color:#64748b;margin-bottom:16px;font-style:italic}.status-history-timeline{display:flex;flex-direction:column;gap:16px}.status-history-record{display:flex;gap:16px;position:relative}.status-history-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.status-marker-current{width:16px;height:16px;border-radius:50%;background:var(--color-success);border:3px solid #d1fae5;box-shadow:0 0 0 4px #22c55e1a;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-marker-completed{width:12px;height:12px;border-radius:50%;background:#94a3b8;border:2px solid #cbd5e1}.status-connector{width:2px;flex:1;background:#cbd5e1;margin-top:4px}.status-history-content{flex:1;padding-bottom:8px}.status-history-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.status-history-name{font-weight:600;font-size:15px;color:var(--color-primary-dark)}.status-current-badge{padding:2px 8px;background:var(--color-success);color:#fff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-history-times{display:flex;flex-direction:column;gap:4px}.status-time-item{display:flex;gap:8px;font-size:13px}.status-time-label{color:#64748b;font-weight:500;min-width:60px}.status-time-value{color:var(--color-text-dark);font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.report-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table thead{background:var(--color-primary);color:#fff}.report-table thead th{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.report-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s ease}.report-table tbody tr.report-row-header:hover{background:#f8fafc}.report-table tbody td{padding:12px 16px;vertical-align:middle}.report-row-details td{padding:0!important;background:#f8fafc}.status-history-details{padding:20px 24px}.status-history-details h4{margin:0 0 16px;color:var(--color-primary);font-size:15px;font-weight:700}.history-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.history-table thead{background:#f1f5f9}.history-table thead th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.history-table tbody tr{border-bottom:1px solid #e2e8f0}.history-table tbody tr:last-child{border-bottom:none}.history-table tbody tr.active-status-row{background:#eff6ff}.history-table tbody td{padding:10px 12px;font-size:13px}.status-pill{display:inline-block;padding:4px 12px;background:var(--color-primary);color:#fff;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.shipped-toggle-container{margin-left:32px;padding:calc(var(--spacing-base) * 1.5) calc(var(--spacing-base) * 2);border-top:1px solid var(--color-gray-light);background:var(--color-white);border-radius:0 0 var(--border-radius) var(--border-radius);cursor:default}.shipped-toggle-label{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shipped-toggle-text{font-size:13px;font-weight:600;color:var(--color-text-dark);text-transform:uppercase;pointer-events:none;letter-spacing:.3px}.shipped-toggle-wrapper{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.shipped-toggle-input{opacity:0;width:0;height:0;position:absolute}.shipped-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:28px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.shipped-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.shipped-toggle-input:checked+.shipped-toggle-slider{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.shipped-toggle-input:checked+.shipped-toggle-slider:before{transform:translate(24px)}.shipped-toggle-input:disabled+.shipped-toggle-slider{cursor:not-allowed;opacity:.8}.shipped-toggle-input:not(:disabled):not(:checked)+.shipped-toggle-slider:hover{background:#94a3b8}.shipped-toggle-input:not(:disabled):checked+.shipped-toggle-slider:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 10px #10b98166}.printed-toggle-container{margin-left:32px;padding:calc(var(--spacing-base) * 1.5) calc(var(--spacing-base) * 2);border-top:1px solid var(--color-gray-light);background:var(--color-white);cursor:default}.printed-toggle-label{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.printed-toggle-text{font-size:13px;font-weight:600;color:var(--color-text-dark);text-transform:uppercase;pointer-events:none;letter-spacing:.3px}.printed-toggle-slider{background:#cbd5e1}.shipped-toggle-input:checked+.printed-toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.shipped-toggle-input:not(:disabled):not(:checked)+.printed-toggle-slider:hover{background:#94a3b8}.shipped-toggle-input:not(:disabled):checked+.printed-toggle-slider:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 10px #3b82f666}.order-card:has(.printed-toggle-container) .order-card-content{border-radius:var(--border-radius) var(--border-radius) 0 0}.printed-toggle-container+.shipped-toggle-container{border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius)}.card-action-group{display:flex;margin:0 10px 8px;border-radius:var(--border-radius);overflow:hidden;border:1px solid rgba(0,0,0,.09)}.card-action-btn{flex:1;padding:5px 4px;font-size:.67rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:none;background:#f1f5f9;color:#94a3b8;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;border-right:1px solid rgba(0,0,0,.07)}.card-action-btn:last-child{border-right:none}.card-action-btn:hover:not(.card-action-btn--active):not(.card-action-btn--completed){background:#e2e8f0;color:#475569}.card-action-btn--completed{cursor:default}.card-action-btn--completed.card-action-btn--printed{background:#1d6fb8;color:#fff;opacity:.72}.card-action-btn--completed.card-action-btn--packed{background:#0f7e6b;color:#fff;opacity:.72}.card-action-btn--active{cursor:default;box-shadow:inset 0 -2px #00000026}.card-action-btn--active.card-action-btn--printed{background:#2563eb;color:#fff}.card-action-btn--active.card-action-btn--packed{background:#0d9488;color:#fff}.card-action-btn--active.card-action-btn--shipped{background:#16a34a;color:#fff;box-shadow:inset 0 -2px #0000002e}.verified-checkbox-container{display:flex;align-items:center;gap:6px;padding:5px calc(var(--spacing-base) * 2) 5px 10px;margin-left:32px;border-top:1px solid var(--color-gray-light);background:var(--color-white);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:0 0 var(--border-radius) var(--border-radius)}.verified-checkbox-container:hover .verified-checkbox{border-color:#16a34a}.verified-checkbox{width:14px;height:14px;border:1.5px solid #cbd5e1;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s;background:#fff}.verified-checkbox.verified-checked{background:#16a34a;border-color:#16a34a}.verified-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;transition:color .15s}.verified-checkbox-container:has(.verified-checked) .verified-label{color:#16a34a}.order-card:has(.verified-checkbox-container) .order-card-content{border-radius:var(--border-radius) var(--border-radius) 0 0}.shipped-toggle-container+.verified-checkbox-container,.printed-toggle-container+.verified-checkbox-container{border-radius:0 0 var(--border-radius) var(--border-radius)}.shipped-celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#10b981f2,#059669f2);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shipped-celebration-content{position:relative;z-index:10001;text-align:center;color:#fff;animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.shipped-icon-wrapper{position:relative;width:160px;height:160px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center}.shipped-icon-ring{position:absolute;border:3px solid rgba(255,255,255,.4);border-radius:50%;animation:ringPulse 2s ease-out infinite}.shipped-icon-ring-1{width:100%;height:100%;animation-delay:0s}.shipped-icon-ring-2{width:100%;height:100%;animation-delay:.3s}.shipped-icon-ring-3{width:100%;height:100%;animation-delay:.6s}@keyframes ringPulse{0%{transform:scale(.8);opacity:0}50%{opacity:.6}to{transform:scale(1.5);opacity:0}}.shipped-main-icon{position:relative;z-index:2;background:#fff;color:#10b981;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #0003;animation:iconBounce .6s ease}@keyframes iconBounce{0%{transform:scale(0);rotate:-180deg}60%{transform:scale(1.15)}to{transform:scale(1);rotate:0deg}}.shipped-title{font-size:48px;font-weight:800;margin:0 0 12px;text-shadow:0 2px 20px rgba(0,0,0,.2);animation:titlePop .5s ease .2s backwards}@keyframes titlePop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.shipped-subtitle{font-size:20px;opacity:.95;margin:0;animation:subtitleFade .5s ease .4s backwards}@keyframes subtitleFade{0%{opacity:0;transform:translateY(10px)}to{opacity:.95;transform:translateY(0)}}.shipped-icons-float{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.float-icon{position:absolute;color:#fff9;animation:floatAround 3s ease-in-out infinite}.float-icon-1{left:-80px;top:-40px;animation-delay:0s}.float-icon-2{right:-80px;top:20px;animation-delay:.5s}.float-icon-3{left:-60px;bottom:-60px;animation-delay:1s}@keyframes floatAround{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}75%{transform:translateY(20px) rotate(-5deg)}}.firework-particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:fireworkExplode var(--duration) ease-out var(--delay) forwards;opacity:0}@keyframes fireworkExplode{0%{transform:translate(0) scale(0);opacity:1}50%{opacity:1}to{transform:translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance))) scale(0);opacity:0}}.confetti-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;opacity:0;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.companies-module{--color-primary: #2FAE9B;--color-primary-dark: #278F82;--color-primary-darker: #1A6F65;--color-accent: #7AD9CB;--color-accent-light: #A7EAE0;--color-light-blue: #F0FDFA}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:var(--color-danger);border-radius:var(--border-radius);padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.auth-forgot-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0;font-family:var(--font-primary);font-weight:600}.auth-forgot-link:hover{color:var(--color-primary)}.user-admin-panel{padding:2rem;max-width:1400px;margin:0 auto}.user-admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.user-admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.user-search-input{padding:8px 14px;border:2px solid var(--color-gray-light);border-radius:var(--border-radius);font-family:var(--font-primary);font-size:.875rem;min-width:280px;transition:var(--transition);color:var(--color-text)}.user-search-input:focus{outline:none;border-color:var(--color-accent)}.role-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.role-super-admin{background:#dbeafe;color:#1e3a8a}.role-manager{background:#d1fae5;color:#064e3b}.role-clerk{background:#fef3c7;color:#78350f}.role-view-only{background:#f3f4f6;color:#4b5563}.role-quality{background:#ede9fe;color:#5b21b6}.role-quality-manager{background:#fce7f3;color:#9d174d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#091c388c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:2rem;width:100%;max-height:90vh;overflow-y:auto}.btn-icon-action{background:var(--color-light-blue);border:1px solid var(--color-gray-light);border-radius:var(--border-radius);padding:7px 10px;cursor:pointer;display:inline-flex;align-items:center;color:var(--color-text);transition:var(--transition)}.btn-icon-action:hover{background:var(--color-gray-light)}.action-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;display:inline-flex;align-items:center;transition:background .15s}.action-btn:hover{background:var(--color-light-blue)}.recently-shipped-section{margin:1.5rem 1rem 1rem;border:1.5px solid #d1dae6;border-radius:var(--border-radius-lg);background:#f8fafc;overflow:hidden}.recently-shipped-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#edf2f7;border:none;cursor:pointer;transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.recently-shipped-header:hover{background:#e2eaf4}.recently-shipped-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-headings);font-size:.8rem;font-weight:700;color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase}.recently-shipped-count{background:var(--color-primary);color:#fff;font-size:.68rem;font-weight:700;border-radius:999px;padding:0 6px;line-height:1.6;letter-spacing:0}.recently-shipped-chevron{color:var(--color-primary);display:flex;align-items:center}.recently-shipped-body{padding:.5rem .75rem .75rem}.rs-view-controls{display:flex;gap:.25rem;margin-bottom:.6rem}.rs-view-btn{padding:.2rem .65rem;font-size:.75rem;font-weight:500;border-radius:9999px;border:1px solid var(--color-border, #d1d5db);background:transparent;color:var(--color-gray, #6b7280);cursor:pointer;transition:background .15s,color .15s,border-color .15s;line-height:1.4}.rs-view-btn:hover{background:var(--color-light-blue, #eff6ff);border-color:var(--color-primary, #1c3e79);color:var(--color-primary, #1c3e79)}.rs-view-btn.active{background:var(--color-primary, #1c3e79);border-color:var(--color-primary, #1c3e79);color:#fff}.recently-shipped-empty{font-size:.8rem;color:var(--color-gray);padding:.5rem .25rem}.recently-shipped-list{display:flex;flex-direction:column;gap:.35rem}.recently-shipped-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .6rem;background:#fff;border:1px solid #e2e8f0;border-left:3px solid var(--color-success);border-radius:7px;transition:box-shadow .15s}.recently-shipped-row:hover{box-shadow:0 2px 8px #00000012}.recently-shipped-row-info{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;flex:1;min-width:0}.rs-order-number{font-family:var(--font-headings);font-size:.82rem;font-weight:700;color:var(--color-primary);white-space:nowrap}.rs-customer{font-size:.78rem;color:var(--color-text-dark);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.rs-shipper{font-size:.72rem;background:#e8f4fd;color:#2471a3;border-radius:4px;padding:1px 6px;font-weight:600;white-space:nowrap}.rs-time{display:flex;align-items:center;gap:3px;font-size:.71rem;color:var(--color-gray);white-space:nowrap}.rs-value{display:flex;align-items:center;gap:2px;font-size:.72rem;color:var(--color-success);font-weight:600;white-space:nowrap}.rs-employee{font-size:.72rem;background:#edf7ee;color:#1e7e34;border-radius:4px;padding:1px 6px;font-weight:600;white-space:nowrap}.rs-tracking{display:flex;align-items:center;gap:3px;font-size:.71rem;color:var(--color-text);font-family:monospace;white-space:nowrap}.rs-undo-btn{display:inline-flex;align-items:center;gap:4px;padding:.3rem .7rem;border-radius:6px;border:1.5px solid #d1dae6;background:#fff;color:var(--color-text-dark);font-size:.73rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.rs-undo-btn:hover:not(:disabled){background:#fff8f0;border-color:var(--color-warning);color:#b7760d}.rs-undo-btn:disabled{opacity:.55;cursor:not-allowed}.rs-controls-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:.65rem}.rs-controls-row .rs-view-controls{margin-bottom:0}.rs-search-wrap{position:relative;display:flex;align-items:center;flex:1 1 200px;min-width:160px;max-width:340px}.rs-search-icon{position:absolute;left:9px;color:var(--color-gray);pointer-events:none;flex-shrink:0}.rs-search-input{width:100%;padding:.35rem 2rem;border:1px solid #d1dae6;border-radius:6px;font-size:.78rem;font-family:var(--font-primary);color:var(--color-text-dark);background:#fff;outline:none;transition:border-color .15s;box-sizing:border-box}.rs-search-input:focus{border-color:var(--color-primary)}.rs-search-clear{position:absolute;right:7px;background:none;border:none;cursor:pointer;color:var(--color-gray);display:flex;align-items:center;padding:2px;border-radius:3px;transition:color .12s}.rs-search-clear:hover{color:var(--color-text-dark)}.rs-row-clickable{cursor:pointer}.rs-row-clickable:hover{background:#f0f5ff;border-color:#c5d3e8;box-shadow:0 2px 8px #1c3e7914}.rs-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;animation:rs-fade-in .15s ease}@keyframes rs-fade-in{0%{opacity:0}to{opacity:1}}.rs-modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px #0f172a38;animation:rs-slide-up .18s ease;font-family:var(--font-primary)}@keyframes rs-slide-up{0%{transform:translateY(12px);opacity:.6}to{transform:translateY(0);opacity:1}}.rs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#1c3e79;color:#fff;gap:.75rem;flex-shrink:0}.rs-modal-header-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;min-width:0}.rs-modal-order-number{font-family:var(--font-headings);font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:.01em}.rs-modal-status-badge{padding:2px 10px;border-radius:12px;background:#10b98140;border:1px solid rgba(16,185,129,.5);color:#6ee7b7;font-size:.71rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rs-modal-close{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;flex-shrink:0;transition:background .15s}.rs-modal-close:hover{background:#ffffff38}.rs-modal-body{padding:1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.rs-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.25rem}@media (max-width: 480px){.rs-modal-grid{grid-template-columns:1fr}}.rs-modal-field{display:flex;flex-direction:column;gap:2px}.rs-modal-label{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray)}.rs-modal-value{font-size:.84rem;color:var(--color-text-dark);font-weight:500}.rs-modal-value--strong{font-weight:700}.rs-modal-value--green{color:#15803d}.rs-modal-tracking{display:flex;flex-direction:column;gap:5px;padding:.75rem .9rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.rs-modal-tracking-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.rs-modal-tracking-number{font-family:monospace;font-size:.88rem;font-weight:600;color:var(--color-text-dark);word-break:break-all;flex:1}.rs-modal-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:.3rem .7rem;border-radius:6px;border:1px solid #d1dae6;background:#fff;color:var(--color-gray);font-size:.73rem;font-weight:600;cursor:pointer;font-family:var(--font-primary);white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.rs-modal-copy-btn:hover{background:#f0f9ff;border-color:#7dd3fc;color:#0369a1}.rs-modal-notes{display:flex;flex-direction:column;gap:5px}.rs-modal-notes-text{margin:0;font-size:.82rem;color:var(--color-text-dark);line-height:1.55;padding:.65rem .85rem;background:#fffbeb;border:1px solid #fde68a;border-radius:7px}.rs-modal-swag{display:flex;align-items:center;gap:.5rem}.rs-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.65rem;padding:.9rem 1.25rem;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.rs-modal-btn-cancel{padding:.42rem 1rem;border:1.5px solid #d1dae6;border-radius:7px;background:#fff;color:var(--color-gray);font-size:.84rem;font-weight:600;cursor:pointer;font-family:var(--font-primary);transition:border-color .15s,color .15s}.rs-modal-btn-cancel:hover{border-color:#94a3b8;color:var(--color-text-dark)}.rs-modal-btn-undo{display:inline-flex;align-items:center;gap:5px;padding:.42rem 1rem;border:1.5px solid #fed7aa;border-radius:7px;background:#fff7ed;color:#b7760d;font-size:.84rem;font-weight:700;cursor:pointer;font-family:var(--font-primary);transition:background .15s,border-color .15s}.rs-modal-btn-undo:hover:not(:disabled){background:#ffedd5;border-color:#f97316}.rs-modal-btn-undo:disabled{opacity:.55;cursor:not-allowed}.customer-autocomplete-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--border-radius);box-shadow:0 4px 16px #0000001f;z-index:9999;max-height:220px;overflow-y:auto;list-style:none;margin:0;padding:4px 0}.customer-autocomplete-item{padding:8px 12px;font-size:13px;color:var(--color-text-dark);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s}.customer-autocomplete-item:hover,.customer-autocomplete-item.active{background:#f0f4ff;color:var(--color-primary)}.hr-home-message h1,.hr-home-message h2{font-size:1.15rem;font-weight:800;color:#1e293b;margin:.85em 0 .35em;font-family:var(--font-headings)}.hr-home-message h3,.hr-home-message h4{font-size:.97rem;font-weight:700;color:#1e293b;margin:.75em 0 .3em;font-family:var(--font-headings)}.hr-home-message p{margin:.5em 0}.hr-home-message ul,.hr-home-message ol{margin:.5em 0 .5em 1.4em;padding:0}.hr-home-message li{margin:.25em 0}.hr-home-message a{color:#b45309;text-decoration:underline}.hr-home-message a:hover{color:#92400e}.hr-home-message strong,.hr-home-message b{font-weight:700;color:inherit}.hr-home-message blockquote{border-left:3px solid #FDE68A;padding-left:.85rem;margin:.65rem 0;color:#64748b;font-style:italic}.hr-home-message hr{border:none;border-top:1px solid #E2E8F0;margin:1rem 0}.training-lesson-content h1,.training-lesson-content h2{font-size:1.1rem;font-weight:800;color:#1e293b;margin:1em 0 .4em}.training-lesson-content h3,.training-lesson-content h4{font-size:.97rem;font-weight:700;color:#1e293b;margin:.85em 0 .3em}.training-lesson-content p{margin:.55em 0}.training-lesson-content ul,.training-lesson-content ol{margin:.55em 0 .55em 1.5em;padding:0}.training-lesson-content li{margin:.3em 0}.training-lesson-content a{color:#4f46e5;text-decoration:underline}.training-lesson-content a:hover{color:#3730a3}.training-lesson-content strong,.training-lesson-content b{font-weight:700}.training-lesson-content em,.training-lesson-content i{font-style:italic}.training-lesson-content u{text-decoration:underline}.training-lesson-content hr{border:none;border-top:1px solid #E2E8F0;margin:1rem 0}.handbook-tiptap-editor{min-height:400px;padding:1rem 1.25rem;outline:none;font-size:.88rem;line-height:1.7;color:#1e293b}.handbook-tiptap-editor:focus{outline:none}.handbook-tiptap-editor>*+*{margin-top:.6em}.handbook-tiptap-editor h1{font-size:1.5rem;font-weight:800;color:#1e293b;margin:.8em 0 .3em}.handbook-tiptap-editor h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:.7em 0 .3em}.handbook-tiptap-editor h3{font-size:1.05rem;font-weight:700;color:#1e293b;margin:.6em 0 .25em}.handbook-tiptap-editor p{margin:.4em 0}.handbook-tiptap-editor strong,.handbook-tiptap-editor b{font-weight:700}.handbook-tiptap-editor em,.handbook-tiptap-editor i{font-style:italic}.handbook-tiptap-editor u{text-decoration:underline}.handbook-tiptap-editor a{color:#1d4ed8;text-decoration:underline}.handbook-tiptap-editor hr{border:none;border-top:1px solid #e2e8f0;margin:1rem 0}.handbook-tiptap-editor ul{list-style-type:disc}.handbook-tiptap-editor ol{list-style-type:decimal}.handbook-tiptap-editor ul,.handbook-tiptap-editor ol{margin:.5em 0 .5em 1.5rem;padding:0}.handbook-tiptap-editor li{margin:.25em 0}.handbook-tiptap-editor ul ul{list-style-type:circle;margin-left:1.25rem}.handbook-tiptap-editor ul ul ul{list-style-type:square;margin-left:1.25rem}.handbook-tiptap-editor ol ol{list-style-type:lower-alpha;margin-left:1.25rem}.handbook-tiptap-editor table{border-collapse:collapse;width:100%;margin:.75em 0;font-size:.85rem}.handbook-tiptap-editor th,.handbook-tiptap-editor td{border:1px solid #cbd5e1;padding:.45em .7em;vertical-align:top;text-align:left}.handbook-tiptap-editor th{background:#f1f5f9;font-weight:700;color:#334155}.handbook-tiptap-editor tr:nth-child(2n) td{background:#f8fafc}.handbook-reader-content table{border-collapse:collapse;width:100%;margin:.75em 0;font-size:.85rem}.handbook-reader-content th,.handbook-reader-content td{border:1px solid #cbd5e1;padding:.45em .7em;vertical-align:top;text-align:left}.handbook-reader-content th{background:#f1f5f9;font-weight:700;color:#334155}.handbook-reader-content tr:nth-child(2n) td{background:#f8fafc}.handbook-body table{border-collapse:collapse;width:100%;margin:.75em 0;font-size:.85rem}.handbook-body th,.handbook-body td{border:1px solid #cbd5e1;padding:.45em .7em;vertical-align:top;text-align:left}.handbook-body th{background:#f1f5f9;font-weight:700;color:#334155}.handbook-body tr:nth-child(2n) td{background:#f8fafc}
