.login-page{background:radial-gradient(900px 500px at 18% 12%,#3b82f629,#0000 60%),radial-gradient(800px 500px at 85% 85%,#10b9811f,#0000 60%),#0a0d14;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.login-page:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#3b82f638,#0000 70%);border-radius:50%;width:520px;height:520px;animation:9s ease-in-out infinite login-float;position:absolute}@keyframes login-float{0%,to{transform:translate(-30px,-20px)scale(1)}50%{transform:translate(30px,20px)scale(1.08)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-hi,#3a3f55);background:#1a1d27d9;border-radius:20px;flex-direction:column;width:100%;max-width:360px;padding:34px 30px;animation:.45s cubic-bezier(.2,.8,.2,1) login-in;display:flex;position:relative;box-shadow:0 24px 70px #0000008c}@keyframes login-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.login-logo{text-align:center;letter-spacing:.03em;background:linear-gradient(90deg,#60a5fa,#22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-family:Poppins,system-ui,sans-serif;font-size:2rem;font-weight:800}.login-sub{text-align:center;color:var(--text-2,#9ca3af);text-transform:uppercase;letter-spacing:.18em;margin:0 0 26px;font-size:.72rem}.login-label{color:var(--text-2,#9ca3af);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 6px;font-size:.66rem;font-weight:700}.login-input{background:var(--elevated,#11141c);border:1px solid var(--border,#2e3245);color:var(--text,#f9fafb);border-radius:10px;outline:none;padding:11px 13px;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--blue-b,#3b82f6);box-shadow:0 0 0 3px #3b82f62e}.login-error{background:var(--red-bg,#450a0a);border:1px solid var(--red-b,#7f1d1d);color:var(--red,#f87171);text-align:center;border-radius:9px;margin-top:16px;padding:9px 12px;font-size:.8rem}.login-btn{color:#fff;cursor:pointer;letter-spacing:.06em;background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:11px;margin-top:24px;padding:12px;font-family:inherit;font-size:.92rem;font-weight:700;transition:filter .15s,transform 80ms}.login-btn:hover:not(:disabled){filter:brightness(1.08)}.login-btn:active:not(:disabled){transform:translateY(1px)}.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:11px;padding:20px 16px 16px;display:flex}.logo-mark{filter:drop-shadow(0 2px 8px #22d3ee40);flex-shrink:0;align-items:center;line-height:0;display:flex}.logo-icon{font-size:1.4rem}.logo-text{letter-spacing:.01em;color:var(--text);font-family:Poppins,system-ui,sans-serif;font-size:1.32rem;font-weight:800;line-height:1}.logo-accent{background:linear-gradient(90deg,#60a5fa,#22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text}.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-item--active-purple{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-b)}.nav-item--active-purple:hover{background:var(--purple-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--purple{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-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}.theme-toggle{background:var(--elevated);width:100%;color:var(--text-2);border:1px solid var(--border);letter-spacing:.04em;cursor:pointer;border-radius:8px;margin-bottom:8px;padding:7px;font-family:inherit;font-size:.74rem;font-weight:600;transition:all .15s}.theme-toggle:hover{background:var(--hover);color:var(--text);border-color:var(--border-hi)}.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}}.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:860px!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 108px 120px 150px 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-address{min-width:0}.bulk-city-address input{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:.78rem}.bulk-city-address input:focus{border-color:var(--accent,#60a5fa);outline:none}.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 1fr}.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}.cdi-btn--sendmsg{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.cdi-btn--sendmsg:disabled{opacity:.55;cursor:not-allowed}.cdi-btn--sendmsg-ok{background:var(--green);color:#fff}.cdi-btn--sendmsg-failed{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b)}.ns-status-sendmsg{letter-spacing:.02em;background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);cursor:pointer;border-radius:4px;margin-top:4px;padding:2px 8px;font-family:inherit;font-size:.62rem;font-weight:600;line-height:1.3;transition:background .15s,color .15s,border-color .15s;display:block}.ns-status-sendmsg:hover:not(:disabled){background:var(--green);color:#fff}.ns-status-sendmsg:disabled{opacity:.55;cursor:not-allowed}.ns-status-sendmsg--ok{background:var(--green);color:#fff}.ns-status-sendmsg--failed{background:var(--red-bg);color:var(--red);border-color:var(--red-b)}.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;align-items:flex-start;gap:2px;width:fit-content;max-width:100%;padding:4px 7px;font-size:.72rem;display:inline-flex}.note-with-send{flex-direction:column;align-items:flex-start;gap:2px;display:inline-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}.cm-btn--primary{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.cm-btn--primary:hover{background:var(--green);color:#fff}.cm-btn--confirm{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b)}.cm-btn--confirm:hover{background:var(--green);color:#fff}.wac-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.wac-modal{background:var(--bg,#0f1117);border:1px solid var(--border,#232838);border-radius:14px;flex-direction:column;width:100%;max-width:520px;height:min(80vh,640px);display:flex;overflow:hidden;box-shadow:0 20px 60px -10px #000000b3}.wac-header{background:var(--elevated,#161a26);border-bottom:1px solid var(--border,#232838);align-items:center;gap:10px;padding:10px 14px;display:flex}.wac-close-btn{flex-shrink:0;order:-1}.wac-header-main{flex:1;min-width:0}.wac-title{color:var(--text,#f9fafb);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.wac-sub{color:var(--text-2,#9ca3af);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:.72rem;display:flex}.wac-dot{opacity:.5}.wac-status{color:var(--amber,#fbbf24);font-weight:600}.wac-header-actions{flex-shrink:0;gap:6px;display:flex}.wac-icon-btn{background:var(--card,#1a1d27);border:1px solid var(--border,#232838);width:30px;height:30px;color:var(--text-2,#9ca3af);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:.9rem;line-height:1;display:flex}.wac-icon-btn:hover{background:var(--border,#232838);color:var(--text,#f9fafb)}.wac-info{border-bottom:1px solid var(--border,#232838);color:var(--text-2,#9ca3af);background:var(--bg,#0f1117);flex-wrap:wrap;gap:6px 10px;padding:8px 14px;font-size:.7rem;display:flex}.wac-info-item{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.wac-ameex{color:#67e8f9}.wac-tracking{color:var(--text-2,#9ca3af);font-family:monospace}.wac-body{background:var(--bg,#0f1117);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px;display:flex;overflow-y:auto}.wac-empty{color:var(--text-3,#6b7280);margin:auto;font-size:.82rem}.wac-error{color:var(--red,#f87171)}.wac-row{display:flex}.wac-in{justify-content:flex-start}.wac-out{justify-content:flex-end}.wac-bubble{overflow-wrap:anywhere;word-break:break-word;border-radius:12px;max-width:78%;padding:7px 10px;font-size:.82rem;line-height:1.4}.wac-in .wac-bubble{background:var(--card,#1a1d27);border:1px solid var(--border,#232838);color:var(--text,#f9fafb);border-bottom-left-radius:4px}.wac-out .wac-bubble{color:#fff;background:#075e54;border-bottom-right-radius:4px}.wac-tmpl{opacity:.7;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.62rem}.wac-text{white-space:pre-wrap;overflow-wrap:anywhere}.wac-muted{opacity:.6}.wac-meta{opacity:.7;justify-content:flex-end;align-items:center;gap:6px;margin-top:3px;font-size:.6rem;display:flex}.wac-mstatus{text-transform:uppercase;letter-spacing:.03em}.wac-mstatus-failed{color:var(--red,#f87171);opacity:1}.wac-senderr{color:var(--red,#f87171);background:var(--red-bg,#2a1416);padding:6px 14px;font-size:.72rem}.wac-compose{border-top:1px solid var(--border,#232838);background:var(--elevated,#161a26);flex-wrap:nowrap;align-items:flex-end;gap:8px;padding:10px 14px;display:flex}.wac-input{resize:none;background:var(--card,#1a1d27);border:1px solid var(--border,#232838);min-width:0;max-height:120px;color:var(--text,#f9fafb);border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:.82rem}.wac-input:focus{border-color:#075e54;outline:none}.wac-send{color:#fff;cursor:pointer;background:#075e54;border:none;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:.8rem;font-weight:600}.wac-send:hover{opacity:.9}.wac-send:disabled{opacity:.45;cursor:not-allowed}.wac-attach{border:1px solid var(--border,#232838);background:var(--card,#1a1d27);color:var(--text-2,#9ca3af);cursor:pointer;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:.9rem;line-height:1}.wac-attach:hover{color:var(--text,#f9fafb);border-color:#075e54}.wac-attach:disabled{opacity:.45;cursor:not-allowed}.wac-img{margin-bottom:3px;display:block}.wac-img-thumb{object-fit:contain;cursor:pointer;border-radius:12px;width:auto;max-width:260px;height:auto;max-height:260px;display:block}.wac-img-ph{text-align:center;background:#ffffff0f;border-radius:12px;padding:14px 10px;font-size:.82rem}.wac-img-fallback{font-size:.82rem}.wac-audio-bubble{align-items:center;gap:9px;min-width:200px;max-width:100%;padding:2px 0;display:flex}.wac-audio-play{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:opacity .15s;display:flex}.wac-in .wac-audio-play{color:#fff;background:#075e54}.wac-out .wac-audio-play{color:#fff;background:#ffffff40}.wac-audio-play:hover{opacity:.8}.wac-audio-play--loading,.wac-audio-play--disabled{cursor:default;opacity:.5}.wac-audio-track{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.wac-audio-bar{cursor:pointer;background:#ffffff38;border-radius:2px;height:4px;position:relative}.wac-in .wac-audio-bar{background:#0000002e}.wac-audio-bar--loading{cursor:default}.wac-audio-progress{pointer-events:none;background:#fff;border-radius:2px;height:4px;transition:width .1s linear}.wac-in .wac-audio-progress{background:#075e54}.wac-audio-thumb{pointer-events:none;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.wac-in .wac-audio-thumb{background:#075e54}.wac-audio-time{opacity:.75;justify-content:space-between;font-size:.62rem;display:flex}.wac-audio-unavailable{color:var(--red,#f87171);opacity:1}.wac-audio-status{letter-spacing:.04em;opacity:.8;flex-shrink:0;align-self:flex-end;font-size:.58rem;font-weight:700}.wac-audio-status--failed{color:var(--red,#f87171);opacity:1}.wac-audio-ph{background:#ffffff0f;border-radius:12px;padding:10px;font-size:.82rem}.wac-audio,.wac-audio-player,.wac-audio-label{display:none}.wac-lightbox{z-index:1001;cursor:zoom-out;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wac-lightbox img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh}.wac-preview{border-top:1px solid var(--border,#232838);background:var(--elevated,#161a26);align-items:center;gap:8px;padding:8px 14px;display:flex}.wac-preview-img{object-fit:cover;border-radius:6px;width:44px;height:44px}.wac-preview-name{color:var(--text-2,#9ca3af);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.72rem;overflow:hidden}.wac-preview-x{color:var(--red,#f87171);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.85rem}.wac-rec-timer{color:var(--red,#f87171);flex-shrink:0;align-self:center;min-width:34px;font-size:.76rem;font-weight:700}.wac-attach--recording{animation:.8s ease-in-out infinite wac-pulse;background:var(--red-bg,#2a1416)!important;color:var(--red,#f87171)!important;border-color:var(--red,#f87171)!important}@keyframes wac-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=600px){.wac-modal{border:none;border-radius:0;max-width:100%;height:92dvh}.wac-img-thumb{max-width:70vw;max-height:240px}.wac-audio-bubble{min-width:160px}}.view-chat-btn{letter-spacing:.02em;background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-b);box-shadow:0 0 0 1px var(--amber-b), 0 0 8px -4px var(--amber);cursor:pointer;border-radius:4px;margin-top:4px;padding:2px 8px;font-family:inherit;font-size:.62rem;font-weight:600;line-height:1.3;transition:background .15s,border-color .15s,box-shadow .15s;display:block}.view-chat-btn:hover{background:var(--amber-b);border-color:var(--amber);box-shadow:0 0 0 1px var(--amber-b), 0 0 12px -2px var(--amber)}.dup-note{flex-direction:column;gap:3px;display:flex}.dup-card{background:#f8717114;border:1px solid #f8717147;border-radius:6px;flex-direction:column;gap:2px;width:fit-content;margin-top:4px;padding:3px 7px;display:flex}.dup-double{letter-spacing:.04em;color:#f87171;font-size:11px;font-weight:800}.dup-pnchanged{color:#fbbf24;font-size:11px;font-weight:700}.dup-page{color:#67e8f9;font-size:11px;font-weight:600}.note-message-stack{flex-direction:column;gap:4px;min-width:120px;display:flex}.note-message-chip{color:#67e8f9;white-space:normal;word-break:normal;overflow-wrap:break-word;background:#22d3ee1f;border:1px solid #22d3ee40;border-radius:8px;width:fit-content;min-width:110px;max-width:180px;padding:3px 8px;font-size:12px;line-height:1.3}.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}.send-all-row .send-all-actions{margin-left:0}.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}}.cw-status-pill{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-b);white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-block}.cw-chat-wrap{margin-top:6px}.cw-move-select{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-b);cursor:pointer;border-radius:6px;min-width:120px;padding:4px 8px;font-family:inherit;font-size:.72rem;font-weight:600}.cw-move-select:focus{outline:none}.cw-move-select:disabled{opacity:.6;cursor:not-allowed}.cw-bulk-bar{border-color:var(--purple-b)}.cw-bulk-count{color:var(--purple);background:var(--purple-bg);border-color:var(--purple-b)}.cw-bulk-apply{background:var(--purple)}.refresh-btn:disabled{opacity:.55;cursor:not-allowed}.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}.ameex-sync-banner{border:1px solid var(--border);border-radius:8px;margin:-.5rem 0 1rem;padding:8px 12px;font-size:.78rem}.ameex-sync-banner--error{border-color:var(--red-b);background:var(--red-bg);color:var(--red)}.ameex-sync-banner--warn{border-color:var(--amber-b);background:var(--amber-bg);color:var(--amber)}.ameex-sync-banner--success{border-color:var(--green-b);background:var(--green-bg);color:var(--green)}@keyframes ameex-pulse{0%,to{opacity:.4}50%{opacity:.9}}.status-tabs-row{align-items:center}.tab-btn--active--shipped,.tab-btn--active-shipped{background:var(--amber-bg)!important;border-color:var(--amber-b)!important;color:var(--amber)!important}.tab-btn--double{color:#f87171;border-color:#f8717159}.tab-btn--double:hover{color:#f87171;background:#f8717114;border-color:#f8717180}.tab-btn--active-double{color:#f87171!important;background:#f8717124!important;border-color:#f871718c!important}.tab-btn--double .tab-name{letter-spacing:.08em;text-transform:uppercase;font-family:Arial Black,Segoe UI,Impact,sans-serif;font-weight:900}.tab-btn--double-row{margin-left:auto}.filters-row .collection-cards{margin-left:0}.collection-cards{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.collection-card{box-sizing:border-box;background:var(--card);border:1px solid var(--border);min-width:96px;min-height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;font-family:inherit;font-size:.65rem;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:flex}.collection-card:hover{background:var(--elevated);border-color:var(--border-hi);color:var(--text)}.collection-card__label{font-size:.65rem;font-weight:700}.collection-card__count{text-align:center;background:#ffffff14;border-radius:6px;min-width:20px;padding:1px 6px;font-size:.7rem;font-weight:700}.collection-card--collected{border-color:var(--green-b)}.collection-card--collected .collection-card__label{color:var(--green)}.collection-card--uncollected{border-color:var(--amber-b)}.collection-card--uncollected .collection-card__label{color:var(--amber)}.collection-card--collected.collection-card--active{background:var(--green-bg);border-color:var(--green-b);color:var(--green);box-shadow:0 0 0 1px var(--green-b), 0 0 12px -2px var(--green)}.collection-card--collected.collection-card--active .collection-card__label,.collection-card--collected.collection-card--active .collection-card__count{color:var(--green)}.collection-card--uncollected.collection-card--active{background:var(--amber-bg);border-color:var(--amber-b);color:var(--amber);box-shadow:0 0 0 1px var(--amber-b), 0 0 12px -2px var(--amber)}.collection-card--uncollected.collection-card--active .collection-card__label,.collection-card--uncollected.collection-card--active .collection-card__count{color:var(--amber)}.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}.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}.move-nostock-btn{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .15s}.move-nostock-btn:hover{background:var(--red);color:#fff}.move-nostock-btn:disabled{opacity:.5;cursor:not-allowed}.nostock-move-result{color:var(--green);background:var(--green-bg);border:1px solid var(--green-b);border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:600}@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}.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)}.status-select{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}.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}.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(--green);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}.bulk-relancer-btn{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-b);cursor:pointer;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.bulk-relancer-btn:hover{background:var(--amber);color:#1a1d27}.bulk-relancer-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}}.relancer-btn{letter-spacing:.02em;color:#38bdf8;cursor:pointer;background:#0e2a3f;border:1px solid #38bdf844;border-radius:4px;margin-top:4px;padding:2px 8px;font-family:inherit;font-size:.62rem;font-weight:600;line-height:1.3;transition:background .15s,border-color .15s,box-shadow .15s;display:block}.relancer-btn:hover{background:#123a56;border-color:#38bdf8;box-shadow:0 0 8px -2px #38bdf8}.relancer-btn:disabled{opacity:.45;cursor:not-allowed}.relancer-badge{letter-spacing:.03em;background:var(--green-bg,#0e3a2a);width:fit-content;color:var(--green,#4ade80);border:1px solid var(--green-b,#4ade8044);box-shadow:0 0 8px -3px var(--green,#4ade80);cursor:not-allowed;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:.6rem;font-weight:700;display:block}.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);min-width:96px;min-height:30px;color:var(--green);border:1px solid var(--green-b);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:4px 8px;font-family:inherit;font-size:.65rem;font-weight:700;transition:all .15s;display:flex}.farah-all-btn:hover{background:var(--green);color:#fff}.farah-all-btn:disabled{opacity:.45;cursor:not-allowed}.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{flex-wrap:wrap;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);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.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);cursor:not-allowed}.farah-no{background:var(--elevated);color:var(--text-2);border:1px solid var(--border)}.farah-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.farah-cards{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.farah-card{background:var(--card);border:1px solid var(--border);min-width:96px;min-height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;font-family:inherit;font-size:.65rem;font-weight:700;transition:all .15s;display:flex}.farah-card:hover{background:var(--elevated);border-color:var(--border-hi);color:var(--text)}.farah-card__count{text-align:center;background:#ffffff14;border-radius:6px;min-width:20px;padding:1px 6px;font-size:.7rem;font-weight:700}.farah-card--active{background:var(--green-bg);color:var(--green);border-color:var(--green-b)}.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}}.nostock-count{color:var(--text-3);align-self:center;padding-left:8px;font-size:.8rem}.orders-table--nostock th:last-child,.orders-table--nostock td:last-child{width:100%}.nostock-empty{color:var(--text-3);text-align:center;padding:2rem 0;font-size:.9rem}.ns-send-btn{cursor:pointer;border:1px solid var(--blue-b,#3b82f6);background:var(--blue-bg,#1d3a5f);color:var(--blue,#60a5fa);white-space:nowrap;border-radius:7px;padding:5px 11px;font-family:inherit;font-size:.72rem;font-weight:700;transition:background .15s,color .15s}.ns-status-select{color:#c084fc;cursor:pointer;background:#3b0764;border:1px solid #7c3aed55;border-radius:6px;min-width:96px;padding:4px 8px;font-family:inherit;font-size:.72rem;font-weight:700}.ns-status-select:focus{border-color:#7c3aed;outline:none}.ns-status-select:disabled{opacity:.6;cursor:not-allowed}.ns-status-select option{color:#f9fafb;background:#1a1d27}.ns-send-btn:hover:not(:disabled){background:var(--blue,#60a5fa);color:#fff}.ns-send-btn--disabled,.ns-send-btn:disabled{background:var(--elevated,#1a1d27);color:var(--text-3,#6b7280);border-color:var(--border,#232838);cursor:not-allowed}.ns-send-err{color:var(--red,#f87171);word-break:break-word;max-width:160px;margin-top:3px;font-size:.68rem}.ns-bulk-result{color:var(--text-2,#9ca3af);background:var(--elevated,#1a1d27);border:1px solid var(--border,#232838);border-radius:8px;margin-bottom:6px;padding:7px 14px;font-size:.78rem}@media (width<=768px){.ns-send-btn{padding:4px 8px;font-size:.68rem}}.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{white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:3px 9px;font-family:monospace;font-size:.75rem;font-weight:700;display:inline-block}.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{appearance:none;margin:0}.qtyplus-input::-webkit-outer-spin-button{appearance:none;margin:0}.qty-edit-input::-webkit-inner-spin-button{appearance:none;margin:0}.qty-edit-input::-webkit-outer-spin-button{appearance:none;margin:0}.addpn-input--qty::-webkit-inner-spin-button{appearance:none;margin:0}.addpn-input--qty::-webkit-outer-spin-button{appearance:none;margin:0}.qtyplus-input,.qty-edit-input,.addpn-input--qty{appearance:textfield}.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}}.inbox-page{flex-direction:column;height:100vh;min-height:0;padding:1.25rem 1.5rem;display:flex}.inbox-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.inbox-layout{flex:1;grid-template-columns:340px 1fr;gap:14px;min-height:0;display:grid}.inbox-list{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.inbox-search{background:var(--elevated);border:1px solid var(--border);color:var(--text);border-radius:8px;margin:10px;padding:8px 12px;font-family:inherit;font-size:.82rem}.inbox-search:focus{border-color:var(--blue-b);outline:none}.inbox-search::placeholder{color:var(--text-3)}.inbox-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:0 10px 8px;display:flex}.inbox-filter{border:1px solid var(--border);background:var(--elevated);color:var(--text-2);cursor:pointer;border-radius:7px;padding:3px 9px;font-family:inherit;font-size:.68rem;font-weight:600;transition:all .15s}.inbox-filter:hover{color:var(--text);border-color:var(--border-hi)}.inbox-filter--active{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-b)}.inbox-convos{flex:1;min-height:0;overflow-y:auto}.inbox-empty{text-align:center;color:var(--text-3);padding:2rem 1rem;font-size:.85rem}.inbox-err{color:var(--red)}.convo-card{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;flex-direction:column;gap:4px;width:100%;padding:10px 12px;font-family:inherit;transition:background .1s;display:flex}.convo-card:hover{background:var(--elevated)}.convo-card--active{background:var(--blue-bg)}.convo-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.convo-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.convo-time{color:var(--text-3);flex-shrink:0;font-size:.66rem}.convo-mid{justify-content:space-between;align-items:center;gap:8px;display:flex}.convo-preview{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.74rem;overflow:hidden}.convo-unread{background:var(--green);color:#fff;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.66rem;font-weight:700;display:flex}.convo-bot{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.convo-phone{color:var(--text-3);font-family:monospace;font-size:.68rem}.convo-ref{color:var(--text-2);font-family:monospace;font-size:.66rem}.convo-pn{color:var(--cyan);font-size:.66rem;font-weight:600}.convo-page{border-radius:99px;margin-left:auto;padding:1px 6px;font-size:.6rem;font-weight:700}.inbox-chat{background:var(--card);border:1px solid var(--border);border-radius:14px;min-height:0;display:flex;overflow:hidden}.inbox-chat-empty{color:var(--text-3);flex:1;justify-content:center;align-items:center;font-size:.9rem;display:flex}.chatpanel{flex-direction:column;flex:1;min-height:0;display:flex}.chatpanel-header{border-radius:0}.chatpanel-body{flex:1}.chatpanel-back{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:0 8px 0 0;font-size:1.6rem;line-height:1;display:none}.inbox-emoji-panel{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:8px 10px;display:flex}.inbox-emoji{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:1.25rem;line-height:1;transition:background .12s}.inbox-emoji:hover{background:var(--elevated)}.inbox-call-btn{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.inbox-call-btn:hover{background:var(--green);color:#fff}.inbox-call-ico{font-size:.95rem;line-height:1}.inbox-call-btn--off{opacity:.55;cursor:not-allowed;background:var(--elevated);color:var(--text-3);border-color:var(--border)}.inbox-call-btn--off:hover{background:var(--elevated);color:var(--text-3)}.inbox-call-btn--end{background:var(--red-bg);color:var(--red);border-color:var(--red-b)}.inbox-call-btn--end:hover{background:var(--red);color:#fff}.inbox-call-perm-btn{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-b);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.inbox-call-perm-btn:hover{background:var(--amber);color:#fff}.inbox-call-perm-btn:disabled{opacity:.6;cursor:not-allowed}.inbox-wa-fallback{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.inbox-wa-fallback:hover{background:var(--green);color:#fff}.inbox-callmsg{border-bottom:1px solid var(--border);background:var(--red-bg);color:var(--red);padding:6px 12px;font-size:.78rem;font-weight:600}.inbox-callmsg--ok{background:var(--green-bg);color:var(--green)}.inbox-layout,.inbox-chat,.chatpanel{min-width:0}@media (width<=768px){.inbox-page{height:100vh;padding:.5rem;overflow-x:hidden}.inbox-layout{grid-template-columns:1fr;gap:0}.inbox-chat,.inbox-layout--chat .inbox-list{display:none}.inbox-layout--chat .inbox-chat{z-index:200;border:none;border-radius:0;max-width:100%;height:100dvh;display:flex;position:fixed;inset:0}.chatpanel-back{display:block}.inbox-layout--chat .chatpanel{max-width:100%;height:100%;overflow:hidden}.chatpanel-body,.wac-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-width:0;min-height:0;overflow-y:auto}.wac-info{flex-wrap:wrap;overflow:hidden}.wac-info-item{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.wac-header{flex-shrink:0;gap:8px;padding:10px}.wac-header-main{flex:1;min-width:0}.wac-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wac-sub{flex-wrap:nowrap;overflow:hidden}.wac-header-actions{flex-shrink:0}.inbox-call-btn{padding:5px 10px}.wac-compose{padding:6px 8px;padding-bottom:max(6px, env(safe-area-inset-bottom,6px));flex-shrink:0;gap:5px}.wac-input{min-width:0;min-height:36px;max-height:96px;padding:7px 9px;font-size:.85rem}.wac-send{flex-shrink:0;padding:7px 12px}.wac-attach{flex-shrink:0;padding:7px 8px;font-size:.85rem}.wac-bubble{max-width:85%}.inbox-rec-timer{color:var(--red);flex-shrink:0;align-self:center;min-width:36px;font-size:.78rem;font-weight:700}.wac-attach--recording{animation:.8s ease-in-out infinite inbox-pulse;background:var(--red-bg)!important;color:var(--red)!important;border-color:var(--red-b,#f87171)!important}@keyframes inbox-pulse{0%,to{opacity:1}50%{opacity:.55}}.wac-audio-player{width:100%;max-width:100%}.wac-audio-bubble{min-width:140px;max-width:100%}.wac-audio-play{width:30px;height:30px;font-size:.8rem}}.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}:root[data-theme=modern]{--bg:#0b0a1a;--surface:#131229;--card:#1a1838;--elevated:#221f45;--hover:#2b2858;--border:#2c2a55;--border-hi:#3d3a78;--text:#eceaff;--text-2:#a6a3d6;--text-3:#5d5a92;--blue:#8b7cff;--blue-bg:#8b7cff24;--blue-b:#8b7cff57;--green:#2dd4bf;--green-bg:#2dd4bf24;--green-b:#2dd4bf52;--amber:#fbbf24;--amber-bg:#fbbf2424;--amber-b:#fbbf2452;--red:#fb7185;--red-bg:#fb718524;--red-b:#fb718552;--purple:#c084fc;--purple-bg:#c084fc24;--purple-b:#c084fc52;--cyan:#22d3ee;--cyan-bg:#22d3ee24;--cyan-b:#22d3ee52}:root[data-theme=modern] .table-wrap,:root[data-theme=modern] .modal,:root[data-theme=modern] .login-card{border-radius:18px}:root[data-theme=modern] .tab-btn,:root[data-theme=modern] .date-btn,:root[data-theme=modern] .search-input,:root[data-theme=modern] .filter-select{border-radius:10px}:root[data-theme=light]{--bg:#f0f2f8;--surface:#fff;--card:#f7f8fc;--elevated:#fff;--hover:#edf0f8;--border:#dce1f0;--border-hi:#b0bcd8;--text:#16213a;--text-2:#52607e;--text-3:#a0aabe;--blue:#2563eb;--blue-bg:#2563eb17;--blue-b:#2563eb38;--green:#059669;--green-bg:#05966917;--green-b:#05966938;--amber:#d97706;--amber-bg:#d9770617;--amber-b:#d9770638;--red:#dc2626;--red-bg:#dc262617;--red-b:#dc262638;--purple:#7c3aed;--purple-bg:#7c3aed17;--purple-b:#7c3aed38;--cyan:#0891b2;--cyan-bg:#0891b217;--cyan-b:#0891b238}:root[data-theme=light] .table-wrap,:root[data-theme=light] .modal,:root[data-theme=light] .login-card{border-radius:18px}:root[data-theme=light] .tab-btn,:root[data-theme=light] .date-btn,:root[data-theme=light] .search-input,:root[data-theme=light] .filter-select{border-radius:10px}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}.status-tabs-row{grid-template-columns:repeat(6,120px);gap:4px;width:max-content;max-width:100%;display:grid!important}.status-tabs-row .tab-btn{justify-content:space-between;width:120px;min-width:0;min-height:34px;padding:6px 8px;font-size:.68rem;font-weight:700}.status-tabs-row .tab-name{white-space:nowrap;min-width:0;font-weight:700}.status-tabs-row .tab-name--stacked{white-space:normal;text-align:left;font-size:.58rem;line-height:1.05}.status-tabs-row .tab-count{flex:none;font-weight:700}.status-tabs-layout{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:1rem;display:flex}.status-tabs-layout .tabs-row{margin-bottom:0}@media (width<=960px) and (width>=769px){.status-tabs-row{grid-template-columns:repeat(3,120px)}}.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}.status-tabs-layout{flex-wrap:wrap}.status-tabs-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.status-tabs-row .tab-btn{width:100%}}