.login-page{background:var(--bg,#0b0e14);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--card,#1a1d27);border:1px solid var(--border,#2e3245);border-radius:16px;flex-direction:column;width:100%;max-width:340px;padding:28px 24px;display:flex;box-shadow:0 20px 60px #00000080}.login-logo{color:var(--text,#f9fafb);text-align:center;letter-spacing:.04em;margin:0 0 4px;font-size:1.6rem;font-weight:800}.login-sub{text-align:center;color:var(--text-2,#9ca3af);text-transform:uppercase;letter-spacing:.08em;margin:0 0 22px;font-size:.8rem}.login-label{color:var(--text-2,#9ca3af);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 5px;font-size:.68rem;font-weight:700}.login-input{background:var(--elevated,#11141c);border:1px solid var(--border,#2e3245);color:var(--text,#f9fafb);border-radius:9px;outline:none;padding:9px 12px;font-family:inherit;font-size:.9rem}.login-input:focus{border-color:var(--blue-b,#3b82f6)}.login-error{background:var(--red-bg,#450a0a);border:1px solid var(--red-b,#7f1d1d);color:var(--red,#f87171);border-radius:8px;margin-top:14px;padding:8px 11px;font-size:.8rem}.login-btn{background:var(--blue,#3b82f6);color:#fff;cursor:pointer;letter-spacing:.04em;border:none;border-radius:9px;margin-top:20px;padding:11px;font-family:inherit;font-size:.9rem;font-weight:700;transition:opacity .15s}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.5;cursor:default}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;min-width:220px;height:100vh;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 16px 16px;display:flex}.logo-icon{font-size:1.4rem}.logo-text{color:var(--text);letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.sidebar-section{flex:1;padding:12px 8px;overflow-y:auto}.sidebar-section-title{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;padding:0 8px;font-size:.62rem;font-weight:700;display:block}.nav-item{width:100%;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-family:inherit;font-size:.8rem;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--elevated);color:var(--text)}.nav-item--active{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-b)}.nav-item--active:hover{background:var(--blue-bg)}.nav-icon{text-align:center;width:20px;font-size:.95rem}.nav-icon--text{letter-spacing:0;font-size:1rem}.nav-label{text-transform:uppercase;letter-spacing:.04em;flex:1;font-size:.75rem;font-weight:600}.nav-badge{text-align:center;border-radius:99px;min-width:20px;padding:2px 7px;font-size:.65rem;font-weight:700}.nav-badge--blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-b)}.nav-badge--amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-b)}.nav-badge--red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b)}.nav-badge--green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.nav-badge--muted{background:var(--elevated);color:var(--text-2)}.sidebar-footer{border-top:1px solid var(--border);padding:12px 8px}.sidebar-user{align-items:center;gap:10px;padding:8px;display:flex}.user-avatar{background:var(--blue-bg);border:1px solid var(--blue-b);width:34px;height:34px;color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.user-name{color:var(--text);font-size:.82rem;font-weight:600}.user-role{color:var(--text-2);font-size:.7rem}.logout-btn{background:var(--red-bg,#450a0a);width:100%;color:var(--red,#f87171);border:1px solid var(--red-b,#7f1d1d);letter-spacing:.05em;cursor:pointer;border-radius:8px;margin-top:8px;padding:7px;font-family:inherit;font-size:.74rem;font-weight:700;transition:all .15s}.logout-btn:hover{background:var(--red,#f87171);color:#fff}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{z-index:200;height:100%;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:199;background:#0000008c;display:block;position:fixed;inset:0}}.sec-overlay{z-index:200;background:#000c;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.sec-modal{background:var(--card,#1a1d27);border:1px solid var(--border-hi,#3a3f55);border-radius:16px;width:100%;max-width:360px;padding:22px;box-shadow:0 20px 60px #0009}.sec-title{color:var(--text,#f9fafb);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:.95rem;font-weight:800}.sec-hint{color:var(--text-2,#9ca3af);margin:0 0 14px;font-size:.8rem}.sec-input{box-sizing:border-box;background:var(--elevated,#11141c);border:1px solid var(--border,#2e3245);width:100%;color:var(--text,#f9fafb);letter-spacing:.3em;border-radius:9px;outline:none;padding:10px 12px;font-family:inherit;font-size:1rem}.sec-input:focus{border-color:var(--blue-b,#3b82f6)}.sec-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.sec-btn{cursor:pointer;letter-spacing:.04em;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:700}.sec-btn-ghost{background:var(--elevated,#11141c);color:var(--text,#f9fafb);border:1px solid var(--border,#2e3245)}.sec-btn-primary{background:var(--blue,#3b82f6);color:#fff}.sec-btn-primary:disabled{opacity:.5;cursor:default}.ca-wrap{width:100%;position:relative}.ca-input{box-sizing:border-box;background:var(--surface,#16162a);border:1px solid var(--border,#2d2d44);width:100%;color:var(--text-1,#e2e8f0);border-radius:6px;outline:none;padding:.45rem .65rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.ca-input:focus{border-color:var(--accent,#6366f1)}.ca-list{background:var(--elevated,#1e1e30);border:1px solid var(--border,#2d2d44);z-index:9999;scrollbar-width:thin;scrollbar-color:var(--border,#2d2d44) transparent;border-radius:6px;max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.ca-list::-webkit-scrollbar{width:5px}.ca-list::-webkit-scrollbar-track{background:0 0}.ca-list::-webkit-scrollbar-thumb{background:var(--border,#2d2d44);border-radius:4px}.ca-item{cursor:pointer;color:var(--text-1,#e2e8f0);white-space:nowrap;text-overflow:ellipsis;padding:.38rem .75rem;font-size:.82rem;transition:background 80ms;overflow:hidden}.ca-item:hover,.ca-item--hl{background:var(--accent,#6366f1);color:#fff}.modal--bulk-city{width:95vw!important;max-width:760px!important}.bulk-city-list{border:1px solid var(--border);border-radius:8px;max-height:55vh;margin-bottom:8px;overflow:hidden auto}.bulk-city-header,.bulk-city-row{grid-template-columns:88px 140px 108px 130px 1fr;align-items:center;gap:8px;padding:6px 12px;display:grid}.bulk-city-header{background:var(--surface);color:var(--text-2);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);z-index:1;font-size:.63rem;font-weight:700;position:sticky;top:0}.bulk-city-row{border-bottom:1px solid var(--border);background:var(--card);transition:background .1s}.bulk-city-row:last-child{border-bottom:none}.bulk-city-row:hover{background:var(--elevated)}.bulk-city-id{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.7rem;overflow:hidden}.bulk-city-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.bulk-city-phone{color:var(--text-2);font-size:.72rem}.bulk-city-current{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.bulk-city-input{min-width:0}@media (width<=640px){.bulk-city-header,.bulk-city-row{grid-template-columns:72px 1fr 90px}.bulk-city-phone,.bulk-city-current{display:none}}.df-wrap{position:relative}.df-presets{flex-wrap:wrap;gap:4px;display:flex}.df-btn{border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s}.df-btn:hover{background:var(--elevated);color:var(--text);border-color:var(--border-hi)}.df-btn--active{background:var(--blue-bg)!important;border-color:var(--blue-b)!important;color:var(--blue)!important}.df-btn--custom{align-items:center;gap:4px;display:flex}.cal-popup{z-index:999;background:var(--card);border:1px solid var(--border-hi);border-radius:14px;min-width:580px;padding:16px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 40px #0009}.cal-body{align-items:flex-start;gap:8px;display:flex}.cal-nav{background:var(--elevated);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:6px;align-self:center;padding:4px 10px;font-size:1rem}.cal-nav:hover{color:var(--text);border-color:var(--border-hi)}.cal-months{flex:1;gap:24px;display:flex}.cal-month{flex:1}.cal-month-title{text-align:center;color:var(--text);margin-bottom:10px;font-size:.82rem;font-weight:600}.cal-weekdays{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.cal-wd{text-align:center;color:var(--text-3);padding:2px 0;font-size:.68rem}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-day{text-align:center;color:var(--text-2);cursor:pointer;border-radius:6px;padding:6px 2px;font-size:.78rem}.cal-day:hover{background:var(--elevated);color:var(--text)}.cal-today{color:var(--blue);font-weight:700}.cal-sel{font-weight:700;background:var(--blue)!important;color:#fff!important}.cal-range{background:var(--blue-bg);color:var(--blue)}.cal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.cal-reset{color:var(--text-2);cursor:pointer;background:0 0;border:none;font-size:.8rem}.cal-reset:hover{color:var(--text)}.cal-cancel{background:var(--elevated);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:7px;padding:6px 14px;font-family:inherit;font-size:.8rem}.cal-apply{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600}@media (width<=768px){.df-presets{gap:3px}.df-btn{padding:4px 9px;font-size:.73rem}.cal-popup{z-index:999;width:calc(100vw - 20px);min-width:0;max-height:calc(100vh - 48px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.cal-months{flex-direction:column;gap:16px}.cal-body{flex-direction:column;gap:10px}}.date-filters{gap:4px;display:flex}.date-btn{border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:.75rem;transition:all .15s}.date-btn:hover{color:var(--text);border-color:var(--border-hi)}.date-btn--active{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-b)}.search-input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;width:240px;margin-right:auto;padding:6px 12px;font-family:inherit;font-size:.82rem}.filter-select:focus{border-color:var(--border-hi);outline:none}.order-row--selected,.order-row--selected:hover{background:var(--blue-bg)!important}.stock-select{cursor:pointer;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:.72rem;font-weight:700}.stock-select.stock-in{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.stock-select.stock-out{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b)}.stock-select:focus{outline:none}.stock-select:disabled{opacity:.6;cursor:not-allowed}.stock-cell{flex-direction:column;align-items:center;gap:0;display:inline-flex}.stock-out-qty{color:#f59e0b;white-space:nowrap;text-align:center;align-self:center;margin-top:4px;font-family:monospace;font-size:.72rem;font-weight:700}.wh-badge{border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600}.wh-sent{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.wh-error{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b)}.wh-empty{color:var(--text-3);font-size:.8rem}.note-badge{color:var(--cyan);background:var(--cyan-bg);border:1px solid var(--cyan-b);white-space:pre-line;border-radius:5px;flex-direction:column;gap:2px;padding:4px 7px;font-size:.72rem;display:flex}.note-val{color:var(--text-2);font-size:.75rem}.modal h3{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:10px;font-size:.9rem;font-weight:700}.inline-input{background:var(--elevated);border:1px solid var(--blue-b);color:var(--text);border-radius:5px;outline:none;width:100%;min-width:60px;max-width:140px;padding:3px 7px;font-family:inherit;font-size:.78rem}.inline-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-bg)}.pn-format-err{color:var(--amber);margin-top:3px;font-size:.65rem;font-style:italic;font-weight:600;display:block}.pn-out-label{color:var(--red);background:var(--red-bg);border:1px solid var(--red-b);border-radius:4px;margin-top:3px;padding:1px 5px;font-size:.65rem;font-weight:700;display:inline-block}@media (width<=768px){.page{padding:1rem .75rem}.page-header{flex-wrap:wrap;gap:8px}.page-title{font-size:1.1rem}.filters-row{flex-wrap:wrap;gap:6px}.search-input{width:100%}.table-wrap{overflow-x:auto}.orders-table{min-width:580px}}@media (width<=480px){.page{padding:.75rem .5rem}.page-title{font-size:1rem}.orders-table{min-width:520px}}.cm-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cm-box{background:var(--card);border:1px solid var(--border-hi);border-radius:14px;width:100%;max-width:380px;padding:24px;box-shadow:0 24px 64px #000000a6}.cm-msg{color:var(--text);margin-bottom:22px;font-size:.9rem;font-weight:600;line-height:1.55}.cm-actions{justify-content:flex-end;gap:8px;display:flex}.cm-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .15s}.cm-btn--cancel{background:var(--elevated);color:var(--text-2);border:1px solid var(--border)}.cm-btn--cancel:hover{background:var(--hover);color:var(--text)}.cm-btn--delete{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b)}.cm-btn--delete:hover{background:var(--red);color:#fff}.tab-btn{border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.tab-btn--active{background:var(--green-bg)!important;border-color:var(--green-b)!important;color:var(--green)!important}.order-row--selected,.order-row--selected:hover{background:var(--green-bg)!important}.cdi-btn--edit{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-b)}.return-select{background:var(--elevated);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:5px;margin-top:4px;padding:2px 6px;font-family:inherit;font-size:.7rem}.return-select:focus{outline:none}.note-val{color:var(--text-2);white-space:pre-line;flex-direction:column;gap:2px;font-size:.75rem;display:flex}.note-val-change{color:var(--cyan);font-size:.75rem;font-weight:600}.change-val{color:var(--cyan);font-family:monospace;font-size:.75rem}.modal-title{color:var(--text);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;padding-bottom:10px;font-size:.95rem;font-weight:700}.fgrp input,.fgrp select{background:var(--elevated);border:1px solid var(--border);width:100%;color:var(--text);border-radius:7px;padding:6px 10px;font-family:inherit;font-size:.82rem}.mbtn{cursor:pointer;border:none;border-radius:7px;padding:7px 16px;font-family:inherit;font-size:.8rem;font-weight:600}.send-all-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1rem;display:flex}.send-all-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.send-all-btn{color:#93c5fd;cursor:pointer;white-space:nowrap;background:#1e3a5f;border:1px solid #3b82f6;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.send-all-btn:hover:not(:disabled){color:#fff;background:#1d4ed8}.send-all-btn:disabled{opacity:.5;cursor:not-allowed}.send-all-result{color:var(--green);white-space:nowrap;font-size:.78rem;font-weight:600}.send-all-result--err{color:var(--red)}.tab-btn--active-ameex-fail{color:#fb923c!important;background:#431407!important;border-color:#c2410c!important}.status-ship-row{align-items:center;gap:6px;display:flex}.ship-btn{cursor:pointer;background:#1e3a5f;border:1px solid #3b82f6;border-radius:8px;flex-shrink:0;padding:3px 7px;font-size:1.05rem;line-height:1;transition:background .15s,opacity .15s}.ship-btn:hover:not(:disabled){background:#1d4ed8}.ship-btn:disabled{opacity:.35;cursor:not-allowed}.ameex-icon-sending{opacity:.5;pointer-events:none;cursor:not-allowed}.send-failed-label{letter-spacing:.04em;color:#fb923c;text-transform:uppercase;margin-top:5px;font-size:.67rem;font-weight:700}.send-failed-reason{color:#fb923c;opacity:.8;margin-top:2px;font-size:.65rem;font-style:italic}@media (width<=768px){.page{padding:1rem .75rem}.page-header{flex-wrap:wrap;gap:8px}.page-title{font-size:1.1rem}.filters-row{flex-wrap:wrap;gap:6px}.search-input{width:100%}.table-wrap{overflow-x:auto}.orders-table{min-width:580px}}@media (width<=480px){.page{padding:.75rem .5rem}.page-title{font-size:1rem}.orders-table{min-width:520px}}.exchange-tracking{flex-direction:column;gap:2px;font-size:.72rem;display:flex}.exchange-tracking .xt-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem}.ameex-sync-hint{color:var(--text-3);opacity:.8;font-size:.72rem;font-style:italic;animation:1.2s ease-in-out infinite ameex-pulse}@keyframes ameex-pulse{0%,to{opacity:.4}50%{opacity:.9}}.tab-btn--active--shipped,.tab-btn--active-shipped{background:var(--amber-bg)!important;border-color:var(--amber-b)!important;color:var(--amber)!important}.order-row--selected,.order-row--selected:hover{background:var(--amber-bg)!important}.status-select{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-b);cursor:pointer;border-radius:6px;min-width:120px;padding:4px 8px;font-family:inherit;font-size:.72rem;font-weight:600}.status-select:focus{outline:none}.status-select:disabled{opacity:.6;cursor:not-allowed}.nostock-btn{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-b);cursor:pointer;border-radius:5px;padding:2px 8px;font-family:inherit;font-size:.7rem;font-weight:600}.nostock-btn:hover{opacity:.8}.nostock-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-select{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:7px;padding:5px 10px;font-family:inherit;font-size:.78rem}.bulk-apply-btn{background:var(--amber);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:5px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:opacity .15s}.bulk-apply-btn:hover{opacity:.85}.bulk-apply-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.page{padding:1rem .75rem}.page-header{flex-wrap:wrap;gap:8px}.page-title{font-size:1.1rem}.filters-row{flex-wrap:wrap;gap:6px}.search-input{width:100%}.table-wrap{overflow-x:auto}.orders-table{min-width:580px}}@media (width<=480px){.page{padding:.75rem .5rem}.page-title{font-size:1rem}.orders-table{min-width:520px}}.total-badge{background:var(--card);border:1px solid var(--border);color:var(--text-2);border-radius:8px;padding:4px 12px;font-size:.8rem}.tab-btn--active--failed,.tab-btn--active-failed{background:var(--red-bg)!important;border-color:var(--red-b)!important;color:var(--red)!important}.filters-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1rem;display:flex}.filter-select{background:var(--card);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:.78rem}.order-row--selected,.order-row--selected:hover{background:var(--red-bg)!important}.cdi-btn--call{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-b)}.cdi-btn--wa{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.fup-btn{cursor:pointer;border:none;border-radius:6px;min-width:70px;padding:4px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s}.fup-btn:disabled{opacity:.6;cursor:not-allowed}.fup-yes{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.fup-pending{background:var(--elevated);color:var(--text-2);border:1px solid var(--border)}.ameex-badge{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-b);border-radius:6px;padding:3px 8px;font-size:.72rem}@media (width<=768px){.page{padding:1rem .75rem}.page-header{flex-wrap:wrap;gap:8px}.page-title{font-size:1.1rem}.filters-row{flex-wrap:wrap;gap:6px}.search-input{width:100%}.table-wrap{overflow-x:auto}.orders-table{min-width:580px}}@media (width<=480px){.page{padding:.75rem .5rem}.page-title{font-size:1rem}.orders-table{min-width:520px}}.page-title{color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-size:1.4rem;font-weight:700}.farah-all-btn{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);cursor:pointer;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.farah-all-btn:hover{background:var(--green);color:#fff}.tabs-row{flex-wrap:wrap;gap:4px;margin-bottom:1rem;display:flex}.tab-btn{border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.75rem;font-weight:500;display:flex}.tab-btn:hover{background:var(--elevated);color:var(--text);border-color:var(--border-hi)}.tab-btn--active-delivered,.tab-btn--active--delivered{background:var(--green-bg)!important;border-color:var(--green-b)!important;color:var(--green)!important}.tab-count{background:#ffffff14;border-radius:99px;padding:1px 6px;font-size:.7rem}.filters-row{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);background:var(--surface);padding:10px 14px;font-size:.68rem;font-weight:700}.order-row{border-bottom:1px solid var(--border);transition:background .1s}.order-row:hover{background:var(--elevated)}.order-row--selected,.order-row--selected:hover{background:var(--green-bg)!important}.order-row td{vertical-align:top;padding:10px 14px}.td-id{color:var(--text-2);white-space:nowrap;font-family:monospace;font-size:.8rem}.td-date{color:var(--text-3);white-space:nowrap;margin-top:2px;font-family:inherit;font-size:.68rem}.pn-badge{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.td-cdi{min-width:180px}.cdi-name{color:var(--text);margin-bottom:2px;font-size:.85rem;font-weight:600}.cdi-info{color:var(--text-2);margin-bottom:1px;font-size:.72rem}.cdi-actions{gap:4px;margin-top:6px;display:flex}.cdi-btn{cursor:pointer;border:none;border-radius:5px;padding:3px 8px;font-size:.75rem;font-weight:500;text-decoration:none}.cdi-btn--delete{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b)}.td-price{color:var(--text);white-space:nowrap;font-size:.85rem;font-weight:600}.status-badge{white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-block}.farah-locked{text-align:center;color:var(--text-3);font-size:1rem;display:block}.farah-btn{cursor:pointer;border:none;border-radius:6px;min-width:50px;padding:4px 12px;font-family:inherit;font-size:.75rem;font-weight:700}.farah-yes{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.farah-no{background:var(--elevated);color:var(--text-2);border:1px solid var(--border)}.tracking-val{color:var(--text-2);font-family:monospace;font-size:.75rem}.empty-val{color:var(--text-3);font-size:.8rem}.cb-cell{width:36px!important;padding:10px 0 10px 14px!important}.row-cb{cursor:pointer;width:15px;height:15px;accent-color:var(--green);display:block}.bulk-bar{background:var(--elevated);border:1px solid var(--green-b);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1rem;padding:8px 14px;display:flex}.bulk-count{color:var(--green);background:var(--green-bg);border:1px solid var(--green-b);border-radius:99px;padding:3px 10px;font-size:.82rem;font-weight:700}.bulk-deselect{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.78rem}.bulk-deselect:hover{color:var(--red)}.bulk-action-btn{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);cursor:pointer;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.bulk-action-btn:hover{background:var(--green);color:#fff}.bulk-action-btn:disabled{opacity:.45;cursor:not-allowed}.bulk-delete-btn{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b);cursor:pointer;border-radius:7px;margin-left:auto;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.bulk-delete-btn:hover{background:var(--red);color:#fff}.bulk-delete-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.page{padding:1rem .75rem}.page-header{flex-wrap:wrap;gap:8px}.page-title{font-size:1.1rem}.filters-row{flex-wrap:wrap;gap:6px}.search-input{width:100%}.table-wrap{overflow-x:auto}.orders-table{min-width:580px}}@media (width<=480px){.page{padding:.75rem .5rem}.page-title{font-size:1rem}.orders-table{min-width:520px}}.page{min-height:100vh;padding:1.5rem}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.page-title{color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.4rem;font-weight:700}.prod-subtitle{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:.72rem;display:block}.prod-loading{color:var(--text-2);padding:2rem;font-size:.85rem}.refresh-btn{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-b);cursor:pointer;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.refresh-btn:hover{background:var(--blue);color:#fff}.add-btn{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);cursor:pointer;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.add-btn:hover{background:var(--green);color:#fff}.filters-row{gap:10px;margin-bottom:1rem;display:flex}.search-input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;width:280px;padding:6px 12px;font-family:inherit;font-size:.82rem}.search-input:focus{border-color:var(--blue-b);outline:none}.search-input::placeholder{color:var(--text-3)}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.prod-table{border-collapse:collapse;width:100%}.prod-table thead th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--border);background:var(--surface);padding:9px 12px;font-size:.65rem;font-weight:700}.prod-table .th-brand-code{text-align:center;width:64px}.prod-table thead th:last-child{width:100px}.brand-name-cell{color:var(--blue);text-transform:uppercase;letter-spacing:.14em;text-align:center;background:var(--surface);border-top:2px solid var(--border);border-bottom:1px solid var(--border);padding:7px 16px;font-size:.68rem;font-weight:800}.prod-table tbody tr:first-child .brand-name-cell{border-top:none}.td-brand-code{text-align:center;vertical-align:middle;letter-spacing:.04em;border-right:1px solid var(--border);background:var(--surface);width:64px;padding:10px 8px;font-family:monospace;font-size:1.05rem;font-weight:800}.prod-row{border-bottom:1px solid var(--border);transition:background .1s}.prod-row:hover{background:var(--elevated)}.prod-row:last-child{border-bottom:none}.prod-row td{vertical-align:middle;padding:8px 12px}.empty-row{text-align:center;color:var(--text-3);font-size:.85rem;padding:2.5rem!important}.pn-badge{border:1px solid #0000;border-radius:6px;padding:3px 9px;font-family:monospace;font-size:.75rem;font-weight:700}.qty-badge{text-align:center;border-radius:6px;min-width:40px;padding:3px 12px;font-family:monospace;font-size:.85rem;font-weight:700;display:inline-block}.qty-badge--editable{cursor:pointer;transition:filter .15s}.qty-badge--editable:hover{filter:brightness(1.25)}.qty-edit-input{background:var(--elevated);border:1px solid var(--blue-b);width:56px;color:var(--text);text-align:center;border-radius:6px;outline:none;padding:3px 7px;font-family:monospace;font-size:.85rem;font-weight:700}.qty-edit-input:focus{box-shadow:0 0 0 2px var(--blue-bg)}.brand-name-cell{position:relative}.addpn-btn--header{color:var(--green);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.7rem;font-weight:700;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.addpn-btn--header:hover{text-decoration:underline}.addpn-row td{padding:8px 14px}.addpn-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.addpn-input{box-sizing:border-box;background:var(--elevated);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;flex:none;width:130px;padding:4px 8px;font-family:inherit;font-size:.78rem}.addpn-input:focus{border-color:var(--blue-b)}.addpn-input--qty{text-align:center;width:64px}.addpn-err{color:var(--red);margin-left:4px;font-size:.7rem}.td-qtyplus{white-space:nowrap}.qtyplus-row{align-items:center;gap:4px;display:flex}.qtyplus-input{background:var(--elevated);border:1px solid var(--border);width:52px;color:var(--text);text-align:center;border-radius:6px;padding:4px 6px;font-family:inherit;font-size:.78rem}.qtyplus-input:focus{border-color:var(--blue-b);outline:none}.qtyplus-input::-webkit-inner-spin-button{opacity:.4}.qtyplus-input::-webkit-outer-spin-button{opacity:.4}.qtyplus-btn{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.qtyplus-btn:hover{background:var(--green);color:#fff}.qtyplus-btn:disabled{opacity:.45;cursor:default}.td-actions{white-space:nowrap;text-align:right}.act-btn{cursor:pointer;border:none;border-radius:5px;margin-left:3px;padding:3px 8px;font-family:inherit;font-size:.7rem;font-weight:600;transition:all .15s}.act-edit{background:var(--elevated);color:var(--text-2);border:1px solid var(--border)}.act-edit:hover{background:var(--hover);color:var(--text)}.act-del{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b)}.act-del:hover{opacity:.8}.overlay{z-index:100;background:#000c;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border-hi);border-radius:16px;width:100%;max-width:400px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 20px 60px #0009}.modal-title{color:var(--text);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;padding-bottom:10px;font-size:.95rem;font-weight:700}.fgrp{margin-bottom:10px}.fgrp label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.72rem;display:block}.fgrp input,.fgrp select{box-sizing:border-box;background:var(--elevated);border:1px solid var(--border);width:100%;color:var(--text);border-radius:7px;padding:6px 10px;font-family:inherit;font-size:.82rem}.fgrp input:focus,.fgrp select:focus{border-color:var(--blue-b);outline:none}.err{background:var(--red-bg);border:1px solid var(--red-b);color:var(--red);border-radius:7px;margin-top:8px;padding:6px 10px;font-size:.78rem}.modal-actions{justify-content:flex-end;gap:6px;margin-top:14px;display:flex}.mbtn{cursor:pointer;border:none;border-radius:7px;padding:7px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s}.mbtn-ghost{background:var(--elevated);color:var(--text);border:1px solid var(--border)}.mbtn-ghost:hover{background:var(--hover)}.mbtn-primary{background:var(--green);color:#fff}.mbtn-primary:hover{opacity:.88}.mbtn:disabled{opacity:.5;cursor:default}@media (width<=768px){.page{padding:1rem .75rem}.page-header{flex-wrap:wrap;gap:8px}.page-title{font-size:1.1rem}.filters-row{flex-wrap:wrap;gap:6px}.search-input{width:100%}.table-wrap{overflow-x:auto}.prod-table{min-width:400px}.td-brand-code{width:48px;padding:8px 4px;font-size:.85rem}}@media (width<=480px){.page{padding:.75rem .5rem}.page-title{font-size:1rem}.prod-table{min-width:340px}.td-brand-code{width:38px;font-size:.75rem}}.dash-page{min-height:100vh;padding:1.5rem}.dash-filters-row{margin-bottom:.85rem}.kpi-row{flex-wrap:wrap;gap:6px;margin-bottom:1rem;display:flex}.kpi-btn{border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.kpi-btn:hover{background:var(--elevated);color:var(--text);border-color:var(--border-hi)}.kpi-btn--active{font-weight:700}.kpi-count{background:#ffffff14;border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:700}.stat-grid{grid-template-columns:repeat(7,1fr);gap:.75rem;margin-bottom:1rem;display:grid}@media (width<=1400px){.stat-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{border:1px solid;border-radius:14px;padding:1rem 1.1rem;transition:transform .15s}.stat-card:hover{transform:translateY(-1px)}.stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.65rem;font-weight:700}.stat-value{margin-bottom:.3rem;font-family:monospace;font-size:2rem;font-weight:700;line-height:1}.stat-sub{color:var(--text-3);font-size:.68rem}.metrics-row{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.metric-pill{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.55rem;padding:6px 14px;display:flex}.metric-pill-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}.metric-pill-val{font-family:monospace;font-size:1rem;font-weight:700}.dash-row{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem;display:grid}.dash-row--single{grid-template-columns:1fr}@media (width<=900px){.dash-row{grid-template-columns:1fr}}.dash-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem}.dash-card-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.85rem;font-size:.68rem;font-weight:700}.mini-bar-row{align-items:center;gap:.6rem;margin-bottom:.55rem;display:flex}.mini-bar-label{color:var(--text-2);text-transform:uppercase;flex-shrink:0;width:100px;font-size:.7rem;font-weight:500}.mini-bar-track{background:var(--elevated);border-radius:99px;flex:1;height:5px;overflow:hidden}.mini-bar-fill{border-radius:99px;height:100%;transition:width .3s}.mini-bar-val{text-align:right;flex-shrink:0;width:28px;font-family:monospace;font-size:.78rem;font-weight:700}.metric-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.45rem 0;display:flex}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--text-2);text-transform:uppercase;font-size:.72rem;font-weight:500}.metric-val{color:var(--text);font-family:monospace;font-size:1.1rem;font-weight:700}.date-btn{border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s}.date-btn:hover{background:var(--elevated);color:var(--text)}.date-btn--active{background:var(--blue-bg);border-color:var(--blue-b);color:var(--blue)}.date-btn--custom{align-items:center;gap:4px;display:flex}@media (width<=768px){.dash-page{padding:1rem .75rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.dash-row{grid-template-columns:1fr}.kpi-btn{padding:5px 10px;font-size:.72rem}.metrics-row{gap:.4rem}.metric-pill{padding:5px 10px}}@media (width<=480px){.dash-page{padding:.75rem .5rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.75rem .85rem}.stat-value{font-size:1.25rem}.kpi-btn{padding:4px 8px;font-size:.7rem}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%;display:flex}:root{--bg:#07091a;--surface:#0c1121;--card:#101928;--elevated:#14203a;--hover:#18253f;--border:#1c2d48;--border-hi:#26406a;--text:#dce8ff;--text-2:#7a8ebc;--text-3:#3a4f72;--blue:#4d8eff;--blue-bg:#4d8eff1f;--blue-b:#4d8eff47;--green:#10c488;--green-bg:#10c4881f;--green-b:#10c48847;--amber:#f0a030;--amber-bg:#f0a0301f;--amber-b:#f0a03047;--red:#f05555;--red-bg:#f055551f;--red-b:#f0555547;--purple:#9d70f5;--purple-bg:#9d70f51f;--purple-b:#9d70f547;--cyan:#22d4f0;--cyan-bg:#22d4f01f;--cyan-b:#22d4f047}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,Arial,sans-serif;font-size:14px}.app-loading,.app-error{width:100%;height:100vh;color:var(--text-2);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.app-error h2{color:var(--red)}.app-error button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.9rem}.spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.layout{width:100%;height:100%;display:flex;overflow:hidden}.main-content{background:var(--bg);flex:1;min-width:0;overflow-y:auto}.mobile-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:150;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 14px;display:none;position:fixed;top:0;left:0;right:0}.hamburger-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 6px;font-size:1.35rem;line-height:1;display:flex}.hamburger-btn:hover{color:var(--text)}.mobile-logo-text{color:var(--text);letter-spacing:-.02em;flex:1;font-size:1rem;font-weight:700}@media (width<=768px){.mobile-topbar{display:flex}.main-content{padding-top:52px}}