.login-logo-img{height:64px;object-fit:contain;width:auto}.login-bg{align-items:center;background:var(--navy);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-grid{background-image:linear-gradient(#f5a6230a 1px,#0000 0),linear-gradient(90deg,#f5a6230a 1px,#0000 0);background-size:48px 48px;inset:0;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,#0000 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,#0000 100%)}.login-grid,.orb{position:absolute}.orb{border-radius:50%;filter:blur(80px);pointer-events:none}.orb-1{animation:orbFloat 8s ease-in-out infinite;background:radial-gradient(circle,#f5a6231f 0,#0000 70%);height:500px;left:-100px;top:-150px;width:500px}.orb-2{animation:orbFloat 10s ease-in-out infinite reverse;background:radial-gradient(circle,#00c2a81a 0,#0000 70%);bottom:-100px;height:400px;right:-80px;width:400px}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-24px) scale(1.04)}}.login-card{animation:cardIn .5s cubic-bezier(.22,1,.36,1) forwards;background:var(--navy-mid);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow),0 0 0 1px #f5a6230d inset;max-width:420px;padding:48px 44px;position:relative;width:100%;z-index:10}.login-logo{align-items:center;display:flex;gap:14px;margin-bottom:28px}.logo-icon{font-size:36px;line-height:1}.logo-name{color:var(--white);font-family:Garamond,EB Garamond,serif;font-size:20px;font-weight:700;letter-spacing:-.3px}.logo-name,.logo-sub{text-transform:uppercase}.logo-sub{color:var(--amber);font-size:12px;font-weight:500;letter-spacing:.08em}.login-divider{background:var(--border);height:1px;margin-bottom:28px}.login-title{color:var(--white);font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.login-desc{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:28px}.login-error{background:#e8526a1f;border:1px solid #e8526a4d;border-radius:var(--radius);color:var(--red);font-size:13px;margin-bottom:18px;padding:10px 14px}.login-btn{align-items:center;background:var(--amber);border:none;border-radius:var(--radius);box-shadow:0 4px 16px #f5a6234d;color:var(--navy);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:13px 20px;transition:background .2s,transform .15s,box-shadow .2s;width:100%}.login-btn:hover:not(:disabled){background:var(--amber-dark);box-shadow:0 6px 22px #f5a62366;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #0a16284d;border-radius:50%;border-top:2px solid var(--navy);display:inline-block;height:16px;width:16px}.login-footnote{font-size:12px;line-height:1.5;margin-top:20px}.login-footnote,.login-version{color:var(--muted);text-align:center}.login-version{font-size:10px;letter-spacing:.05em;margin-top:12px;opacity:.6}.modal-overlay{align-items:center;animation:overlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-card{animation:cardIn .2s cubic-bezier(.22,1,.36,1);background:var(--navy-mid);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #00000080;margin:20px;max-width:480px;width:100%}@keyframes cardIn{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-title{color:var(--white);font-family:var(--font-display);font-size:16px;font-weight:700}.modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;padding:4px;transition:color .15s}.modal-close:hover{color:var(--white)}.modal-form{gap:16px;padding:20px 24px 24px}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{gap:6px}.modal-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.modal-input,.modal-textarea{background:var(--navy);border:1px solid var(--border);border-radius:6px;color:var(--white);font-family:var(--font-body);font-size:13px;padding:10px 12px;resize:vertical;transition:border-color .15s}.modal-input::placeholder,.modal-textarea::placeholder{color:var(--muted);opacity:.6}.modal-input:focus,.modal-textarea:focus{border-color:var(--amber);outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.modal-btn-primary{background:var(--amber);border:none;border-radius:var(--radius);color:var(--navy);cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:background .2s}.modal-btn-primary:hover{background:var(--amber-dark)}.modal-btn-secondary{background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;padding:9px 20px;transition:all .15s}.modal-btn-secondary:hover{border-color:var(--border-light);color:var(--white)}.modal-success{align-items:center;color:var(--green);display:flex;flex-direction:column;gap:12px;padding:32px 24px;text-align:center}.modal-success-title{color:var(--white);font-family:var(--font-display);font-size:18px;font-weight:700}.modal-success-msg{color:var(--muted);font-size:13px;line-height:1.6;max-width:340px}.header{background:var(--navy-mid);border-bottom:1px solid var(--border);flex-shrink:0;height:64px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:100}.header,.header-brand{align-items:center;display:flex}.header-brand{gap:12px}.header-logo-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;padding:0;transition:opacity .15s}.header-logo-btn:hover{opacity:.8}.header-logo-img{height:40px;object-fit:contain;width:auto}.header-name{color:var(--white);font-family:Garamond,EB Garamond,serif;font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.2;text-transform:uppercase}.header-sub{color:var(--amber);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.header-version{align-self:flex-end;color:var(--muted);font-size:10px;letter-spacing:.05em;padding-bottom:2px}.header-right{gap:16px}.header-right,.header-user{align-items:center;display:flex}.header-user{gap:10px}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--amber) 0,var(--amber-dark) 100%);border-radius:50%;color:var(--navy);display:flex;flex-shrink:0;font-family:var(--font-display);font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.user-info{line-height:1.3}.user-display{color:var(--white);font-size:13px;font-weight:500}.user-email{color:var(--muted);font-size:11px}.help-menu{position:relative}.help-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:color .2s,border-color .2s,background .2s}.help-btn:hover{background:#ffffff0a;border-color:#ffffff4d;color:var(--white)}.help-dropdown{animation:dropIn .15s cubic-bezier(.22,1,.36,1);background:var(--navy-mid);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #0006;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:300}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.help-dropdown-item{align-items:center;background:#0000;border:none;color:var(--muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:10px;padding:11px 16px;text-align:left;text-decoration:none;transition:background .15s,color .15s;width:100%}.help-dropdown-item:hover{background:#ffffff0d;color:var(--white)}.help-dropdown-item+.help-dropdown-item{border-top:1px solid var(--border)}.user-menu{position:relative}.user-menu-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:5px 10px 5px 5px;transition:border-color .15s,background .15s}.user-menu-btn-open,.user-menu-btn:hover{background:#ffffff0a;border-color:var(--border-light)}.user-chevron{color:var(--muted);flex-shrink:0;transition:transform .2s}.user-menu-btn-open .user-chevron{transform:rotate(180deg)}.user-dropdown{animation:dropIn .15s cubic-bezier(.22,1,.36,1);background:var(--navy-mid);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px #00000080;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:300}.user-dropdown-profile{align-items:center;display:flex;gap:12px;padding:16px}.user-dropdown-avatar{align-items:center;background:var(--amber);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:38px;justify-content:center;width:38px}.user-dropdown-name{color:var(--white);font-size:13px;font-weight:600;margin-bottom:2px}.user-dropdown-email{color:var(--muted);font-size:11px;margin-bottom:6px}.role-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 7px;text-transform:uppercase}.role-badge-admin{background:#f5a62326;color:var(--amber)}.role-badge-manager{background:#60a5fa26;color:#60a5fa}.role-badge-shipping{background:#34d39926;color:#34d399}.role-badge-user{background:#94a3b81a;color:var(--muted)}.user-dropdown-divider{background:var(--border);height:1px;margin:0}.user-dropdown-item{align-items:center;background:#0000;border:none;color:var(--muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:10px;padding:11px 16px;text-align:left;transition:background .15s,color .15s;width:100%}.user-dropdown-item:hover{background:#ffffff0d;color:var(--white)}.user-dropdown-signout:hover{color:#f87171}.home-page{flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:40px 32px}.home-hero,.home-page{align-items:center;display:flex}.home-hero{flex-direction:column;gap:10px;margin-bottom:32px;text-align:center}.home-logo{height:112px;margin-bottom:8px}.home-welcome{color:var(--white);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.3px;margin:0}.home-sub{color:var(--muted);font-size:15px;margin:0}.home-version{color:var(--muted);font-size:11px;letter-spacing:.04em;margin-bottom:28px;opacity:.5}.home-columns{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;margin-top:48px;max-width:1100px;width:100%}.home-column{display:flex;flex-direction:column;gap:12px}.home-column-label{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;opacity:.85;padding:0 4px;text-transform:uppercase}.home-column-cards{display:flex;flex-direction:column;gap:12px}.home-card{align-items:center;background:var(--navy-mid);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .2s;width:100%}.home-card:hover{background:var(--navy-light);border-color:var(--amber);box-shadow:0 4px 24px #f5a6231f;transform:translateY(-2px)}.home-card:hover .home-card-arrow{color:var(--amber);transform:translateX(4px)}.home-card-icon{align-items:center;background:#f5a6231f;border-radius:10px;color:var(--amber);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:background .2s;width:48px}.home-card:hover .home-card-icon{background:#f5a62333}.home-card-body{flex:1 1;min-width:0}.home-card-title{color:var(--white);font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;font-size:12px;line-height:1.5;overflow:hidden}.home-card-arrow{color:var(--border-light);flex-shrink:0;transition:all .2s}.grid-prompt{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 24px}.grid-prompt-icon{font-size:36px}.grid-prompt-text{font-size:15px}.grid-prompt-text strong{color:#1e3a5f}.grid-unit-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.grid-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.grid-scroll{max-height:calc(100vh - 300px);overflow-x:auto;overflow-y:auto}.forecast-grid{border-collapse:collapse;font-size:13px;min-width:max-content;width:100%}.forecast-grid td,.forecast-grid th{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.grid-th{background:#1e3a5f;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;padding:10px 8px;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:3}.grid-sku-th{left:0;min-width:220px;padding-left:14px;position:sticky;text-align:left;z-index:4}.grid-month-th{min-width:74px}.grid-total-th{background:#16305a;min-width:80px}.grid-sku-cell{background:#f8fafc;border-right:2px solid #cbd5e1;color:#374151;font-size:12px;font-weight:500;height:36px;left:0;max-width:220px;overflow:hidden;padding:0 14px;position:sticky;text-overflow:ellipsis;white-space:nowrap;z-index:1}.grid-row-alt .grid-sku-cell{background:#f1f5f9}.grid-data-cell{cursor:pointer;height:36px;padding:0;position:relative;text-align:right;transition:background .1s}.grid-data-cell:hover{background:#eff6ff!important}.grid-cell-empty:hover{background:#f0fdf4!important}.grid-cell-readonly{cursor:default!important}.grid-cell-readonly:hover{background:inherit!important}.grid-row-alt .grid-data-cell{background:#fafbfd}.grid-val{font-feature-settings:"tnum";color:#111827;display:block;font-variant-numeric:tabular-nums;line-height:36px;padding:0 10px}.grid-val-empty{color:#d1d5db}.grid-input{background:#eff6ff;border:none;box-sizing:border-box;color:#111827;display:block;font-family:inherit;font-size:13px;height:36px;outline:2px solid #3b82f6;outline-offset:-2px;padding:0 8px;text-align:right;width:100%}.grid-spinner{animation:grid-pulse .8s ease-in-out infinite;color:#93c5fd;display:block;font-size:20px;line-height:36px;text-align:center}@keyframes grid-pulse{0%,to{opacity:1}50%{opacity:.3}}.grid-row-total{background:#f1f5f9;border-left:2px solid #cbd5e1;color:#374151;font-size:12px;font-weight:600;line-height:36px;min-width:80px;padding:0 12px;text-align:right;white-space:nowrap}.grid-cell-has-editor{position:relative}.grid-cell-has-editor:after{background:#1e3a5f;border-radius:5px;bottom:calc(100% + 6px);box-shadow:0 4px 12px #0000004d;color:#e2e8f0;content:attr(data-editor);font-size:11px;font-weight:500;padding:4px 9px;white-space:nowrap}.grid-cell-has-editor:after,.grid-cell-has-editor:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;z-index:50}.grid-cell-has-editor:before{border:5px solid #0000;border-top-color:#1e3a5f;bottom:calc(100% + 1px);content:""}.grid-cell-has-editor:hover:after,.grid-cell-has-editor:hover:before{opacity:1}.grid-action-th{background:#f8fafc;min-width:92px;width:92px}.grid-action-cell{background:#f8fafc;border-left:1px solid #e2e8f0;padding:0 4px;text-align:center;white-space:nowrap}.grid-row-copied .grid-action-cell,.grid-row-copied td.grid-action-cell{background:#fffbeb}.grid-copy-btn,.grid-lock-btn,.grid-paste-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:4px;color:#9ca3af;cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;transition:all .15s;width:26px}.grid-copy-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#3b82f6}.grid-paste-btn{background:#fffbeb;border-color:#fde68a;color:#f5a623}.grid-paste-btn:hover{background:#fef3c7;border-color:#f5a623;color:#d97706}.grid-lock-btn:hover{background:#fef9ee;border-color:#fcd34d;color:#d97706}.grid-lock-btn-active{background:#fef3c7;border-color:#f5a623;color:#d97706}.grid-lock-btn-active:hover{background:#fde68a;border-color:#d97706}.grid-row-locked .grid-sku-cell{background:#fffbeb;color:#92400e}.grid-row-alt.grid-row-locked .grid-sku-cell{background:#fef3c7}.grid-row-locked .grid-data-cell{background:#fffdf5!important}.grid-row-locked .grid-row-total{background:#fef9ee}.grid-footer-row{bottom:0;position:sticky;z-index:2}.grid-footer-cell,.grid-footer-grand,.grid-footer-label{background:#1e3a5f;border-color:#2d4f7c;color:#fff;font-size:12px;font-weight:700;padding:9px 10px;text-align:right}.grid-footer-label{border-right:2px solid #4a7aad;left:0;padding-left:14px;position:sticky;text-align:left;z-index:3}.grid-footer-grand{background:#16305a;border-left:2px solid #4a7aad}.chart-prompt{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 24px}.chart-prompt-icon{font-size:36px}.chart-prompt-text{font-size:15px}.chart-prompt-text strong{color:#1e3a5f}.chart-wrap{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;padding:16px 20px 20px}.chart-controls{align-items:center;display:flex;flex-shrink:0;gap:16px;margin-bottom:16px}.chart-type-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:0;overflow:hidden}.chart-type-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 16px;transition:all .15s;white-space:nowrap}.chart-type-btn:hover{background:#eff6ff;color:#1e3a5f}.chart-type-btn-active{background:#1e3a5f!important;color:#fff!important}.chart-type-btn:first-child{border-right:1px solid #e2e8f0}.chart-no-data{color:#9ca3af;font-size:12px;font-style:italic}.chart-tooltip{background:#1e3a5f;border:1px solid #2d4f7c;border-radius:8px;box-shadow:0 6px 20px #0006;color:#e2e8f0;font-size:12px;max-width:260px;min-width:180px;padding:10px 14px}.chart-tooltip-label{color:#fff;font-size:13px;font-weight:700;margin-bottom:6px}.chart-tooltip-total{color:#f5a623;font-size:12px;margin-bottom:4px}.chart-tooltip-total strong{font-size:14px}.chart-tooltip-divider{background:#2d4f7c;height:1px;margin:6px 0}.chart-tooltip-row{align-items:center;display:flex;gap:7px;padding:2px 0}.chart-tooltip-swatch{border-radius:2px;flex-shrink:0;height:8px;width:8px}.chart-tooltip-name{color:#cbd5e1;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-tooltip-value{font-feature-settings:"tnum";color:#fff;flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600}.chart-area{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000f;box-sizing:border-box;flex:1 1;min-height:0;padding:16px 8px 8px}.history-overlay{animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;inset:0;position:fixed;z-index:400}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.history-panel{animation:panelSlideIn .25s cubic-bezier(.22,1,.36,1);background:var(--navy-mid);border-left:1px solid var(--border);bottom:0;box-shadow:-8px 0 32px #0006;display:flex;flex-direction:column;position:absolute;right:0;top:0;width:340px}@keyframes panelSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.history-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 12px}.history-title{color:var(--white);font-family:var(--font-display);font-size:15px;font-weight:700}.history-header-actions{align-items:center;display:flex;gap:8px}.history-clear-btn{background:#0000;border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer;font-size:11px;padding:3px 8px;transition:all .15s}.history-clear-btn:hover{border-color:var(--border-light);color:var(--white)}.history-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;padding:4px;transition:color .15s}.history-close-btn:hover{color:var(--white)}.history-sub{border-bottom:1px solid var(--border);color:var(--muted);flex-shrink:0;font-size:11px;padding:8px 20px}.history-list{flex:1 1;overflow-y:auto;padding:8px 0}.history-empty{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:13px;gap:10px;opacity:.6;padding:48px 20px;text-align:center}.history-entry{border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 20px;transition:background .1s}.history-entry:hover{background:#ffffff08}.history-entry:last-child{border-bottom:none}.history-entry-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:2px;width:28px}.history-entry-edit .history-entry-icon{background:#3b82f626;color:#60a5fa}.history-entry-create .history-entry-icon{background:#4ecb8d26;color:#4eca8d}.history-entry-paste .history-entry-icon{background:#f5a62326;color:var(--amber)}.history-entry-body{flex:1 1;min-width:0}.history-entry-sku{color:var(--white);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry-detail{color:var(--muted);display:flex;font-size:11px;gap:6px;margin-top:2px}.history-entry-month{color:#94a3b8;font-weight:500}.history-entry-values{align-items:center;display:flex;font-size:12px;gap:6px;margin-top:4px}.history-old{color:var(--muted);text-decoration:line-through}.history-new{color:var(--green);font-weight:600}.history-entry-meta{color:var(--muted);display:flex;font-size:10px;justify-content:space-between;margin-top:4px;opacity:.7}.history-undo-btn{align-items:center;align-self:center;background:#0000;border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;gap:4px;padding:3px 7px;transition:all .15s;white-space:nowrap}.history-undo-btn:hover{border-color:var(--amber);color:var(--amber)}.selector-bar{align-items:flex-end;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;padding:14px 20px}.selector-group{display:flex;flex-direction:column;gap:5px}.selector-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.selector-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:13px;height:36px;min-width:130px;padding:0 10px;transition:border-color .15s}.selector-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.selector-select-wide{min-width:220px}.selector-clear{align-self:flex-end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;height:36px;padding:0 14px;transition:all .15s}.selector-clear:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.dashboard{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.dashboard-toolbar{align-items:center;background:var(--navy);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 28px}.toolbar-left{align-items:baseline;display:flex;gap:14px}.toolbar-title{color:var(--white);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px}.toolbar-refresh-time{color:var(--muted);font-size:11px}.toolbar-right{gap:8px}.toolbar-btn,.toolbar-right{align-items:center;display:flex}.toolbar-btn{background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:13px;font-weight:500;gap:7px;padding:8px 16px;transition:all .2s}.toolbar-btn:hover:not(:disabled){background:#ffffff0a;border-color:var(--border-light);color:var(--white)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.45}.home-btn{border-color:#0000!important;opacity:.7}.home-btn:hover:not(:disabled){background:#0000!important;border-color:var(--border)!important;opacity:1}.view-toggle{align-self:flex-end;border:1px solid #cbd5e1;border-radius:var(--radius);display:flex;margin-left:auto;overflow:hidden}.view-toggle-btn{align-items:center;background:#f8fafc;border:none;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s;white-space:nowrap}.view-toggle-btn:first-child{border-right:1px solid #cbd5e1}.view-toggle-btn:hover{background:#e2e8f0;color:#1e293b}.view-toggle-btn-active{background:#0f1e36!important;color:#f8fafc!important}.history-btn{position:relative}.history-badge{align-items:center;background:var(--amber);border-radius:9px;color:var(--navy);display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px}.export-btn{background:var(--amber)!important;border-color:var(--amber)!important;color:var(--navy)!important;font-weight:600}.export-btn:hover:not(:disabled){background:var(--amber-dark)!important;border-color:var(--amber-dark)!important;box-shadow:0 4px 12px #f5a6234d;color:var(--navy)!important}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{align-items:center;animation:toastIn .25s cubic-bezier(.22,1,.36,1);border-radius:var(--radius);bottom:24px;box-shadow:var(--shadow);display:flex;font-size:13px;font-weight:500;gap:8px;max-width:340px;padding:12px 18px;position:fixed;right:24px;z-index:200}.toast-success{background:#4ecb8d26;border:1px solid #4ecb8d4d;color:var(--green)}.toast-error{background:#e8526a26;border:1px solid #e8526a4d;color:var(--red)}.dashboard-content{min-height:0;overflow:hidden}.dashboard-content,.loading-state{display:flex;flex:1 1;flex-direction:column}.loading-state{align-items:center;gap:14px;justify-content:center;padding:80px}.loading-spinner{animation:spin .75s linear infinite;border:3px solid var(--navy-light);border-radius:50%;border-top-color:var(--amber);height:40px;width:40px}.loading-text{color:var(--white);font-family:var(--font-display);font-size:16px;font-weight:500}.loading-sub{color:var(--muted);font-size:13px}.error-state{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:80px;text-align:center}.error-icon{font-size:40px}.error-title{color:var(--white);font-family:var(--font-display);font-size:18px;font-weight:600}.error-msg{color:var(--muted);font-size:13px;line-height:1.6;max-width:480px}.error-retry{background:var(--amber);border:none;border-radius:var(--radius);color:var(--navy);cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:9px 22px;transition:background .2s}.error-retry:hover{background:var(--amber-dark)}.nrm-overlay{align-items:center;animation:nrmFadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes nrmFadeIn{0%{opacity:0}to{opacity:1}}.nrm-modal{animation:nrmSlideUp .25s cubic-bezier(.22,1,.36,1);background:var(--navy-mid);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:calc(100vw - 32px);width:680px}@keyframes nrmSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.nrm-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.nrm-title{color:var(--white);font-family:var(--font-display);font-size:16px;font-weight:700}.nrm-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;padding:4px;transition:color .15s}.nrm-close:hover{color:var(--white)}.nrm-body{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:20px 24px}.nrm-section-title{align-items:center;color:var(--amber);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:6px;margin-top:14px;text-transform:uppercase}.nrm-section-title:first-child{margin-top:0}.nrm-err-inline{color:#f87171;font-size:11px;font-weight:400;letter-spacing:0;margin-left:4px;text-transform:none}.nrm-row{display:flex;flex-wrap:wrap;gap:12px}.nrm-field{display:flex;flex-direction:column;gap:5px;min-width:120px}.nrm-field-grow{flex:1 1}.nrm-field-state{flex-shrink:0;width:160px}.nrm-field-qty{flex-shrink:0;width:90px}.nrm-field label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.nrm-req{color:var(--amber)}.nrm-field input,.nrm-field select,.nrm-field textarea{background:var(--navy-dark);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--white);font-family:inherit;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.nrm-field input:focus,.nrm-field select:focus,.nrm-field textarea:focus{border-color:var(--amber)}.nrm-field select option{background:#fff;color:#111}.nrm-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.nrm-field textarea{min-height:70px;resize:vertical}.nrm-field-error input,.nrm-field-error select,.nrm-field-error textarea{border-color:#f87171}.nrm-err-msg{color:#f87171;font-size:11px}.nrm-loading{color:var(--muted);font-size:12px;padding:8px 0}.nrm-products{background:var(--navy-dark);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:14px;max-height:220px;overflow-y:auto;padding:12px 14px}.nrm-product-group-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.nrm-product-checkboxes{display:flex;flex-wrap:wrap;gap:6px}.nrm-checkbox{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:5px 10px;transition:all .15s;-webkit-user-select:none;user-select:none}.nrm-checkbox:hover{border-color:var(--border-light);color:var(--white)}.nrm-checkbox-checked{background:#f5a6231f;border-color:var(--amber);color:var(--white)}.nrm-checkbox input[type=checkbox]{accent-color:var(--amber);cursor:pointer;flex-shrink:0;height:13px;width:13px}.nrm-submit-error{background:#f871711a;border:1px solid #f871714d;border-radius:6px;color:#f87171;font-size:12px;margin-top:4px;padding:8px 12px}.nrm-footer{border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.nrm-cancel{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;font-size:13px;padding:8px 18px;transition:all .15s}.nrm-cancel:hover:not(:disabled){border-color:var(--border-light);color:var(--white)}.nrm-submit{background:var(--amber);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:13px;font-weight:700;padding:8px 22px;transition:opacity .15s}.nrm-submit:hover:not(:disabled){opacity:.88}.nrm-cancel:disabled,.nrm-submit:disabled{cursor:not-allowed;opacity:.5}.sem-overlay{align-items:center;animation:semFadeIn .18s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes semFadeIn{0%{opacity:0}to{opacity:1}}.sem-modal{animation:semSlideUp .22s cubic-bezier(.22,1,.36,1);background:var(--navy-mid);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;max-width:calc(100vw - 32px);width:520px}@keyframes semSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sem-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:18px 20px 14px}.sem-header,.sem-title{align-items:center;display:flex}.sem-title{color:var(--white);font-family:var(--font-display);font-size:15px;font-weight:700;gap:8px}.sem-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;padding:4px;transition:color .15s}.sem-close:hover{color:var(--white)}.sem-subheader{align-items:center;background:#ffffff05;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:10px 20px}.sem-company{color:var(--white);font-size:13px;font-weight:600}.sem-contact{color:var(--muted);font-size:12px}.sem-contact:before{color:var(--border-light);content:"·";margin-right:8px}.sem-body{display:flex;flex-direction:column;gap:14px;padding:20px}.sem-row{display:flex;flex-wrap:wrap;gap:12px}.sem-field{display:flex;flex-direction:column;gap:5px;min-width:140px}.sem-field-grow{flex:1 1}.sem-field label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sem-field input,.sem-field select{background:var(--navy-dark);border:1px solid var(--border);border-radius:6px;color:var(--white);font-family:inherit;font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s}.sem-field input:focus,.sem-field select:focus{border-color:var(--amber)}.sem-field select option{background:#fff;color:#111}.sem-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6}.sem-error{background:#f8717114;border:1px solid #f8717133;border-radius:6px;color:#f87171;font-size:12px;padding:8px 12px}.sem-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.sem-cancel-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 18px;transition:all .15s}.sem-cancel-btn:hover:not(:disabled){border-color:var(--border-light);color:var(--white)}.sem-save-btn{background:var(--amber);border:none;border-radius:6px;color:#000;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 22px;transition:opacity .15s}.sem-save-btn:hover:not(:disabled){opacity:.88}.sem-cancel-btn:disabled,.sem-save-btn:disabled{cursor:not-allowed;opacity:.5}.sp-page{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.sp-toolbar{background:var(--navy);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:16px 24px}.sp-toolbar,.sp-toolbar-left{align-items:center;display:flex}.sp-toolbar-left{gap:14px}.sp-toolbar-right{gap:8px}.sp-back-btn,.sp-toolbar-right{align-items:center;display:flex}.sp-back-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;gap:6px;opacity:.7;padding:7px 14px;transition:all .15s}.sp-back-btn:hover{border-color:var(--border);opacity:1}.sp-title{color:var(--white);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px}.sp-new-btn{align-items:center;background:var(--amber);border:none;border-radius:var(--radius);color:var(--navy);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:background .2s}.sp-new-btn:hover{background:var(--amber-dark)}.sp-summary{background:var(--navy-mid);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;padding:14px 24px}.sp-card{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;min-width:90px;padding:10px 20px;text-align:center;transition:background .15s,border-color .15s,transform .1s}.sp-card:hover{background:#ffffff12}.sp-card:active{transform:scale(.97)}.sp-card-value{color:var(--white);font-size:22px;font-weight:700;line-height:1}.sp-card-label{color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap}.sp-card-blue{border-color:#3b82f666}.sp-card-blue .sp-card-value{color:#60a5fa}.sp-card-amber{border-color:#f5a62366}.sp-card-amber .sp-card-value{color:var(--amber)}.sp-card-gray{border-color:#9ca3af66}.sp-card-gray .sp-card-value{color:#9ca3af}.sp-card-green{border-color:#4ecb8d66}.sp-card-green .sp-card-value{color:var(--green)}.sp-card-active{background:#ffffff17;border-color:#ffffff40}.sp-card-blue.sp-card-active{background:#3b82f61f;border-color:#3b82f6b3}.sp-card-amber.sp-card-active{background:#f5a6231f;border-color:#f5a623b3}.sp-card-gray.sp-card-active{background:#9ca3af1a;border-color:#9ca3af99}.sp-card-green.sp-card-active{background:#4ecb8d1f;border-color:#4ecb8db3}.sp-filters{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;padding:10px 24px}.sp-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.sp-tab{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s;white-space:nowrap}.sp-tab:not(:last-child){border-right:1px solid #e2e8f0}.sp-tab:hover{background:#eff6ff;color:#1e3a5f}.sp-tab-active{background:#1e3a5f!important;color:#fff!important}.sp-status-pills{display:flex;flex-wrap:wrap;gap:6px}.sp-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:500;padding:4px 12px;transition:all .15s;white-space:nowrap}.sp-pill:hover{border-color:#1e3a5f;color:#1e3a5f}.sp-pill-active{background:#1e3a5f!important;border-color:#1e3a5f!important;color:#fff!important}.sp-search-wrap{align-items:center;display:flex;margin-left:auto;position:relative}.sp-search-icon{color:#9ca3af;left:10px;pointer-events:none;position:absolute}.sp-search{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#111827;font-size:12px;height:32px;padding:0 28px 0 30px;transition:border-color .15s;width:240px}.sp-search:focus{border-color:#3b82f6;outline:none}.sp-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;line-height:1;position:absolute;right:8px}.sp-grid-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.sp-grid-scroll{flex:1 1;overflow:auto;overflow-x:scroll}.sp-grid-scroll::-webkit-scrollbar{height:10px;width:8px}.sp-grid-scroll::-webkit-scrollbar-track{background:#f1f5f9}.sp-grid-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.sp-grid-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sp-grid{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.sp-th{background:#1e3a5f;border-bottom:2px solid var(--amber);border-right:1px solid #2d4f7c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;overflow:visible;padding:10px 12px;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:3}.sp-th[style*="cursor: pointer"]:hover{background:#16305a}.sp-th-sorted{background:#16305a!important}.sp-th-inner{align-items:center;display:flex;gap:5px}.sp-sort-icon{flex-shrink:0;opacity:1}.sp-sort-idle{opacity:.3}.sp-th[style*="cursor: pointer"]:hover .sp-sort-idle{opacity:.7}.sp-resize-handle{border-radius:2px;cursor:col-resize;height:100%;position:absolute;right:-3px;top:0;transition:background .15s;width:7px;z-index:10}.sp-resize-handle:hover{background:#f5a62399}.sp-th:hover .sp-resize-handle{background:#f5a62340}.sp-th:hover .sp-resize-handle:hover{background:#f5a623b3}.sp-td{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#374151;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.sp-row{cursor:pointer;transition:background .1s}.sp-row:hover .sp-td{background:#f0f7ff!important}.sp-row-expanded .sp-td{background:#eff6ff!important}.sp-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.status-in-process{background:#3b82f61f;border:1px solid #3b82f640;color:#2563eb}.status-on-hold{background:#f5a6231f;border:1px solid #f5a6234d;color:#b45309}.status-not-shipped{background:#9ca3af26;border:1px solid #9ca3af4d;color:#6b7280}.status-shipped{background:#4ecb8d1f;border:1px solid #4ecb8d4d;color:#059669}.sp-company{color:#111827;font-weight:600}.sp-contact-name{font-weight:500}.sp-contact-phone{color:#9ca3af;font-size:11px;margin-top:1px}.sp-product{color:#374151;font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-td-qty{font-weight:600;text-align:center}.sp-submitter{color:#6b7280;font-size:12px}.sp-carrier{color:#9ca3af;display:block;font-size:10px;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.sp-tracking-link{color:#3b82f6;font-size:11px;font-weight:500;text-decoration:none}.sp-tracking-link:hover{text-decoration:underline}.sp-tracking{color:#6b7280;font-size:11px}.sp-notes-icon{align-items:center;color:#9ca3af;cursor:default;display:flex;justify-content:center}.sp-notes-icon:hover{color:#3b82f6}.sp-detail-row td{background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:0}.sp-detail{display:flex;flex-wrap:wrap;gap:0;padding:14px 24px}.sp-detail-section{flex:1 1;max-width:400px;min-width:200px;padding:8px 16px 8px 0}.sp-detail-actions,.sp-detail-notes{flex-basis:100%;min-width:100%}.sp-detail-actions{padding-top:4px}.sp-row-actions{display:flex;gap:6px}.sp-row-actions,.sp-row-edit-btn{align-items:center;white-space:nowrap}.sp-row-edit-btn{background:#0000;border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;gap:5px;padding:4px 10px;transition:color .15s,border-color .15s,background .15s}.sp-row-edit-btn:hover{background:#f5a6230f;border-color:#f5a623;border-color:var(--amber,#f5a623);color:#f5a623;color:var(--amber,#f5a623)}.sp-edit-shipping-btn{align-items:center;background:#0000;border:1px solid #ffffff26;border:1px solid var(--border-light,#ffffff26);border-radius:6px;color:#f5a623;color:var(--amber,#f5a623);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:7px;padding:7px 16px;transition:background .15s,border-color .15s}.sp-edit-shipping-btn:hover{background:#f5a62314;border-color:#f5a623;border-color:var(--amber,#f5a623)}.sp-delete-btn{align-items:center;background:#0000;border:1px solid #ef444466;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:background .15s,border-color .15s}.sp-delete-btn:hover{background:#ef444414;border-color:#ef4444}.sp-delete-confirm{align-items:center;background:#ef444414;border:1px solid #ef444459;border-radius:6px;display:inline-flex;gap:8px;padding:6px 12px}.sp-delete-confirm-text{color:#ef4444;font-size:12px;font-weight:500;white-space:nowrap}.sp-delete-confirm-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:4px 12px;transition:background .15s;white-space:nowrap}.sp-delete-confirm-btn:hover{background:#dc2626}.sp-delete-confirm-btn:disabled{cursor:default;opacity:.6}.sp-delete-cancel-btn{background:#0000;border:1px solid #ffffff26;border-radius:4px;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:4px 10px;transition:border-color .15s,color .15s;white-space:nowrap}.sp-delete-cancel-btn:hover{border-color:#ffffff4d;color:#fff}.sp-detail-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.sp-detail-value{color:#374151;font-size:13px;line-height:1.5;white-space:pre-wrap}.sp-empty{color:#9ca3af;font-size:14px;padding:48px;text-align:center}.sp-grid-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#9ca3af;flex-shrink:0;font-size:11px;padding:8px 24px}.sp-success-toast{animation:toastIn .3s ease,toastOut .4s ease 3.6s forwards;background:#1e3a5f;border-radius:8px;bottom:32px;box-shadow:0 8px 24px #00000040;color:#fff;font-size:14px;font-weight:600;left:50%;padding:14px 28px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:2000}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.admin-page{display:flex;height:100%;min-height:0}.admin-sidebar{background:var(--navy-mid);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;padding:24px 0 16px;width:200px}.admin-sidebar-title{color:var(--muted);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.1em;padding:0 20px 12px;text-transform:uppercase}.admin-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px}.admin-nav-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:9px 12px;text-align:left;transition:background .15s,color .15s}.admin-nav-item:hover{background:#ffffff0d;color:var(--white)}.admin-nav-active{background:#f5a6231a!important;color:var(--amber)!important}.admin-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto}.admin-topbar{border-bottom:1px solid var(--border);flex-shrink:0;gap:16px;padding:20px 32px 16px}.admin-back-btn,.admin-topbar{align-items:center;display:flex}.admin-back-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;font-size:12px;gap:5px;padding:5px 10px;transition:all .15s}.admin-back-btn:hover{border-color:var(--border-light);color:var(--white)}.admin-page-title{color:var(--white);font-family:var(--font-display);font-size:18px;font-weight:700;margin:0}.admin-section{display:flex;flex-direction:column;gap:20px;padding:28px 32px}.admin-section-desc{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.admin-section-desc strong{color:var(--white)}.admin-msg{border-radius:6px;font-size:13px;padding:10px 14px}.admin-msg-success{background:#4ecb8d1a;border:1px solid #4ecb8d40;color:#4eca8d}.admin-msg-error{background:#f871711a;border:1px solid #f8717140;color:#f87171}.admin-add-form{background:#ffffff08;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:18px 20px}.admin-add-title{color:var(--amber);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.admin-add-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.admin-add-field{display:flex;flex-direction:column;gap:5px;min-width:140px}.admin-add-grow{flex:1 1}.admin-add-action{flex-shrink:0}.admin-add-field label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-optional{font-weight:400;letter-spacing:0;text-transform:none}.admin-add-field input,.admin-add-field select{background:var(--navy-dark);border:1px solid var(--border);border-radius:6px;color:var(--white);font-family:inherit;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s}.admin-add-field input:focus,.admin-add-field select:focus{border-color:var(--amber)}.admin-add-field select option{background:#fff;color:#111}.admin-add-btn{background:var(--amber);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:13px;font-weight:700;padding:8px 18px;transition:opacity .15s;white-space:nowrap}.admin-add-btn:hover:not(:disabled){opacity:.88}.admin-add-btn:disabled{cursor:not-allowed;opacity:.5}.admin-add-error{color:#f87171;font-size:12px}.admin-table{border-collapse:collapse;font-size:13px;width:100%}.admin-table th{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 14px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{color:var(--text);padding:11px 14px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-row-self td{background:#f5a6230a}.admin-td-email{font-family:monospace;font-family:var(--font-mono,monospace);font-size:12px}.admin-muted{color:var(--muted);font-size:12px}.admin-role-select{background:var(--navy-dark);border:1px solid var(--border);border-radius:5px;color:var(--white);cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:4px 8px;transition:border-color .15s}.admin-role-select:focus{border-color:var(--amber)}.admin-role-select option{background:#fff;color:#111}.admin-role-admin{border-color:var(--amber);color:var(--amber)}.admin-role-manager{border-color:#60a5fa;color:#60a5fa}.admin-role-shipping_manager{border-color:#34d399;color:#34d399}.admin-role-pos_manager{border-color:#a78bfa;color:#a78bfa}.admin-role-user{border-color:var(--border);color:var(--muted)}.admin-delete-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:5px;color:var(--muted);cursor:pointer;display:flex;padding:4px 6px;transition:all .15s}.admin-delete-btn:hover{border-color:#f8717166;color:#f87171}.admin-delete-btn:disabled{cursor:not-allowed;opacity:.4}.admin-empty,.admin-loading{color:var(--muted);font-size:13px;padding:24px 0;text-align:center}.sys-card{align-items:center;background:#ffffff08;border:1px solid var(--border);border-radius:10px;display:flex;gap:16px;padding:18px 20px;transition:border-color .15s}.sys-card:hover{border-color:var(--border-light)}.sys-card-icon{align-items:center;background:#f5a6231a;border-radius:8px;color:var(--amber);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sys-card-body{flex:1 1;min-width:0}.sys-card-title{color:var(--white);font-size:14px;font-weight:600;margin-bottom:3px}.sys-card-desc{line-height:1.4}.sys-card-btn,.sys-card-desc{color:var(--muted);font-size:12px}.sys-card-btn{background:#0000;border:1px solid var(--border);border-radius:6px;cursor:pointer;flex-shrink:0;font-family:inherit;font-weight:600;padding:8px 18px;transition:all .15s;white-space:nowrap}.sys-card-btn:not(:disabled):hover{background:#ffffff0a;border-color:var(--border-light);color:var(--white)}.sys-card-btn:disabled{cursor:not-allowed;opacity:.45}.cs-wrap{position:relative;width:100%}.cs-input-wrap{align-items:center;background:var(--navy-dark);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:6px;min-height:34px;padding:0 10px;transition:border-color .15s}.cs-input-wrap:focus-within{border-color:var(--amber)}.cs-input{background:#0000;border:none;color:var(--white);flex:1 1;font-family:inherit;font-size:13px;min-width:0;outline:none;padding:6px 0}.cs-input::placeholder{color:var(--muted)}.cs-selected-value{color:var(--white);flex:1 1;font-size:13px;overflow:hidden;padding:6px 0;text-overflow:ellipsis;white-space:nowrap}.cs-chevron{color:var(--muted);flex-shrink:0;pointer-events:none}.cs-dropdown{background:var(--navy-mid);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #00000073;left:0;max-height:220px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:400}.cs-option{color:var(--muted);cursor:pointer;font-size:13px;padding:9px 12px;transition:background .1s,color .1s}.cs-option:hover{background:#ffffff0f;color:var(--white)}.cs-option-active{background:#f5a62314;color:var(--white)}.cs-option+.cs-option,.cs-option-create{border-top:1px solid var(--border)}.cs-option-create{align-items:center;color:var(--amber);display:flex;font-weight:600;gap:6px}.cs-option-create:hover{background:#f5a62314;color:var(--amber)}.cs-create-plus{font-size:15px;line-height:1}.cs-creating{font-weight:400}.cs-creating,.cs-empty{color:var(--muted);font-style:italic}.cs-empty{font-size:12px;padding:10px 12px}.cs-create-err{border-top:1px solid var(--border);color:#f87171;font-size:11px;padding:6px 12px}.sku-back-link{align-items:center;background:#0000;border:none;color:var(--muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;padding:0 0 4px;transition:color .15s}.sku-back-link:hover{color:var(--white)}.sku-name{font-weight:500}.sku-name,.states-input{color:var(--white);font-size:13px}.states-input{background:var(--navy-dark);border:1px solid var(--border);border-radius:6px;font-family:inherit;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.states-input:focus{border-color:var(--amber)}.sku-preview{align-items:center;background:var(--navy-dark);border:1px solid var(--border);border-radius:6px;color:var(--white);display:flex;font-size:13px;font-weight:500;min-height:34px;padding:7px 10px}.sku-preview-placeholder{color:var(--muted);font-style:italic;font-weight:400}.sku-name-preview{color:var(--amber);font-style:italic}.sku-edit-input{background:var(--navy-dark);border:1px solid var(--amber);border-radius:5px;color:var(--white);font-family:inherit;font-size:13px;min-width:180px;outline:none;padding:5px 8px;width:100%}.sku-status-btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase;transition:opacity .15s}.sku-status-active{background:#4ecb8d1f;border-color:#4ecb8d4d;color:#4eca8d}.sku-status-inactive{background:#94a3b814;border-color:#94a3b833;color:var(--muted)}.sku-status-btn:hover{opacity:.75}.sku-actions{align-items:center;display:flex;gap:6px}.sku-edit-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;padding:4px 10px;transition:all .15s}.sku-edit-btn:hover{border-color:var(--border-light);color:var(--white)}.sku-save-btn{background:var(--amber);border:none;border-radius:5px;color:#000;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:5px 14px;transition:opacity .15s}.sku-save-btn:hover:not(:disabled){opacity:.85}.sku-save-btn:disabled{cursor:not-allowed;opacity:.5}.sku-cancel-btn{background:#0000;border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:5px 10px;transition:all .15s}.sku-cancel-btn:hover{border-color:var(--border-light);color:var(--white)}.perm-table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.perm-table{border-collapse:collapse;font-size:13px;width:100%}.perm-table th{border-bottom:1px solid var(--border);font-size:11px;font-weight:700;letter-spacing:.07em;padding:10px 20px;text-transform:uppercase}.perm-th-label{color:var(--muted);text-align:left;width:100%}.perm-group-row{background:#ffffff08}.perm-group-header{border-bottom:1px solid var(--border);border-top:1px solid var(--border);color:var(--amber);font-size:11px;font-weight:700;letter-spacing:.09em;padding:9px 20px;text-transform:uppercase}.perm-th-role{min-width:90px;text-align:center;white-space:nowrap}.perm-role-user{color:var(--muted)}.perm-role-manager{color:#60a5fa}.perm-role-shipping_manager{color:#34d399}.perm-role-pos_manager{color:#a78bfa}.perm-role-admin{color:var(--amber)}.perm-table tr:last-child td{border-bottom:none}.perm-table tr:hover td{background:#ffffff05}.perm-td-label{border-bottom:1px solid var(--border);padding:14px 20px;vertical-align:middle}.perm-label-name{color:var(--white);font-size:13px;font-weight:500;margin-bottom:2px}.perm-label-desc{color:var(--muted);font-size:11px;line-height:1.4}.perm-td-check{border-bottom:1px solid var(--border);padding:14px 20px;text-align:center;vertical-align:middle}.perm-checkbox-wrap{align-items:center;cursor:pointer;display:inline-flex;height:20px;justify-content:center;position:relative;width:20px}.perm-checkbox-wrap.perm-locked{cursor:default;opacity:.7}.perm-checkbox{height:0;opacity:0;position:absolute;width:0}.perm-checkmark{align-items:center;background:var(--navy-dark);border:1.5px solid var(--border-light);border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:background .15s,border-color .15s;width:18px}.perm-checkbox:checked+.perm-checkmark{background:var(--amber);border-color:var(--amber)}.perm-checkbox:checked+.perm-checkmark:after{border:2px solid #000;border-left:none;border-top:none;content:"";display:block;height:9px;transform:rotate(45deg) translate(-1px,-1px);width:5px}.perm-checkbox:disabled+.perm-checkmark{cursor:default}.perm-checkbox-wrap:not(.perm-locked):hover .perm-checkmark{border-color:var(--amber)}.ap-groups{display:flex;flex-direction:column;gap:28px;margin-top:8px}.ap-group-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:10px;text-transform:uppercase}.ap-swatches{display:flex;flex-wrap:wrap;gap:10px}.ap-swatch{align-items:center;background:#0000;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:7px;padding:0;position:relative;transition:border-color .15s,transform .1s}.ap-swatch:hover{transform:translateY(-2px)}.ap-swatch-active{border-color:#f5a623!important;border-color:var(--amber,#f5a623)!important}.ap-swatch-preview{border-radius:8px;box-shadow:0 2px 8px #00000059;display:flex;flex-direction:column;height:52px;overflow:hidden;width:72px}.ap-swatch-bar{display:block;width:100%}.ap-swatch-bar-1{background:var(--swatch-bg);flex:2 1}.ap-swatch-bar-2{background:var(--swatch-mid);flex:1.2 1}.ap-swatch-bar-3{background:var(--swatch-light);flex:0.8 1}.ap-swatch-label{color:var(--white);font-size:11px;font-weight:500;white-space:nowrap}.ap-swatch-check{align-items:center;background:#f5a623;background:var(--amber,#f5a623);border-radius:50%;box-shadow:0 1px 4px #0000004d;color:#fff;display:flex;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}.notif-toggle-wrap{align-items:center;cursor:pointer;display:inline-flex;gap:8px;-webkit-user-select:none;user-select:none}.notif-toggle-input{height:0;opacity:0;position:absolute;width:0}.notif-toggle-track{background:#d1d5db;border-radius:20px;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.notif-toggle-input:checked~.notif-toggle-track{background:#4ecb8d;background:var(--green,#4ecb8d)}.notif-toggle-input:disabled~.notif-toggle-track{opacity:.5}.notif-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.notif-toggle-input:checked~.notif-toggle-track .notif-toggle-thumb{transform:translateX(16px)}.notif-toggle-label{color:#6b7280;font-size:12px;min-width:22px}.admin-back-sub-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:5px;color:#6b7280;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;margin-bottom:16px;padding:5px 10px;transition:all .15s}.admin-back-sub-btn:hover{border-color:#1e3a5f;color:#1e3a5f}.pos-items-list{display:flex;flex-direction:column;gap:12px}.pos-item-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:14px}.pos-item-img-wrap{flex-shrink:0;height:80px;position:relative;width:80px}.pos-item-img{border:1px solid #e2e8f0;border-radius:6px;height:80px;object-fit:cover;width:80px}.pos-item-img-placeholder{background:#f8fafc;border:1px dashed #d1d5db;border-radius:6px;color:#9ca3af;height:80px;width:80px}.pos-item-img-btn,.pos-item-img-placeholder{align-items:center;display:flex;justify-content:center}.pos-item-img-btn{background:#1e3a5f;background:var(--navy,#1e3a5f);border:none;border-radius:50%;bottom:4px;color:#fff;cursor:pointer;font-size:10px;height:24px;padding:0;position:absolute;right:4px;width:24px}.pos-item-img-btn:hover{background:#162d52;background:var(--navy-mid,#162d52)}.pos-item-img-btn:disabled{cursor:default;opacity:.6}.pos-item-detail{display:flex;flex:1 1;flex-direction:column;gap:4px}.pos-item-name{color:#111827;font-size:14px;font-weight:600}.pos-item-desc{color:#6b7280;font-size:12px;line-height:1.4}.pos-item-edit-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:5px;color:#6b7280;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.pos-item-edit-btn:hover{border-color:#1e3a5f;border-color:var(--navy,#1e3a5f);color:#1e3a5f;color:var(--navy,#1e3a5f)}.pos-item-name-input{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:inherit;font-size:13px;padding:6px 9px}.pos-item-name-input:focus{border-color:#3b82f6;outline:none}.pos-item-desc-input{border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:inherit;font-size:12px;padding:6px 9px;resize:vertical}.pos-item-desc-input:focus{border-color:#3b82f6;outline:none}.pos-item-actions{display:flex;gap:8px;margin-top:4px}.pos-item-save-btn{background:#1e3a5f;background:var(--navy,#1e3a5f);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 14px}.pos-item-save-btn:hover{background:#162d52;background:var(--navy-mid,#162d52)}.pos-item-save-btn:disabled{cursor:default;opacity:.6}.pos-item-cancel-btn{background:#0000;border:1px solid #d1d5db;border-radius:5px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:5px 12px}.pos-item-cancel-btn:hover{border-color:#9ca3af;color:#374151}.pos-item-cancel-btn:disabled{cursor:default;opacity:.6}.notif-panel{border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:18px 20px}.notif-panel-header{margin-bottom:14px}.notif-panel-title{color:var(--white);font-size:13px;font-weight:700;margin-bottom:3px}.notif-panel-desc{color:var(--muted);font-size:12px}.pos-item-btn-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.pos-item-delete-btn{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:5px;color:#ef4444;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.pos-item-delete-btn:hover{background:#ef444414;border-color:#ef4444}.pos-item-delete-confirm{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.pos-item-delete-confirm-text{color:#ef4444;font-size:12px;font-weight:500}.pos-item-delete-confirm-btn{background:#ef4444;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:4px 10px}.pos-item-delete-confirm-btn:disabled{cursor:default;opacity:.6}.pos-item-delete-cancel-btn{background:#0000;border:1px solid #d1d5db;border-radius:5px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:4px 10px}.pos-item-delete-cancel-btn:hover{border-color:#9ca3af;color:#374151}.cr-page{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.cr-toolbar{background:var(--navy);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:16px 24px}.cr-toolbar,.cr-toolbar-left{align-items:center;display:flex}.cr-toolbar-left{gap:14px}.cr-toolbar-right{gap:8px}.cr-back-btn,.cr-toolbar-right{align-items:center;display:flex}.cr-back-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;gap:6px;opacity:.7;padding:7px 14px;transition:all .15s}.cr-back-btn:hover{border-color:var(--border);opacity:1}.cr-title{color:var(--white);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px}.cr-new-btn{align-items:center;background:var(--amber);border:none;border-radius:var(--radius);color:var(--navy);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:background .2s}.cr-new-btn:hover{background:var(--amber-dark)}.cr-export-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:7px;padding:8px 14px;transition:all .15s}.cr-export-btn:hover{border-color:var(--amber);color:var(--amber)}.cr-clear-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s}.cr-clear-btn:hover{border-color:#f5a62380;color:var(--amber)}.cr-grid-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0}.cr-header-scroll{flex-shrink:0;overflow:hidden}.cr-grid-scroll{flex:1 1;min-height:0;overflow:auto;overflow-x:scroll}.cr-grid-scroll::-webkit-scrollbar{height:10px;width:8px}.cr-grid-scroll::-webkit-scrollbar-track{background:#f1f5f9}.cr-grid-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.cr-grid-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cr-grid{border-collapse:collapse;font-size:13px;table-layout:fixed}.cr-th{background:#1e3a5f;border-bottom:2px solid var(--amber);border-right:1px solid #2d4f7c;color:#fff;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.04em;overflow:visible;padding:10px 12px 8px;text-align:left;text-transform:uppercase;transition:background .15s;-webkit-user-select:none;user-select:none;vertical-align:top;white-space:nowrap;z-index:3}.cr-th:hover{background:#16305a}.cr-th-sorted{background:#16305a!important}.cr-th-actions{cursor:default!important}.cr-th-actions:hover{background:#1e3a5f!important}.cr-th-inner{align-items:center;display:flex;gap:5px}.cr-sort-icon{flex-shrink:0;opacity:1}.cr-sort-idle{opacity:.3}.cr-th:hover .cr-sort-idle{opacity:.7}.cr-resize-handle{border-radius:2px;cursor:col-resize;height:100%;position:absolute;right:-3px;top:0;transition:background .15s;width:7px;z-index:10}.cr-resize-handle:hover{background:#f5a62399}.cr-th:hover .cr-resize-handle{background:#f5a62340}.cr-th:hover .cr-resize-handle:hover{background:#f5a623b3}.cr-th-filter{margin-top:6px}.cr-filter-input-wrap{align-items:center;display:flex;position:relative}.cr-filter-input{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;box-sizing:border-box;color:#fff;font-size:11px;height:24px;padding:0 20px 0 6px;transition:border-color .15s,background .15s;width:100%}.cr-filter-input:focus{background:#ffffff26;border-color:var(--amber);outline:none}.cr-filter-input::placeholder{color:#ffffff59}.cr-filter-clear{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;line-height:1;padding:0;position:absolute;right:5px}.cr-filter-clear:hover{color:#fff}.cr-filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;height:24px;padding:0 4px;width:100%}.cr-filter-select:focus{border-color:var(--amber);outline:none}.cr-filter-select option{background:#1e3a5f;color:#fff}.cr-td{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#374151;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.cr-row{transition:background .1s}.cr-row:hover .cr-td{background:#f0f7ff!important}.cr-td-name{color:#111827;font-weight:600}.cr-td-company{font-weight:500}.cr-td-accounts{color:#6b7280;font-size:12px}.cr-td-phone{font-family:monospace;font-size:12px;letter-spacing:.02em}.cr-td-actions{overflow:visible}.cr-email-link{color:#3b82f6;font-size:12px;text-decoration:none}.cr-email-link:hover{text-decoration:underline}.cr-row-actions{align-items:center;display:flex;gap:5px}.cr-action-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:5px;color:#6b7280;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .15s;white-space:nowrap}.cr-action-btn:hover{background:#f5a6230f;border-color:#f5a623;border-color:var(--amber,#f5a623);color:#f5a623;color:var(--amber,#f5a623)}.cr-delete-btn{padding:4px 7px}.cr-delete-btn:hover{background:#ef44440f!important;border-color:#ef4444!important;color:#ef4444!important}.cr-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.cr-badge-regional{background:#3b82f61f;border:1px solid #3b82f640;color:#2563eb}.cr-badge-national{background:#f5a6231f;border:1px solid #f5a6234d;color:#b45309}.cr-nl-yes{color:#059669;font-size:11px;font-weight:600}.cr-nl-no{color:#9ca3af;font-size:11px}.cr-empty{background:#fff;color:#9ca3af;font-size:14px;padding:48px;text-align:center}.cr-grid-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#9ca3af;flex-shrink:0;font-size:11px;padding:8px 24px}.cm-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.cm-modal{background:#1e2d40;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:560px;width:100%}.cm-modal-sm{max-width:400px}.cm-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px 16px}.cm-title{color:#fff;font-size:16px;font-weight:700;margin:0}.cm-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:22px;line-height:1;padding:0}.cm-close:hover{color:#fff}.cm-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:20px 24px}.cm-row2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.cm-field{display:flex;flex-direction:column;gap:5px}.cm-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.cm-input,.cm-select{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#fff;font-family:inherit;font-size:13px;height:36px;padding:0 12px;transition:border-color .15s}.cm-input:focus,.cm-select:focus{border-color:var(--amber);outline:none}.cm-input::placeholder{color:#4b5563}.cm-select option{background:#1e2d40;color:#fff}.cm-field-checkbox{align-items:center;flex-direction:row}.cm-checkbox-label{align-items:center;color:#d1d5db;cursor:pointer;display:flex;font-size:13px;gap:10px}.cm-checkbox-label input[type=checkbox]{accent-color:var(--amber);cursor:pointer;height:16px;width:16px}.cm-error{background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;color:#f87171;font-size:12px;padding:10px 14px}.cm-confirm-text{color:#d1d5db;font-size:14px;line-height:1.6;margin:0}.cm-confirm-text strong{color:#fff}.cm-footer{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.cm-cancel-btn{background:#0000;border:1px solid #ffffff26;border-radius:6px;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 18px;transition:all .15s}.cm-cancel-btn:hover{border-color:#ffffff4d;color:#fff}.cm-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.cm-save-btn{background:var(--amber);border:none;border-radius:6px;color:var(--navy);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 22px;transition:background .2s}.cm-save-btn:hover{background:var(--amber-dark)}.cm-save-btn:disabled{cursor:not-allowed;opacity:.6}.cm-delete-confirm-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 22px;transition:background .2s}.cm-delete-confirm-btn:hover{background:#dc2626}.cm-delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.npm-backdrop{align-items:center;animation:npmFadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes npmFadeIn{0%{opacity:0}to{opacity:1}}.npm-modal{animation:npmSlideUp .25s cubic-bezier(.22,1,.36,1);background:var(--navy-mid);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;max-height:88vh;max-width:680px;overflow:hidden;width:100%}@keyframes npmSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.npm-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.npm-header,.npm-header-left{align-items:center;display:flex}.npm-header-left{gap:10px}.npm-title{color:var(--white);font-size:16px;font-weight:700;margin:0}.npm-item-badge{background:#f5a62326;border:1px solid #f5a6234d;border-radius:20px;color:var(--amber);font-size:11px;font-weight:600;padding:2px 9px}.npm-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;padding:4px;transition:color .15s}.npm-close:hover{color:var(--white)}.npm-tabs{background:var(--navy);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;padding:0 24px}.npm-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--muted);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;margin-bottom:-1px;padding:10px 16px;transition:all .15s}.npm-tab:hover{color:var(--white)}.npm-tab-active{border-bottom-color:var(--amber);color:var(--amber)}.npm-tab-count{background:var(--amber);border-radius:10px;color:#000;font-size:10px;font-weight:700;padding:1px 6px}.npm-body{flex:1 1;overflow-y:auto;padding:20px 24px}.npm-error{background:#f871711a;border:1px solid #f871714d;border-radius:6px;color:#f87171;font-size:13px;margin-bottom:16px;padding:10px 14px}.npm-section-title{color:var(--amber);font-size:11px;font-weight:700;letter-spacing:.08em;margin:18px 0 10px;text-transform:uppercase}.npm-section-title:first-child{margin-top:0}.npm-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.npm-field{display:flex;flex-direction:column;gap:5px;min-width:120px}.npm-grow{flex:1 1}.npm-field label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.npm-required{color:var(--amber)}.npm-field input,.npm-field textarea{background:var(--navy);background:var(--navy-dark,var(--navy));border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--white);font-family:inherit;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.npm-field input:focus,.npm-field textarea:focus{border-color:var(--amber)}.npm-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.npm-field textarea{min-height:72px;resize:vertical}.npm-items-desc{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 16px}.npm-items-loading{color:var(--muted);font-size:13px;padding:16px 0;text-align:center}.npm-items-grid{display:flex;flex-direction:column;gap:8px}.npm-item-row{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;display:flex;gap:14px;padding:10px 14px}.npm-item-img{border:1px solid var(--border);border-radius:6px;flex-shrink:0;height:52px;object-fit:cover;width:52px}.npm-item-img-placeholder{align-items:center;background:#ffffff0a;border:1px dashed var(--border);border-radius:6px;color:var(--muted);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.npm-item-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.npm-item-name{color:var(--white);font-size:13px;font-weight:400}.npm-item-desc{color:var(--muted);font-size:11px;line-height:1.4}.npm-item-input{background:var(--navy);background:var(--navy-dark,var(--navy));border:1px solid var(--border);border-radius:6px;color:var(--white);flex-shrink:0;font-family:inherit;font-size:13px;padding:7px 8px;text-align:center;transition:border-color .15s;width:80px}.npm-item-input:focus{border-color:var(--amber);outline:none}.npm-items-total{background:#f5a6231a;border:1px solid #f5a62340;border-radius:6px;color:var(--amber);font-size:13px;margin-top:14px;padding:10px 14px;text-align:right}.npm-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:14px 24px}.npm-footer,.npm-footer-right{align-items:center;display:flex}.npm-footer-right{gap:8px}.npm-cancel-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s}.npm-cancel-btn:hover:not(:disabled){border-color:var(--border-light,var(--muted));color:var(--white)}.npm-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.npm-next-btn{background:#0000;border:1px solid var(--amber);border-radius:6px;color:var(--amber);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.npm-next-btn:hover{background:#f5a6231a}.npm-submit-btn{background:var(--amber);border:none;border-radius:6px;color:#000;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 22px;transition:opacity .15s}.npm-submit-btn:hover:not(:disabled){opacity:.88}.npm-submit-btn:disabled{cursor:not-allowed;opacity:.5}.psm-backdrop{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.psm-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}.psm-header{align-items:flex-start;background:#1e3a5f;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 20px 14px}.psm-title{color:#fff;font-size:15px;font-weight:700}.psm-subtitle{color:#fff9;font-size:12px;margin-top:2px}.psm-close{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;padding:2px}.psm-close:hover{color:#fff}.psm-body{padding:20px}.psm-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:13px;margin-bottom:14px;padding:10px 14px}.psm-row{display:flex;gap:12px;margin-bottom:14px}.psm-field{display:flex;flex-direction:column;gap:4px}.psm-grow{flex:1 1}.psm-field label{color:#374151;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.psm-field input,.psm-field select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:inherit;font-size:13px;padding:8px 10px;transition:border-color .15s}.psm-field input:focus,.psm-field select:focus{border-color:#3b82f6;outline:none}.psm-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.psm-cancel{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 16px}.psm-cancel:hover{border-color:#9ca3af;color:#374151}.psm-save{background:#1e3a5f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 20px;transition:background .15s}.psm-save:hover{background:#162d52}.psm-save:disabled{cursor:default;opacity:.6}.pos-page{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.pos-toolbar{background:var(--navy);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:16px 24px}.pos-toolbar,.pos-toolbar-left{align-items:center;display:flex}.pos-toolbar-left{gap:14px}.pos-toolbar-right{align-items:center;display:flex;gap:8px}.pos-back-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;opacity:.7;padding:7px 14px;transition:all .15s}.pos-back-btn:hover{border-color:var(--border);opacity:1}.pos-title{color:var(--white);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px}.pos-new-btn{align-items:center;background:var(--amber);border:none;border-radius:var(--radius);color:var(--navy);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:background .2s}.pos-new-btn:hover{background:var(--amber-dark)}.pos-summary{background:var(--navy-mid);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;padding:14px 24px}.pos-card{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;min-width:90px;padding:10px 20px;text-align:center;transition:background .15s,border-color .15s,transform .1s}.pos-card:hover{background:#ffffff12}.pos-card:active{transform:scale(.97)}.pos-card-value{color:var(--white);font-size:22px;font-weight:700;line-height:1}.pos-card-label{color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap}.pos-card-blue{border-color:#3b82f666}.pos-card-blue .pos-card-value{color:#60a5fa}.pos-card-amber{border-color:#f5a62366}.pos-card-amber .pos-card-value{color:var(--amber)}.pos-card-gray{border-color:#9ca3af66}.pos-card-gray .pos-card-value{color:#9ca3af}.pos-card-green{border-color:#4ecb8d66}.pos-card-green .pos-card-value{color:var(--green)}.pos-card-active{background:#ffffff17;border-color:#ffffff40}.pos-card-blue.pos-card-active{background:#3b82f61f;border-color:#3b82f6b3}.pos-card-amber.pos-card-active{background:#f5a6231f;border-color:#f5a623b3}.pos-card-gray.pos-card-active{background:#9ca3af1a;border-color:#9ca3af99}.pos-card-green.pos-card-active{background:#4ecb8d1f;border-color:#4ecb8db3}.pos-filters{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;padding:10px 24px}.pos-status-pills{display:flex;flex-wrap:wrap;gap:6px}.pos-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:500;padding:4px 12px;transition:all .15s;white-space:nowrap}.pos-pill:hover{border-color:#1e3a5f;color:#1e3a5f}.pos-pill-active{background:#1e3a5f!important;border-color:#1e3a5f!important;color:#fff!important}.pos-search-wrap{align-items:center;display:flex;margin-left:auto;position:relative}.pos-search-icon{color:#9ca3af;left:10px;pointer-events:none;position:absolute}.pos-search{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#111827;font-size:12px;height:32px;padding:0 28px 0 30px;transition:border-color .15s;width:240px}.pos-search:focus{border-color:#3b82f6;outline:none}.pos-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;line-height:1;position:absolute;right:8px}.pos-grid-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.pos-grid-scroll{flex:1 1;overflow:auto;overflow-x:scroll}.pos-grid-scroll::-webkit-scrollbar{height:10px;width:8px}.pos-grid-scroll::-webkit-scrollbar-track{background:#f1f5f9}.pos-grid-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.pos-grid-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pos-grid{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.pos-th{background:#1e3a5f;border-bottom:2px solid var(--amber);border-right:1px solid #2d4f7c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;overflow:visible;padding:10px 12px;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:3}.pos-th[style*="cursor: pointer"]:hover{background:#16305a}.pos-th-sorted{background:#16305a!important}.pos-th-inner{align-items:center;display:flex;gap:5px}.pos-sort-icon{flex-shrink:0;opacity:1}.pos-sort-idle{opacity:.3}.pos-resize-handle{border-radius:2px;cursor:col-resize;height:100%;position:absolute;right:-3px;top:0;transition:background .15s;width:7px;z-index:10}.pos-resize-handle:hover{background:#f5a62399}.pos-th:hover .pos-resize-handle{background:#f5a62340}.pos-th:hover .pos-resize-handle:hover{background:#f5a623b3}.pos-td{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#374151;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.pos-row{cursor:pointer;transition:background .1s}.pos-row:hover .pos-td{background:#f0f7ff!important}.pos-row-expanded .pos-td{background:#eff6ff!important}.pos-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.pos-status-pending{background:#9ca3af26;border:1px solid #9ca3af4d;color:#6b7280}.pos-status-process{background:#3b82f61f;border:1px solid #3b82f640;color:#2563eb}.pos-status-hold{background:#f5a6231f;border:1px solid #f5a6234d;color:#b45309}.pos-status-shipped{background:#4ecb8d1f;border:1px solid #4ecb8d4d;color:#059669}.pos-company{color:#111827;font-weight:600}.pos-contact-name{font-weight:500}.pos-contact-phone{color:#9ca3af;font-size:11px;margin-top:1px}.pos-td-ordnum{color:#1e3a5f;font-size:12px;font-weight:600}.pos-td-qty{font-weight:600;text-align:center}.pos-submitter{color:#6b7280;font-size:12px}.pos-carrier{color:#9ca3af;display:block;font-size:10px;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.pos-tracking-link{color:#3b82f6;font-size:11px;font-weight:500;text-decoration:none}.pos-tracking-link:hover{text-decoration:underline}.pos-tracking{color:#6b7280;font-size:11px}.pos-notes-icon{align-items:center;color:#9ca3af;cursor:default;display:flex;justify-content:center}.pos-notes-icon:hover{color:#3b82f6}.pos-row-actions{display:flex;gap:6px}.pos-row-actions,.pos-row-edit-btn{align-items:center;white-space:nowrap}.pos-row-edit-btn{background:#0000;border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;gap:5px;padding:4px 10px;transition:color .15s,border-color .15s,background .15s}.pos-row-edit-btn:hover{background:#f5a6230f;border-color:var(--amber);color:var(--amber)}.pos-detail-row td{background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:0}.pos-detail{display:flex;flex-wrap:wrap;gap:0;padding:14px 24px}.pos-detail-section{flex:1 1;max-width:400px;min-width:200px;padding:8px 16px 8px 0}.pos-detail-actions,.pos-detail-items,.pos-detail-notes{flex-basis:100%;min-width:100%}.pos-detail-actions{align-items:center;display:flex;gap:8px;padding-top:4px}.pos-detail-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.pos-detail-value{color:#374151;font-size:13px;line-height:1.5;white-space:pre-wrap}.pos-items-grid{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:4px}.pos-item-row{align-items:center;display:flex;font-size:12px;gap:8px}.pos-item-label{color:#374151}.pos-item-qty{background:#eff6ff;border-radius:10px;color:#1e3a5f;font-weight:700;padding:1px 8px}.pos-item-none{color:#9ca3af;font-size:12px}.pos-edit-shipping-btn{align-items:center;background:#0000;border:1px solid #ffffff26;border:1px solid var(--border-light,#ffffff26);border-radius:6px;color:var(--amber);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:7px;padding:7px 16px;transition:background .15s,border-color .15s}.pos-edit-shipping-btn:hover{background:#f5a62314;border-color:var(--amber)}.pos-delete-btn{align-items:center;background:#0000;border:1px solid #ef444466;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:background .15s,border-color .15s}.pos-delete-btn:hover{background:#ef444414;border-color:#ef4444}.pos-delete-confirm{align-items:center;background:#ef444414;border:1px solid #ef444459;border-radius:6px;display:inline-flex;gap:8px;padding:6px 12px}.pos-delete-confirm-text{color:#ef4444;font-size:12px;font-weight:500;white-space:nowrap}.pos-delete-confirm-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:4px 12px;transition:background .15s;white-space:nowrap}.pos-delete-confirm-btn:hover{background:#dc2626}.pos-delete-confirm-btn:disabled{cursor:default;opacity:.6}.pos-delete-cancel-btn{background:#0000;border:1px solid #ffffff26;border-radius:4px;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:4px 10px;transition:border-color .15s,color .15s;white-space:nowrap}.pos-delete-cancel-btn:hover{border-color:#ffffff4d;color:#fff}.pos-empty{color:#9ca3af;font-size:14px;padding:48px;text-align:center}.pos-grid-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#9ca3af;flex-shrink:0;font-size:11px;padding:8px 24px}.pos-success-toast{animation:posToastIn .3s ease,posToastOut .4s ease 3.6s forwards;background:#1e3a5f;border-radius:8px;bottom:32px;box-shadow:0 8px 24px #00000040;color:#fff;font-size:14px;font-weight:600;left:50%;padding:14px 28px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:2000}@keyframes posToastIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes posToastOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.app-shell{flex-direction:column;height:100vh}.app-main,.app-shell{display:flex;overflow:hidden}.app-main{flex:1 1;flex-direction:column;min-height:0}.app-loading{align-items:center;background:var(--navy);color:var(--muted);display:flex;flex-direction:column;font-size:14px;gap:16px;height:100vh;justify-content:center}.app-loading-spinner{animation:appSpin .75s linear infinite;border:3px solid var(--navy-light);border-radius:50%;border-top-color:var(--amber);height:36px;width:36px}@keyframes appSpin{to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0a1628;--navy-mid:#0f2040;--navy-light:#162d52;--amber:#f5a623;--amber-dark:#d4891a;--amber-glow:#f5a62326;--teal:#00c2a8;--teal-dim:#00c2a826;--white:#fff;--off-white:#f0f4fa;--muted:#8a9bbf;--border:#ffffff14;--border-light:#ffffff26;--red:#e8526a;--green:#4ecb8d;--row-hover:#f5a6230f;--row-stripe:hsla(0,0%,100%,.025);--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--radius:8px;--radius-lg:14px;--shadow:0 4px 24px #0006;--shadow-sm:0 2px 8px #0000004d}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a1628;background:var(--navy);color:#fff;color:var(--white);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;height:100%;line-height:1.5}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0f2040;background:var(--navy-mid)}::-webkit-scrollbar-thumb{background:#162d52;background:var(--navy-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8a9bbf;background:var(--muted)}button{cursor:pointer}button,input,select{font-family:DM Sans,sans-serif;font-family:var(--font-body)}
/*# sourceMappingURL=main.3d306c4c.css.map*/