:root{--navy:#0f172a;--navy-dk:#020617;--blue:#2563eb;--blue-lt:#3b82f6;--blue-bg:#eff6ff;--bg:#f8fafc;--panel:#fff;--bdr:#e2e8f0;--bdr-lt:#f1f5f9;--txt:#0f172a;--mut:#64748b;--alt:#f8fafc;--hvr:#f1f5f9;--green:#16a34a;--gbg:#f0fdf4;--amber:#d97706;--abg:#fffbeb;--red:#dc2626;--rbg:#fef2f2;--purple:#7c3aed;--pbg:#f5f3ff;--gray:#475569;--grbg:#f1f5f9;--teal:#0d9488;--tbg:#f0fdfa;--sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--sh-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--sh-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0a;--sh-lg:0 10px 15px -3px #0f172a1a, 0 4px 6px -4px #0f172a0d;--by-navy:var(--navy);--by-navy-dark:var(--navy-dk);--by-blue:var(--blue);--by-blue-light:var(--blue-lt);--by-bg:var(--bg);--by-panel:var(--panel);--by-border:var(--bdr);--by-text:var(--txt);--by-text-mut:var(--mut);--by-row-alt:var(--alt);--by-row-hover:var(--hvr);--by-green:var(--green);--by-amber:var(--amber);--by-red:var(--red)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;flex-direction:column;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.topbar{color:#fff;z-index:50;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex;position:relative;box-shadow:0 2px 10px #00000026}.topbar-l,.topbar-left{letter-spacing:-.01em;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.logo,.logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 0 12px #6366f166}.topbar-r,.topbar-right{align-items:center;gap:16px;font-size:12px;display:flex}.topbar-right .search,.topbar-r input{color:#f1f5f9;width:220px;font-size:12px;font-family:var(--sans);background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:6px 12px;transition:all .2s}.topbar-right .search:focus,.topbar-r input:focus{background:#ffffff24;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.topbar-right .search::placeholder,.topbar-r input::placeholder{color:#94a3b8}.user-profile-badge{background:#ffffff14;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;padding:4px 10px;display:flex}.role-pill{color:#020617;text-transform:uppercase;letter-spacing:.04em;background:#38bdf8;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:700}.btn-logout{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;transition:background .15s,color .15s}.btn-logout:hover{color:#fca5a5;background:#ef444433}.app-nav{z-index:45;background:#020617;border-bottom:1px solid #1e293b;flex-shrink:0;align-items:stretch;display:flex;position:relative;overflow-x:auto}.app-nav::-webkit-scrollbar{height:0}.app-nav-label{color:#38bdf8;letter-spacing:.06em;white-space:nowrap;background:#090d16;flex-shrink:0;align-items:center;padding:10px 16px;font-size:10.5px;font-weight:700;display:flex}.app-nav-item{color:#94a3b8;cursor:pointer;white-space:nowrap;border-right:1px solid #1e293b;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.app-nav-item:hover{color:#f1f5f9;background:#0f172a}.app-nav-item.active{color:#38bdf8;background:#38bdf81a;font-weight:600;box-shadow:inset 0 -2px #38bdf8}.app-nav-item.disabled{opacity:.4;cursor:not-allowed}.bc,.breadcrumb{color:var(--mut);border-bottom:1px solid var(--bdr);background:#fff;flex-shrink:0;align-items:center;gap:4px;padding:8px 24px;font-size:12px;display:flex}.bc span,.breadcrumb span{cursor:pointer;transition:color .15s}.bc span:hover,.breadcrumb span:hover{color:var(--blue)}.bc .sep,.breadcrumb .sep{color:#cbd5e1;margin:0 4px}.bc .cur,.breadcrumb .cur{color:var(--txt);cursor:default;font-weight:600}.page{flex-direction:column;flex:1;display:flex;overflow:hidden}.ph{flex-shrink:0;padding:14px 24px 0}.ptitle-row,.ptrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ptitle{color:#0f172a;letter-spacing:-.02em;font-size:20px;font-weight:700}.ptitle small{color:var(--mut);background:#f1f5f9;border-radius:6px;margin-left:8px;padding:3px 8px;font-size:12px;font-weight:500}.sc-row{flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 24px 12px;display:grid}.sc{border:1px solid var(--bdr);box-shadow:var(--sh-sm);background:#fff;border-radius:10px;padding:14px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.sc:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.sc:before{content:"";background:var(--bdr);height:3px;position:absolute;top:0;left:0;right:0}.sc.sc-blue:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.sc.sc-green:before{background:linear-gradient(90deg,#16a34a,#22c55e)}.sc.sc-amber:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.sc.sc-red:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.sc.sc-purple:before{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.sc-lbl{color:var(--mut);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.sc-val{color:var(--txt);letter-spacing:-.03em;margin:4px 0 2px;font-size:26px;font-weight:800}.sc-sub{color:var(--mut);font-size:11.5px;font-weight:500}.badge{letter-spacing:.01em;white-space:nowrap;border-radius:9999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.b-green{color:#15803d;background:#dcfce7}.b-amber{color:#b45309;background:#fef3c7}.b-red{color:#b91c1c;background:#fee2e2}.b-blue{color:#1d4ed8;background:#dbeafe}.b-purple{color:#6b21a8;background:#f3e8ff}.b-gray{color:#475569;background:#f1f5f9}.b-teal{color:#0f766e;background:#ccfbf1}.pill{white-space:nowrap;letter-spacing:.01em;border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.pill-green{color:#15803d;background:#dcfce7}.pill-amber{color:#b45309;background:#fef3c7}.pill-red{color:#b91c1c;background:#fee2e2}.pill-gray{color:#475569;background:#f1f5f9}.pill-blue{color:#1d4ed8;background:#dbeafe}.pill-purple{color:#6b21a8;background:#f3e8ff}code.cf,code.fld{font-family:var(--mono);color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}table.dt a.row-link,a.row-link{color:var(--blue);cursor:pointer;font-weight:600;text-decoration:none}table.dt a.row-link:hover,a.row-link:hover{text-decoration:underline}.btn{border:1px solid var(--bdr);color:var(--txt);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--sans);box-shadow:var(--sh-sm);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;transition:all .15s;display:inline-flex}.btn:hover{box-shadow:var(--sh-md);background:#f8fafc;border-color:#cbd5e1}.btn-p,.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#2563eb;box-shadow:0 2px 6px #2563eb4d}.btn-p:hover,.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-color:#1d4ed8;box-shadow:0 4px 10px #2563eb66}.btn-sm{border-radius:5px;padding:5px 10px;font-size:11.5px}.btn-xs{border-radius:4px;padding:3px 8px;font-size:11px}.tbl-wrap,.tblwrap{background:var(--panel);border-top:1px solid var(--bdr);-webkit-overflow-scrolling:touch;border-radius:0 0 10px 10px;flex:1;overflow:auto}.tbl,table.dt{border-collapse:collapse;background:#fff;width:100%;font-size:12.5px}.tbl th,table.dt thead th{color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;z-index:10;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.tbl td,table.dt tbody td{vertical-align:middle;white-space:nowrap;color:var(--txt);border-bottom:1px solid #f1f5f9;padding:10px 14px}.tbl tr.sel,table.dt tbody tr.sel{background:#eff6ff}.tbl tr:nth-child(2n),table.dt tbody tr:nth-child(2n){background:var(--alt)}.tbl tr:hover,table.dt tbody tr:hover{background:var(--hvr)}.tbl tr.active,table.dt tbody tr.active{background:#dceaf9}.mobile-only{display:none!important}.desktop-only{display:flex!important}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#0f172a66;justify-content:flex-end;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:0}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer-content{border-left:1px solid var(--bdr);background:#fff;flex-direction:column;width:85%;max-width:320px;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(100%);box-shadow:-4px 0 24px #0f172a26}.mobile-drawer-overlay.open .mobile-drawer-content{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--bdr);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-header h3{color:var(--navy);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.close-drawer-btn{cursor:pointer;color:var(--mut);background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:color .15s}.close-drawer-btn:hover{color:var(--red)}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.drawer-search-wrap .search{border:1px solid var(--bdr);background:#f8fafc;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:12.5px;transition:all .2s}.drawer-search-wrap .search:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2563eb26}.drawer-profile-card{border:1px solid var(--bdr);background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.drawer-avatar{justify-content:center;align-items:center;display:flex}.avatar-big{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f133}.drawer-user-info{flex-direction:column;gap:4px;display:flex}.drawer-user-info h4{color:var(--navy);margin:0;font-size:13px;font-weight:700}.drawer-user-info .role-pill{color:var(--blue);text-transform:uppercase;background:#3b82f61a;border-radius:4px;width:fit-content;padding:2px 6px;font-size:9px;font-weight:700}.drawer-section{flex-direction:column;gap:8px;display:flex}.drawer-section-title{color:var(--mut);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:700}.drawer-warehouse-val{color:var(--txt);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.drawer-nav-links{flex-direction:column;gap:6px;display:flex}.drawer-nav-item{color:var(--mut);border:1px solid #0000;border-radius:8px;align-items:center;padding:10px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.drawer-nav-item:hover{background:var(--hvr);color:var(--txt)}.drawer-nav-item.active{color:var(--blue);background:#2563eb14;border-color:#2563eb26;font-weight:600}.drawer-footer{border-top:1px solid var(--bdr);background:#f8fafc;padding:16px 20px}.logout-btn-mobile{justify-content:center;width:100%;color:#ef4444!important;background:#ef44440d!important;border:1px solid #ef444433!important;border-radius:8px!important;padding:10px!important;font-size:12px!important;font-weight:600!important}.logout-btn-mobile:hover{color:#fff!important;background:#ef4444!important}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.avatar-circle{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.mobile-drawer-overlay,.mobile-menu-toggle{display:flex}html,body{height:auto!important;min-height:100%!important;overflow:hidden auto!important}.page{flex:none!important;height:auto!important;overflow:visible!important}.main{flex:none!important;height:auto!important;padding:0 10px 10px!important;overflow:visible!important}.tcontent{flex-direction:column!important;flex:none!important;gap:8px!important;height:auto!important;padding-top:8px!important;overflow:visible!important}.tpanel{flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;overflow:hidden!important}.tbl-wrap,.tblwrap{background:var(--panel);-webkit-overflow-scrolling:touch;border-radius:4px;border:1px solid var(--bdr)!important;flex:none!important;width:100%!important;max-width:100%!important;display:block!important;overflow:auto hidden!important}.tbl,table.dt{border-collapse:collapse;min-width:750px!important}.topbar-l .title-full{display:none!important}.topbar-l .title-short{font-size:13px;display:inline!important}.topbar{padding:0 12px!important}.topbar-r{gap:8px!important}.app-nav,.modulebar{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;overflow-x:auto!important}.app-nav::-webkit-scrollbar{display:none!important}.modulebar::-webkit-scrollbar{display:none!important}.app-nav-item{padding:10px 14px!important;font-size:12px!important}.modulebar .megamenu{display:none!important}.sc-row{scroll-snap-type:x mandatory;scrollbar-width:none!important;gap:10px!important;padding:10px 12px 14px!important;display:flex!important;overflow-x:auto!important}.sc-row::-webkit-scrollbar{display:none!important}.sc{scroll-snap-align:start;flex:0 0 160px!important;margin-bottom:0!important}.module-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:12px!important}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:8px!important;padding:0 10px 8px!important}.form-grid,.fgrid,.fgrid2,.fgrid3{grid-template-columns:1fr!important;gap:10px!important}.radio-grid{grid-template-columns:1fr 60px 60px 60px!important;gap:6px 0!important}.radio-grid .rg-label{padding:6px 0!important;font-size:11.5px!important}.radio-grid .rg-opt{padding:6px 0!important;font-size:11px!important}.dpanel{z-index:200!important;border-radius:0!important;width:100%!important;height:calc(100% - 44px)!important;position:fixed!important;inset:44px 0 0!important;box-shadow:0 -4px 16px #00000040!important}.ph{padding:10px 12px 0!important}.ptrow{margin-bottom:8px!important}.ptitle{font-size:16px!important}.ptitle small{margin-top:2px;display:block;margin-left:0!important}.main{padding:0 10px 10px!important}.tabbar,.vtabs{white-space:nowrap!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;max-width:100%!important;display:flex!important;overflow-x:auto!important}.tabbar::-webkit-scrollbar{display:none!important}.vtabs::-webkit-scrollbar{display:none!important}.mobile-submenu-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.mobile-submenu-overlay.open{display:flex}.mobile-submenu-sheet{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:80vh;animation:.25s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 -8px 24px #00000040}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ms-header{border-bottom:1px solid var(--bdr);background:#f9fafb;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ms-header h3{color:var(--navy);margin:0;font-size:15px;font-weight:600}.ms-close-btn{cursor:pointer;color:var(--mut);background:0 0;border:none;padding:4px 8px;font-size:18px}.ms-body{flex:1;padding:12px 18px;overflow-y:auto}.ms-list,.ms-nested-list{margin:0;padding:0;list-style:none}.ms-link-item{border-bottom:1px solid var(--bdr-lt);color:var(--txt);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:12px;font-size:13px;display:flex}.ms-link-item:active{background:var(--hvr)}.ms-category-item{text-align:left;margin-top:10px;margin-bottom:10px}.ms-category-title{color:var(--mut);text-transform:uppercase;letter-spacing:.04em;background:var(--alt);border-radius:4px;padding:4px 12px;font-size:11px;font-weight:700;display:block}.ms-nested-list .ms-link-item{padding-left:24px}}