@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#061321;color:#e8f0fa}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}::placeholder{color:#5c7590}:root{--bg:#061321;--panel:#091d31;--panel-2:#07182a;--border:#163550;--border-soft:#17304b;--text:#e8f0fa;--muted:#8098b3;--muted-2:#6c86a0;--accent:#1e9bff;--accent-2:#1678ed;--green:#16d6ac;--yellow:#ffc229;--red:#ff4868;--purple:#9b55ff;--cyan:#35a4ff}.wms-app{min-height:100vh;display:flex;background:radial-gradient(circle at 78% 0,rgba(20,80,145,.16),transparent 32%),var(--bg)}.sidebar{width:246px;flex:0 0 246px;background:#06111f;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:18px 12px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;padding:4px 8px;margin-bottom:16px}.brand-logo-full{width:100%;max-width:176px;height:auto;display:block}.brand-logo-icon{display:none;width:34px;height:34px;object-fit:contain}.brand-mark{width:40px;height:40px;display:grid;place-items:center;color:var(--accent);background:linear-gradient(145deg,#092b4d,#06182b);border:1px solid #165080;border-radius:11px;box-shadow:0 0 25px rgba(0,139,255,.13);font-weight:800;font-size:18px}.brand-name{font-size:17px;font-weight:800;letter-spacing:.5px;line-height:1.2}.brand-subtitle{color:#83a1c1;font-size:11px;font-weight:600;letter-spacing:1.5px}.operation-status{display:flex;align-items:center;gap:8px;margin:0 8px 18px;padding:8px 10px;border:1px solid #0b4d50;background:#062326;border-radius:9px;color:#4de2c2;font-size:11px;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background:#15d99d;box-shadow:0 0 8px rgba(21,217,157,.8);flex:none}.operation-status.tone-warning,.status-pill.tone-warning{border-color:#6a4d0a;background:#241a04;color:#ffcf52}.operation-status.tone-warning .status-dot,.status-pill.tone-warning .status-dot{background:#ffcf52;box-shadow:0 0 8px rgba(255,207,82,.7)}.operation-status.tone-danger,.status-pill.tone-danger{border-color:#6e1832;background:#2a0b14;color:#ff8fa3}.operation-status.tone-danger .status-dot,.status-pill.tone-danger .status-dot{background:#ff4868;box-shadow:0 0 8px rgba(255,72,104,.7)}.footer-status.tone-danger{color:#ff8fa3}.footer-status.tone-danger .status-dot{background:#ff4868;box-shadow:0 0 8px rgba(255,72,104,.7)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.nav-section-title{padding:14px 12px 6px;color:#4a6885;font-size:10px;font-weight:700;letter-spacing:1.2px}.nav-section-title.secondary{margin-top:6px}.nav-item{border:0;background:transparent;color:#a9bdd2;text-align:left;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:11px;font-size:12.5px;font-weight:500;cursor:pointer;transition:.15s;position:relative}.nav-item:hover{background:#0b2137;color:#e9f4ff}.nav-item.active{background:linear-gradient(90deg,#1269ca,#0b4b9a);color:#fff;box-shadow:inset 0 0 0 1px rgba(88,179,255,.15),0 6px 18px rgba(0,74,153,.2)}.nav-item.disabled{opacity:.45;cursor:not-allowed}.nav-item.disabled:hover{background:transparent;color:#a9bdd2}.nav-soon{margin-left:auto;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#6c86a0;background:#0b2137;border:1px solid var(--border-soft);border-radius:20px;padding:2px 6px}.sidebar-user{border-top:1px solid var(--border-soft);margin-top:10px;padding:13px 6px 2px;display:flex;align-items:center;gap:9px}.user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3b6f9c,#173451);border:1px solid #477aa4;color:#e9f4ff;font-size:11px;font-weight:800;flex:none}.user-info{min-width:0;flex:1 1}.user-info strong{font-size:12px}.user-info span,.user-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info span{color:#718aa5;font-size:8.5px;margin-top:2px;letter-spacing:.4px}.logout-button{color:#8098b3}.logout-button:hover{color:var(--red)}.main-content{min-width:0;flex:1 1;display:flex;flex-direction:column}.topbar{min-height:76px;flex:0 0 auto;border-bottom:1px solid var(--border-soft);background:rgba(5,18,31,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;gap:16px;padding:14px 24px;flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:12px;min-width:0}.icon-button.mobile-nav-toggle,.sidebar-close{display:none;flex:none}.sidebar-close{align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-soft);border-radius:8px;background:transparent;color:#94abc1;margin-left:auto}.sidebar-close:hover{color:#e9f4ff;border-color:#2a5a86}.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(3,10,18,.6);z-index:200}.breadcrumb{font-size:10.5px;color:#6e88a3;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.breadcrumb span{margin:0 4px;color:#3d5975}.topbar h1{font-size:21px;margin:0 0 3px;letter-spacing:-.3px}.topbar p{margin:0;color:#6e88a3;font-size:11px}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.icon-button{position:relative;width:36px;height:36px;border:1px solid var(--border-soft);border-radius:9px;background:#071b30;color:#94abc1;display:grid;place-items:center;transition:.15s}.icon-button:hover{color:#e9f4ff;border-color:#2a5a86}.notification-dot{top:6px;right:7px;width:7px;height:7px;border-radius:50%}.notification-badge,.notification-dot{position:absolute;background:var(--red)}.notification-badge{top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:20px;color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px #06111f}.warehouse-selector{border:1px solid #19466d;background:#071b30;color:#dce9f7;border-radius:10px;height:36px;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:600;white-space:nowrap}.warehouse-selector:hover{border-color:#2a5a86}.selector-label{color:#5f7fa0;font-size:8.5px;letter-spacing:.8px;font-weight:700}.status-pill{gap:7px;border:1px solid #0b4d50;background:#062326;color:#4de2c2;border-radius:20px;height:36px;padding:0 14px;font-size:11px;font-weight:600;white-space:nowrap}.status-pill,.topbar-clock{display:flex;align-items:center}.topbar-clock{gap:8px;color:#8098b3;padding:0 4px;border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}.topbar-clock strong{display:block;font-size:12px;color:#dce9f7;line-height:1.2}.topbar-clock span{display:block;font-size:9px;color:#647d97;text-transform:capitalize}.topbar-user{position:relative}.topbar-user-trigger{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:2px}.topbar-user-info{text-align:left}.topbar-user-info strong{display:block;font-size:12px;color:#e8f0fa}.topbar-user-info span{display:block;font-size:9.5px;color:#7089a3}.topbar-user-menu{position:absolute;right:0;top:calc(100% + 8px);background:linear-gradient(160deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.35);overflow:hidden;min-width:120px;z-index:20}.topbar-user-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:0;color:#ff9fb2;font-size:12px;text-align:left}.topbar-user-menu button:hover{background:rgba(255,72,104,.1)}@media(max-width:900px){.topbar-clock,.topbar-user-info{display:none}}.topbar-notif{position:relative}.topbar-notif-menu{position:absolute;right:0;top:calc(100% + 8px);width:290px;background:linear-gradient(160deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.35);overflow:hidden;z-index:20}.topbar-notif-title{padding:12px 14px 8px;font-size:11px;font-weight:700;letter-spacing:.4px;color:#8098b3;text-transform:uppercase}.topbar-notif-empty{padding:10px 14px 16px;font-size:12px;color:#6c86a0}.topbar-notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;color:#dce9f7;font-size:12px;line-height:1.4;border-top:1px solid var(--border-soft)}.topbar-notif-item:hover{background:rgba(30,155,255,.08)}.topbar-notif-item svg{flex:none;margin-top:1px;color:var(--accent)}.avatar-upload-trigger{position:relative;border:0;background:transparent;padding:0;border-radius:50%;cursor:pointer}.avatar-upload-trigger:disabled{opacity:.6;cursor:wait}.avatar-upload-overlay{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:2px solid #06111f}img.user-avatar{border-radius:50%;flex:none}.dashboard-content{padding:20px 24px 32px;overflow:auto;flex:1 1;display:flex;flex-direction:column;gap:16px}.dashboard-meta{display:flex;align-items:center;gap:12px;color:#6c86a0;font-size:10.5px}.updating{color:var(--accent);font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));grid-gap:12px;gap:12px}.kpi-card{position:relative;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,var(--panel),var(--panel-2));padding:15px 16px;min-height:104px;flex-direction:column}.kpi-card,.kpi-top{display:flex;justify-content:space-between}.kpi-top{align-items:flex-start;gap:10px}.kpi-title{color:#a5bad0;font-size:10.5px;font-weight:600}.kpi-value{font-size:24px;font-weight:800;margin-top:6px;line-height:1}.kpi-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#0876df;color:#d8eeff;flex:none}.kpi-subtitle{color:#61798f;font-size:9.5px;margin-top:8px}.kpi-card{padding-bottom:0;overflow:hidden}.kpi-trend{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;margin-top:10px}.kpi-trend.up{color:#2ee0a8}.kpi-trend.down{color:#ff6f8d}.kpi-trend-arrow{font-size:11px}.sparkline{display:block;width:100%;height:32px;margin-top:10px}.progress-row{margin:11px 0}.progress-label{display:flex;justify-content:space-between;font-size:10.5px;color:#b7cae0;margin-bottom:6px}.progress-label strong{color:#fff;font-weight:700}.progress-track{height:7px;border-radius:20px;background:#0c2237;overflow:hidden}.progress-track.large{height:10px}.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .3s}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:14px;gap:14px}.dashboard-grid.three-columns{grid-template-columns:repeat(3,1fr)}.panel{border:1px solid var(--border);background:linear-gradient(145deg,var(--panel),var(--panel-2));border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:18px}.panel,.panel-large{min-width:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-kicker{display:block;color:#5f7fa0;font-size:9.5px;font-weight:700;letter-spacing:1px;margin-bottom:3px}.panel-header h2{font-size:14.5px;margin:0}.panel-total{color:#a5bad0;font-size:10.5px;font-weight:600;white-space:nowrap}.panel-action{background:transparent;border:0;color:#4d9df1;font-size:10.5px;display:flex;align-items:center;gap:5px;padding:0}.empty-state{color:#5f7fa0;font-size:11px;text-align:center;padding:22px 0}.billing-env-banner{display:flex;align-items:center;gap:10px;font-size:12px;color:#a5bad0;padding:14px 18px}.billing-env-banner.tone-warning{border-color:#6a4d0a;background:linear-gradient(145deg,#241a04,#1a1303)}.billing-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:16px;gap:16px}.billing-info-grid strong{display:block;font-size:14px;margin-top:4px;color:#e8f0fa}.channel-list{display:flex;flex-direction:column;gap:10px}.channel-row{display:grid;grid-template-columns:1fr auto 40px;align-items:center;grid-gap:10px;gap:10px;font-size:11px}.channel-name{display:flex;align-items:center;gap:8px;color:#c2d4e7}.channel-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);flex:none}.channel-percent{color:#6c86a0;text-align:right}.stock-summary{gap:14px}.stock-main,.stock-summary{display:flex;flex-direction:column}.stock-main span{color:#7089a3;font-size:10px}.stock-main strong{font-size:26px;margin-top:4px}.stock-main small{color:#5f7fa0;font-size:9.5px}.stock-bars{display:flex;flex-direction:column;gap:12px}.stock-bar-item>div{display:flex;justify-content:space-between;font-size:10.5px;color:#b7cae0;margin-bottom:6px}.stock-track{height:7px;border-radius:20px;background:#0c2237;overflow:hidden}.stock-fill{height:100%;border-radius:20px}.stock-fill.available{background:linear-gradient(90deg,#0d9a7d,var(--green))}.stock-fill.reserved{background:linear-gradient(90deg,#c68e12,var(--yellow))}.stock-bar-item small{display:block;margin-top:5px;color:#5f7fa0;font-size:9px}.stock-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;border-top:1px solid var(--border-soft);padding-top:14px}.stock-mini-grid>div{display:flex;flex-direction:column;gap:4px}.stock-mini-grid span{color:#6c86a0;font-size:9px}.stock-mini-grid strong{font-size:15px}.warehouse-number{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.warehouse-number strong{font-size:30px}.warehouse-number span{color:#7089a3;font-size:10.5px}.warehouse-progress-top{display:flex;justify-content:space-between;font-size:10.5px;color:#b7cae0;margin-bottom:7px}.warehouse-progress{margin-bottom:16px}.warehouse-info{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;border-top:1px solid var(--border-soft);padding-top:14px}.warehouse-info div{display:flex;flex-direction:column;gap:4px}.warehouse-info span{color:#6c86a0;font-size:9px}.warehouse-info strong{font-size:13px}.alert-count{background:#8e1732;color:#ffdbe2;border-radius:12px;font-size:10px;font-weight:700;padding:4px 9px;height:-moz-fit-content;height:fit-content}.low-stock-list{display:flex;flex-direction:column;gap:10px}.low-stock-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid rgba(23,48,73,.5);padding-bottom:9px}.low-stock-row:last-child{border-bottom:0;padding-bottom:0}.low-stock-row strong{display:block;font-size:11.5px}.low-stock-row>div:first-child span{display:block;color:#7089a3;font-size:9.5px;margin-top:2px}.low-stock-value{text-align:right}.low-stock-value strong{color:var(--red);font-size:14px}.low-stock-value span{color:#6c86a0;font-size:9px}.attention-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 0;color:#6c86a0}.attention-icon{width:34px;height:34px;border-radius:50%;background:#0c5a49;color:#35d8ad;display:grid;place-items:center;font-weight:800;margin-bottom:4px}.activity-list{display:flex;flex-direction:column;gap:4px}.activity-row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;grid-gap:12px;gap:12px;padding:9px 0;border-bottom:1px solid rgba(23,48,73,.5)}.activity-row:last-child{border-bottom:0}.activity-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0b2d49;color:#35a7ff}.activity-main strong{display:block;font-size:11.5px}.activity-main span{display:block;color:#7089a3;font-size:9.5px;margin-top:2px}.activity-quantity{font-weight:700;font-size:12px}.activity-time{color:#6c86a0;font-size:9.5px}.flow-list{display:flex;flex-direction:column;gap:4px}.flow-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(23,48,73,.5);position:relative}.flow-row:last-child{border-bottom:0}.flow-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#082e4f;color:#2aa4ff;flex:none}.flow-info{display:flex;flex-direction:column}.flow-info span{color:#7089a3;font-size:9.5px}.flow-info strong{font-size:11.5px}.flow-arrow{margin-left:auto;color:#4c769c;font-size:14px}.app-footer,.dashboard-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#58728c;font-size:10px}.app-footer strong,.dashboard-footer strong{display:block;color:#8098b3;font-size:11px}.app-footer{padding:12px 24px;border-top:1px solid var(--border-soft);flex:0 0 auto}.app-footer .footer-status{gap:9px}.footer-warehouse{color:#7089a3;padding-right:9px;border-right:1px solid var(--border-soft)}.footer-status{display:flex;align-items:center;gap:7px}.wms-error,.wms-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg);color:#8098b3}.loading-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#092b4d,#06182b);border:1px solid #165080;color:var(--accent);font-weight:800;font-size:22px;box-shadow:0 0 25px rgba(0,139,255,.18)}.loading-title{color:#e8f0fa;font-weight:800;letter-spacing:1px;margin-top:4px}.loading-text{font-size:12px}.error-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--panel),var(--panel-2));border-radius:14px;padding:30px 34px;text-align:center;max-width:360px}.error-icon{width:40px;height:40px;border-radius:50%;background:#6e1832;color:#ff839c;display:grid;place-items:center;margin:0 auto 12px;font-weight:800}.error-card h1{font-size:16px;margin:0 0 8px}.error-card p{color:#8098b3;font-size:12px;margin:0 0 16px}.error-card button{gap:8px;margin:0 auto;border:1px solid var(--border-soft);background:#0b2137;color:#e9f4ff;border-radius:9px;padding:9px 16px;font-size:12px}.error-card button,.login-page{display:flex;align-items:center}.login-page{min-height:100vh;justify-content:center;background:radial-gradient(circle at 78% 10%,rgba(20,80,145,.22),transparent 40%),var(--bg);padding:20px}.login-card{width:100%;max-width:380px;border:1px solid var(--border);background:linear-gradient(160deg,var(--panel),var(--panel-2));border-radius:16px;padding:32px 30px;box-shadow:0 30px 60px rgba(0,0,0,.35)}.login-brand{display:flex;align-items:center;justify-content:center;margin-bottom:26px}.login-logo{width:100%;max-width:240px;height:auto;display:block}.login-card h1{font-size:19px;margin:0 0 6px}.login-card>p{color:#8098b3;font-size:12px;margin:0 0 22px}.login-form{gap:14px}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{gap:7px;font-size:11px;color:#a5bad0;font-weight:600}.login-form input{border:1px solid var(--border-soft);background:#071b30;color:#e8f0fa;border-radius:9px;padding:11px 12px;font-size:13px;outline:none;transition:.15s}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,155,255,.15)}.login-error{background:#3a0f1c;border:1px solid #6e1832;color:#ff9fb2;font-size:11.5px;padding:9px 12px;border-radius:9px}.login-card-success{background:#0f2e21;border:1px solid #1c6e48;color:#7fe0b2;padding:12px 14px;border-radius:9px}.login-form button{margin-top:4px;border:0;border-radius:9px;padding:12px;background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#fff;font-weight:700;font-size:13px;transition:.15s}.login-form button:hover{filter:brightness(1.08)}.login-form button:disabled{opacity:.6;cursor:not-allowed}.legal-page{min-height:100vh;background:radial-gradient(circle at 78% 0,rgba(20,80,145,.16),transparent 32%),var(--bg);padding:40px 20px 60px;display:flex;justify-content:center}.legal-card{width:100%;max-width:760px;border:1px solid var(--border);background:linear-gradient(160deg,var(--panel),var(--panel-2));border-radius:16px;padding:40px 44px;box-shadow:0 30px 60px rgba(0,0,0,.35)}.legal-card h1{font-size:24px;margin:0 0 6px}.legal-card .legal-updated{color:var(--muted);font-size:12px;margin:0 0 30px}.legal-card h2{font-size:15px;color:var(--text);margin:28px 0 10px}.legal-card li,.legal-card p{color:#c3d3e5;font-size:13.5px;line-height:1.75;margin:0 0 12px}.legal-card ul{padding-left:20px;margin:0 0 12px}.legal-card a{color:var(--accent)}.legal-card .legal-back{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:12.5px}.page-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:4px}.page-toolbar,.search-box{display:flex;align-items:center}.search-box{gap:8px;border:1px solid var(--border-soft);background:#071b30;border-radius:9px;padding:0 12px;height:38px;min-width:220px;color:#6c86a0}.search-box input{border:0;background:transparent;color:#e8f0fa;font-size:12.5px;height:100%;flex:1 1;outline:none}.filter-select{border:1px solid var(--border-soft);background:#071b30;color:#dce9f7;padding:0 12px;font-size:12px}.btn,.filter-select{border-radius:9px;height:38px}.btn{display:inline-flex;align-items:center;gap:8px;padding:0 15px;font-size:12.5px;font-weight:600;border:1px solid var(--border-soft);background:#0b2137;color:#e9f4ff;transition:.15s}.btn:hover{border-color:#2a5a86}.btn-primary{border:0;background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-danger{border:1px solid #6e1832;background:#3a0f1c;color:#ff9fb2}.btn-danger:hover{border-color:#a02241}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{height:31px;padding:0 12px;font-size:11.5px;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.2px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-blue{background:rgba(30,155,255,.13);color:#4db3ff}.badge-green{background:rgba(22,214,172,.13);color:#2ee0b8}.badge-yellow{background:rgba(255,194,41,.13);color:#ffcf52}.badge-red{background:rgba(255,72,104,.13);color:#ff6f8d}.badge-purple{background:rgba(155,85,255,.13);color:#b184ff}.badge-gray{background:rgba(128,152,179,.15);color:#9fb2c7}.badge-cyan{background:rgba(53,164,255,.13);color:#5cc2ff}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}table.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:640px}.data-table thead th{text-align:left;color:#6c86a0;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--border);background:#071628;white-space:nowrap}.data-table tbody td{padding:12px 16px;border-bottom:1px solid rgba(23,48,73,.5);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.clickable{cursor:pointer;transition:.12s}.data-table tbody tr.clickable:hover{background:rgba(30,155,255,.06)}.data-table td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table .cell-title{font-weight:600;color:#e8f0fa}.data-table .cell-sub{color:#6c86a0;font-size:10.5px;margin-top:2px}.table-empty{color:#5f7fa0}.table-empty,.table-loading{padding:40px 0;text-align:center}.pagination,.table-loading{color:#6c86a0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px 4px;font-size:11px}.pagination-buttons{display:flex;gap:6px}.drawer-overlay{position:fixed;inset:0;background:rgba(3,10,18,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;z-index:50}.drawer{width:min(440px,92vw);height:100vh;background:linear-gradient(160deg,var(--panel),var(--panel-2));border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.4)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:20px 22px;border-bottom:1px solid var(--border-soft)}.drawer-header h2{margin:0 0 4px;font-size:16px}.drawer-header p{margin:0;color:#6c86a0;font-size:11px}.drawer-close{background:transparent;border:1px solid var(--border-soft);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;color:#94abc1;flex:none}.drawer-body{padding:20px 22px;overflow:auto;flex:1 1;display:flex;flex-direction:column;gap:18px}.drawer-section-title{color:#5f7fa0;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item span{color:#6c86a0;font-size:9.5px;text-transform:uppercase;letter-spacing:.4px}.detail-item strong{font-size:12.5px;font-weight:600}.mini-table{width:100%;border-collapse:collapse;font-size:11.5px}.mini-table th{text-align:left;color:#5f7fa0;font-size:9.5px;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--border-soft)}.mini-table td{padding:8px;border-bottom:1px solid rgba(23,48,73,.4)}.mini-table td.num{text-align:right}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:10px;border-left:2px solid var(--border-soft);margin-left:5px;padding:8px 0 8px 16px;position:relative}.timeline-item:before{content:"";position:absolute;left:-6px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.timeline-item strong{display:block;font-size:11.5px}.timeline-item span{display:block;color:#6c86a0;font-size:10px;margin-top:2px}.modal-overlay{position:fixed;inset:0;background:rgba(3,10,18,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.modal{width:100%;max-width:460px;background:linear-gradient(160deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.4);max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-soft)}.modal-header h2{margin:0;font-size:15px}.modal-body{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-soft)}.form-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#a5bad0;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-soft);background:#071b30;color:#e8f0fa;border-radius:9px;padding:10px 12px;font-size:12.5px;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,155,255,.15)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-error{background:#3a0f1c;border:1px solid #6e1832;color:#ff9fb2;font-size:11px;padding:9px 12px;border-radius:9px}.label-print-modal{max-width:640px}#location-label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px;padding:0 20px 20px}.location-label{border:1px dashed var(--border-soft);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.location-label img{width:100px;height:100px}.location-label-code{font-weight:700;font-size:14px;letter-spacing:.5px}.location-label-sub{color:#7089a3;font-size:10px}#product-label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px;padding:0 20px 20px}@media print{body *{visibility:hidden}#location-label-sheet,#location-label-sheet *,#product-label-sheet,#product-label-sheet *{visibility:visible}.no-print{display:none!important}#location-label-sheet,#product-label-sheet{position:absolute;left:0;top:0;width:100%;grid-template-columns:repeat(2,1fr);padding:0}.location-label{border:1px solid #000;break-inside:avoid;page-break-inside:avoid}.location-label-code,.location-label-sub{color:#000}}#packing-label-sheet{padding:0 20px 20px}.packing-label{border:1px dashed var(--border-soft);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.packing-label-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.packing-label-order{font-weight:700;font-size:15px}.packing-label-channel{color:#8098b3;font-size:12px}.packing-label-body{display:flex;gap:16px;align-items:center}.packing-label-info{display:flex;flex-direction:column;gap:4px}.packing-label-code{font-weight:700;font-size:16px;letter-spacing:.5px}.packing-label-sub{color:#7089a3;font-size:11.5px}.packing-label-access-key{font-size:9.5px;word-break:break-all}.packing-label-staging{font-weight:700;font-size:15px;padding:10px 12px;border-radius:8px;background:#132338;border:1px solid var(--border-soft)}@media print{body *{visibility:hidden}#packing-label-sheet,#packing-label-sheet *{visibility:visible}#packing-label-sheet{position:absolute;left:0;top:0;width:100%;padding:0}.packing-label{border:1px solid #000;break-inside:avoid;page-break-inside:avoid}.packing-label-channel,.packing-label-code,.packing-label-order,.packing-label-staging,.packing-label-sub{color:#000}.packing-label-staging{background:#fff;border:1px solid #000}}.tree-columns{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.tree-col{border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,var(--panel),var(--panel-2));padding:14px;min-height:220px;display:flex;flex-direction:column;gap:8px}.tree-col-header{display:flex;align-items:center;justify-content:space-between;color:#5f7fa0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.tree-item{border:1px solid transparent;background:#071b30;border-radius:9px;padding:10px 12px;font-size:12px;cursor:pointer;transition:.12s;display:flex;flex-direction:column;gap:3px}.tree-item:hover{border-color:#2a5a86}.tree-item.active{border-color:var(--accent);background:rgba(30,155,255,.1)}.tree-item strong{font-size:12.5px}.tree-item span{color:#6c86a0;font-size:10px}.tree-empty{color:#5f7fa0;font-size:11px;padding:16px 0;text-align:center}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.location-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--panel),var(--panel-2));border-radius:11px;padding:13px 14px;cursor:pointer;transition:.12s;display:flex;flex-direction:column;gap:8px}.location-card:hover{border-color:#2a5a86}.location-card-head{display:flex;align-items:center;justify-content:space-between}.location-card-code{font-weight:700;font-size:13px}.location-card-meta{color:#6c86a0;font-size:10px}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.stat-tile{border:1px solid var(--border);background:linear-gradient(145deg,var(--panel),var(--panel-2));border-radius:11px;padding:14px 16px}.stat-tile span{color:#7089a3;font-size:10px}.stat-tile strong{display:block;font-size:20px;margin-top:6px}.dashboard-grid.top-row{grid-template-columns:1.5fr 1fr 1fr;align-items:stretch}.donut-row{display:flex;align-items:center;gap:20px}.donut{width:120px;height:120px;place-items:center;flex:none;transition:background 1s}.donut,.donut-hole{border-radius:50%;display:grid}.donut-hole{width:80px;height:80px;background:#081a2c;place-items:center;align-content:center}.donut-hole strong{font-size:19px}.donut-hole span{font-size:8.5px;color:#708aa4}.donut-legend{flex:1 1;display:flex;flex-direction:column;gap:9px;min-width:0}.donut-legend-row{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;grid-gap:8px;gap:8px;font-size:11px}.donut-legend-dot{width:8px;height:8px;border-radius:50%}.donut-legend-label{color:#c2d4e7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend-row strong{text-align:right}.donut-legend-row em{font-style:normal;color:#6c86a0;text-align:right;min-width:40px}.hour-chart-wrap{position:relative;margin-top:8px}.hour-chart{width:100%;height:200px;display:block;overflow:visible}.hour-chart-grid{stroke:#16304a;stroke-width:1}.hour-chart-line{stroke:#1e9bff;stroke-width:2.6;filter:drop-shadow(0 0 6px rgba(30,155,255,.35))}.hour-chart-dot{fill:#0b1d30;stroke:#4db3ff;stroke-width:1.6}.hour-chart-hover-line{stroke:#2a5a86;stroke-width:1;stroke-dasharray:3 3}.hour-chart-tooltip{position:absolute;top:6px;transform:translateX(-50%);background:#062544;border:1px solid #1686cf;border-radius:8px;padding:7px 11px;box-shadow:0 8px 22px rgba(0,0,0,.3);font-size:9px;white-space:nowrap;pointer-events:none}.hour-chart-tooltip b{display:block;color:#9fc9ef;font-weight:600}.hour-chart-tooltip strong{display:block;font-size:11px;margin-top:2px;color:#fff}.hour-chart-labels{color:#526c87;font-size:8.5px;margin-top:4px}.flow-steps,.hour-chart-labels{display:flex;justify-content:space-between}.flow-steps{align-items:flex-start;flex-wrap:wrap;gap:14px 4px;padding-top:6px}.flow-step-item{display:flex;align-items:flex-start;gap:4px;flex:0 0 auto}.flow-step-col{display:flex;flex-direction:column;align-items:center;gap:7px;width:60px}.flow-step-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#08131f;box-shadow:0 6px 16px rgba(0,0,0,.25);flex:none}.flow-step-label{font-size:9px;color:#a5bad0;text-align:center;white-space:normal;line-height:1.25;overflow-wrap:break-word}.flow-step-count{font-size:15px}.flow-step-arrow{color:#3d5975;font-size:13px;margin-top:16px;flex:none}@media(max-width:560px){.flow-step-arrow{display:none}.flow-steps{justify-content:flex-start;gap:16px 10px}}.attention-alert-list,.attention-panel{display:flex;flex-direction:column}.attention-alert-list{gap:13px}.attention-alert-row{display:flex;gap:10px;align-items:flex-start}.attention-alert-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none}.attention-alert-body strong{display:block;font-size:11.5px;line-height:1.4;color:#dce9f7;font-weight:600}.attention-alert-link{display:inline-block;margin-top:3px;color:#5ca9ff;font-size:10px}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid.three-columns,.dashboard-grid.top-row,.tree-columns{grid-template-columns:1fr 1fr}}@media(max-width:900px){.sidebar{position:fixed;top:0;left:0;width:280px;max-width:82vw;flex-basis:auto;height:100vh;transform:translateX(-100%);transition:transform .25s ease;z-index:201;box-shadow:0 0 40px rgba(0,0,0,.5)}.sidebar.mobile-open{transform:translateX(0)}.sidebar-close{display:flex}.icon-button.mobile-nav-toggle{display:grid;place-items:center}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid.three-columns,.dashboard-grid.top-row,.detail-grid,.form-row,.tree-columns{grid-template-columns:1fr}}@media(max-width:560px){.topbar{padding:12px}.kpi-grid{grid-template-columns:1fr}.warehouse-selector{display:none}}@media(max-width:900px){.data-table-responsive{display:block;width:100%;min-width:0}.data-table-responsive thead{display:none}.data-table-responsive tbody{display:block;width:100%}.data-table-responsive tr{display:block;width:100%;border:1px solid var(--border);border-radius:11px;padding:4px 14px;margin-bottom:10px;background:linear-gradient(145deg,var(--panel),var(--panel-2))}.data-table-responsive tbody tr:last-child{margin-bottom:0}.data-table-responsive td{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 0;border-bottom:1px solid rgba(23,48,73,.4);text-align:left}.data-table-responsive tr td:last-child{border-bottom:0}.data-table-responsive td.num{text-align:left}.data-table-responsive td:before{content:attr(data-label);color:#6c86a0;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.data-table-responsive td:not([data-label]):before{content:none}.data-table-responsive td:not([data-label]) .table-empty,.data-table-responsive td:not([data-label]) .table-loading{text-align:center;padding:22px 0}.data-table-responsive td:not([data-label])>button.btn{width:100%;justify-content:center}.modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.modal-body{flex:1 1;min-height:0}}@media(max-width:560px){.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-actions{padding:12px 16px}.drawer{width:100vw}}@media(max-width:900px){.btn{min-height:42px}.btn-sm{min-height:40px;padding:0 14px}.icon-button{min-width:42px;min-height:42px}}@media(max-width:560px){.page-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0;width:100%}.filter-select{width:100%}}@media(max-width:900px){.drawer-sticky-top{top:0;padding:12px 0 10px;margin-bottom:4px;box-shadow:0 10px 16px -8px rgba(3,10,18,.5)}.drawer-sticky-bottom,.drawer-sticky-top{position:-webkit-sticky;position:sticky;z-index:3;background:#07182a}.drawer-sticky-bottom{bottom:0;padding:10px 0 14px;margin-top:4px;box-shadow:0 -10px 16px -8px rgba(3,10,18,.5)}}@media(max-width:560px){.scan-row{flex-wrap:wrap}.scan-row>select{flex:1 1 100%}.scan-row>button{flex:1 1}}.qty-input{width:72px;text-align:right;background:#071b30;border:1px solid #163550;border-radius:6px;color:#e8f0fa;padding:4px 6px}@media(max-width:900px){.qty-input{width:100%;min-height:40px;padding:8px 10px;font-size:13px}}.bulk-setup-modal{max-width:620px}.bulk-setup-body{gap:18px}.bulk-setup-hint{margin:0;font-size:11.5px;color:#8fa8c2;line-height:1.5}.bulk-setup-section{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border-soft);border-radius:11px;background:rgba(255,255,255,.02)}.bulk-setup-section h3{margin:0;font-size:12px;color:#cfe0f2;font-weight:700;letter-spacing:.02em}.bulk-setup-toggle{display:flex;gap:8px}.bulk-setup-toggle-btn{flex:1 1;border:1px solid var(--border-soft);background:#071b30;color:#a5bad0;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:600;cursor:pointer}.bulk-setup-toggle-btn.active{border-color:var(--accent);color:#e8f0fa;background:rgba(30,155,255,.15)}.bulk-setup-preview{border:1px solid rgba(30,155,255,.35);background:rgba(30,155,255,.08);border-radius:11px;padding:14px;display:flex;flex-direction:column;gap:6px}.bulk-setup-preview strong{font-size:11.5px;color:#dce9f7}.bulk-setup-preview p{margin:0;font-size:12px;color:#c2d4e7;line-height:1.5}.bulk-setup-preview-codes code{background:#071b30;border:1px solid var(--border-soft);border-radius:5px;padding:1px 6px;font-size:11px;color:#9fc9ef}.bulk-setup-preview.over-limit{border-color:#6e1832;background:#3a0f1c}.bulk-setup-preview-warning{display:flex;align-items:center;gap:6px;color:#ff9fb2!important}.bulk-setup-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:36px 20px;color:#8fa8c2;font-size:12px}.bulk-setup-empty-state strong{color:#dce9f7;font-size:13.5px}@media(max-width:560px){.bulk-setup-toggle{flex-direction:column}}.topbar-lang{position:relative}.topbar-lang-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 14px;background:transparent;border:0;color:#dce9f7;font-size:12px;text-align:left}.topbar-lang-item:hover{background:rgba(30,155,255,.08)}.topbar-lang-item svg{color:var(--accent)}.support-whatsapp-button{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:#25D366;color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.35);z-index:40;transition:transform .15s ease}.support-whatsapp-button:hover{transform:scale(1.06)}@media(max-width:900px){.support-whatsapp-button{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:48px;height:48px}}