*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dz-trust: #2D1B69;--dz-action: #7C3AED;--dz-positive: #10B981;--dz-ai: #F97316;--dz-workspace: #FAF7F2;--dz-trust-2: #3D2490;--dz-trust-3: #5229B3;--dz-action-hover: #6D28D9;--dz-action-soft: rgba(124, 58, 237, .12);--dz-positive-2: #059669;--dz-positive-soft: rgba(16, 185, 129, .14);--dz-ai-ink: #FFFFFF;--dz-ai-soft: rgba(249, 115, 22, .15);--dz-warning: #F59E0B;--dz-warning-2: #D97706;--dz-danger: #EF4444;--dz-danger-2: #DC2626;--dz-info: #06B6D4;--dz-surface: #FFFFFF;--dz-surface-2: #FBF8F3;--dz-border: #EAE3D9;--dz-border-light: #F2EDE4;--dz-text: #1C1018;--dz-text-2: #3D3347;--dz-muted: #7A6E85;--dz-faint: #A89CB8;--dz-radius-card: 16px;--dz-radius: 14px;--dz-radius-sm: 12px;--dz-radius-ctrl: 8px;--dz-radius-pill: 999px;--dz-shadow-xs: 0 1px 2px rgba(45, 27, 105, .04);--dz-shadow: 0 1px 3px rgba(45, 27, 105, .05), 0 4px 16px rgba(45, 27, 105, .07);--dz-shadow-md: 0 4px 12px rgba(45, 27, 105, .08), 0 12px 32px rgba(45, 27, 105, .09);--dz-shadow-lg: 0 8px 24px rgba(45, 27, 105, .12), 0 20px 48px rgba(45, 27, 105, .1);--dz-shadow-glow: 0 0 0 3px rgba(124, 58, 237, .18);--dz-font: "Inter", "Manrope", system-ui, sans-serif;--dz-font-display: "Manrope", "Inter", system-ui, sans-serif;--dz-nav-gradient: linear-gradient( 165deg, #1A0A3D 0%, #2D1B69 55%, #4A2090 100% );--dz-action-gradient: linear-gradient(135deg, #7C3AED, #A855F7);--dz-positive-gradient: linear-gradient(135deg, #10B981, #059669);--dz-ai-gradient: linear-gradient(135deg, #F97316, #FB923C);--dz-topbar-bg: linear-gradient(135deg, #1A0A3D 0%, #2D1B69 60%, #3D2490 100%);--dz-topbar-shadow: 0 2px 20px rgba(45, 27, 105, .35);--navy: var(--dz-trust);--blue: var(--dz-action);--blue-2: var(--dz-action-hover);--green: var(--dz-positive);--green-2: var(--dz-positive-2);--lime: var(--dz-ai);--orange: var(--dz-warning);--orange-2: var(--dz-warning-2);--red: var(--dz-danger);--red-2: var(--dz-danger-2);--teal: var(--dz-info);--teal-2: #0891B2;--purple: #8B5CF6;--purple-2: #7C3AED;--bg: var(--dz-workspace);--surface: var(--dz-surface);--surface-2: var(--dz-surface-2);--border: var(--dz-border);--border-light: var(--dz-border-light);--text: var(--dz-text);--text-2: var(--dz-text-2);--muted: var(--dz-muted);--light: var(--dz-faint);--r: var(--dz-radius-card);--r-sm: var(--dz-radius-sm);--r-xs: var(--dz-radius-ctrl);--shadow-xs: var(--dz-shadow-xs);--shadow: var(--dz-shadow);--shadow-md: var(--dz-shadow-md);--shadow-hover: var(--dz-shadow-lg);--topbar-bg: var(--dz-topbar-bg);--topbar-shadow: var(--dz-topbar-shadow);--brand-900: #16073A;--brand-700: var(--dz-trust);--brand-500: var(--dz-trust-2);--brand-gradient: var(--dz-nav-gradient);--brand-gradient-h: var(--dz-action-gradient)}html,body{height:100%;font-family:var(--dz-font);background:var(--dz-workspace);color:var(--dz-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1,"ss01" 1;font-variant-numeric:tabular-nums}.dz-display,h1.dz-display,.welcome-title{font-family:var(--dz-font-display);font-weight:700;letter-spacing:-.03em;color:var(--dz-trust)}.dz-mark{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid var(--dz-ai);display:inline-block;filter:drop-shadow(0 1px 2px rgba(45,27,105,.2))}.dz-mark--navy{border-bottom-color:var(--dz-trust)}.dz-mark--action{border-bottom-color:var(--dz-action)}.dz-card{background:var(--dz-surface);border:1px solid var(--dz-border);border-radius:var(--dz-radius-card);box-shadow:var(--dz-shadow)}.dz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--dz-radius-ctrl);border:1px solid transparent;font:600 13px/1 var(--dz-font);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s}.dz-btn:active{transform:scale(.98)}.dz-btn--primary{background:var(--dz-action);color:#fff;box-shadow:0 6px 16px #7c3aed47}.dz-btn--primary:hover{background:var(--dz-action-hover)}.dz-btn--trust{background:var(--dz-trust);color:#fff}.dz-btn--trust:hover{background:var(--dz-trust-2)}.dz-btn--ghost{background:var(--dz-surface);border-color:var(--dz-border);color:var(--dz-text-2)}.dz-btn--ghost:hover{border-color:#7c3aed59;color:var(--dz-action);box-shadow:var(--dz-shadow-glow)}.dz-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--dz-radius-pill);font:650 11px/1 var(--dz-font);letter-spacing:.02em}.dz-chip--present{background:var(--dz-positive-soft);color:var(--dz-positive-2)}.dz-chip--action{background:var(--dz-action-soft);color:var(--dz-action)}.dz-chip--ai{background:var(--dz-ai-soft);color:var(--dz-ai-ink)}.dz-chip--trust{background:#2d1b6914;color:var(--dz-trust)}.dz-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.top-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:0 20px;height:56px;background:var(--topbar-bg);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:var(--topbar-shadow);flex-shrink:0;width:100%}.top-header .icon-btn,.top-header .menu-toggle{border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffbf;border-radius:var(--r-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;flex-shrink:0}.top-header .icon-btn{width:36px;height:36px;position:relative}.top-header .menu-toggle{width:36px;height:36px;display:none}.top-header .icon-btn:hover,.top-header .menu-toggle:hover{background:#ffffff29;color:#fff;border-color:#ffffff47}.top-header .icon-btn.logout:hover{background:#ef444440;border-color:#ef444466;color:#fca5a5}.top-header .notif-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--green);border:2px solid transparent}.top-header .ua-header-title,.top-header .page-header-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;letter-spacing:-.2px}.top-header .ua-header-title i,.top-header .page-header-title i{color:var(--lime);font-size:15px}@media(max-width:1024px){.top-header .menu-toggle{display:flex}}.search-bar{display:flex;align-items:center;gap:10px;height:36px;padding:0 13px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-sm);transition:border-color .2s,box-shadow .2s,background .2s}.search-bar:focus-within{border-color:#c7f36b99;background:#ffffff24;box-shadow:0 0 0 3px #c7f36b1f}.search-bar i{color:#ffffff73;font-size:12px;flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;background:transparent;font:13px/1 var(--dz-font);color:#fff}.search-bar input::placeholder{color:#fff6}.search-bar kbd{font-size:10px;padding:2px 6px;border-radius:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#ffffff80;flex-shrink:0}.search-wrap{flex:1;max-width:440px;position:relative}.search-wrap .search-bar{max-width:100%}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:0 8px 30px #0f172a1f;overflow:hidden;z-index:999;animation:dropDown .15s ease}@keyframes dropDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-result{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .12s}.search-result:hover{background:var(--surface-2)}.search-result:not(:last-child){border-bottom:1px solid var(--border-light)}.search-result__icon{width:34px;height:34px;border-radius:9px;background:var(--dz-action-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;flex-shrink:0}.search-result__text{flex:1;display:flex;flex-direction:column;gap:1px}.search-result__text span{font-size:13px;font-weight:600;color:var(--text)}.search-result__text small{font-size:11px;color:var(--muted)}.search-result__arrow{font-size:11px;color:var(--light)}.search-empty{padding:18px 16px;font-size:13px;color:var(--muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.ann-count{position:absolute;top:4px;right:4px;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:var(--lime);color:var(--navy);font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(7,43,99,.3);line-height:1}.top-header .icon-btn.announcement-btn:hover{background:#c7f36b33;border-color:#c7f36b66;color:var(--lime)}.mod-switch-wrap{position:relative;flex-shrink:0}.mod-switch-btn{background:#ffffff14!important;border-color:#ffffff2e!important;color:#ffffffb3!important}.mod-switch-btn--active,.mod-switch-btn:hover{background:#c7f36b33!important;border-color:#c7f36b73!important;color:var(--lime)!important}.mod-switcher-popup{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:14px;box-shadow:0 16px 48px #072b6333;border:1px solid rgba(7,43,99,.1);overflow:hidden;z-index:300;animation:popDown .18s ease}@keyframes popDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mod-switcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}.mod-switcher-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:10px;cursor:pointer;transition:background .12s;font-size:11px;color:#334155;font-weight:500;text-align:center}.mod-switcher-tile:hover{background:#f1f5f9}.mod-switcher-tile--active{background:#eef6ff;color:var(--blue)}.mod-switcher-tile span{font-size:11px;font-weight:500;white-space:nowrap}.mod-switcher-icon{position:relative;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#e2e8f0;color:#475569;flex-shrink:0}.swi--hrms{background:var(--dz-action-gradient);color:#fff}.swi--warehouse{background:var(--dz-positive-gradient);color:#fff}.swi--datahub{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff}.swi--sales{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.swi--purchase{background:linear-gradient(135deg,#10b981,#0891b2);color:#fff}.swi--operations{background:linear-gradient(135deg,#374151,#6b7280);color:#fff}.mod-switcher-check{position:absolute;bottom:-3px;right:-3px;width:14px;height:14px;border-radius:50%;background:var(--green);color:#fff;font-size:7px;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}.mod-switcher-footer{padding:8px 12px 10px;font-size:11px;color:#94a3b8;border-top:1px solid #f1f5f9;text-align:center;margin-top:0}.topbar-avatar-wrap{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 8px 3px 3px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;transition:background .2s,border-color .2s}.topbar-avatar-wrap:hover{background:#ffffff24;border-color:#ffffff47}.topbar-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-caret{font-size:9px;color:#ffffff80;transition:transform .2s}.topbar-caret--open{transform:rotate(180deg)}.topbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border-radius:14px;box-shadow:0 16px 48px #072b632e;border:1px solid rgba(7,43,99,.08);overflow:hidden;z-index:300;animation:popDown .18s ease}.topbar-dd-user{display:flex;align-items:center;gap:10px;padding:14px 16px}.topbar-dd-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-dd-name{display:block;font-size:13px;font-weight:600;color:var(--text)}.topbar-dd-user small{font-size:11px;color:var(--muted);display:block;margin-top:1px}.topbar-dd-divider{height:1px;background:#072b630d;margin:0 12px}.topbar-dd-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--red);cursor:pointer;transition:background .12s;text-align:left}.topbar-dd-btn:hover{background:#fff5f5}.wh-content>app-inbound,.wh-content>app-putaway,.wh-content>app-inventory-list,.wh-content>app-outbound,.wh-content>app-report,.wh-content>app-warehouse-config,.wh-content>app-warehouse-products{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.wh-content:has(app-warehouse-products),.wh-content:has(app-inbound),.wh-content:has(app-putaway),.wh-content:has(app-inventory-list),.wh-content:has(app-outbound),.wh-content:has(app-report){overflow:hidden}