:root{--font-body: "Sarabun", "Noto Sans Myanmar", system-ui, sans-serif;--font-display: "Kanit", "Sarabun", "Noto Sans Myanmar", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ink: #0b1220;--ink-soft: #334155;--ice: #38bdf8;--navy: #06233f;--orange: #f97316;--canvas: #edf4f8}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:18px;line-height:1.75;color:var(--ink);background-color:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#navbarContainer,#sidebarContainer,#viewContainer{font-family:var(--font-body)}button,select,input,textarea,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #0ea5e9;outline-offset:3px}button:disabled{opacity:.65}h1,h2,h3,h4,h5,.font-display{font-family:var(--font-display);letter-spacing:-.005em;line-height:1.3}h1{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800}#viewContainer h2{font-size:clamp(1.45rem,2.7vw,1.8rem)!important;font-weight:800;line-height:1.3}#viewContainer h3{font-size:clamp(1.08rem,1.8vw,1.25rem);font-weight:800}#viewContainer h4{font-size:1rem;font-weight:700}h2{font-weight:800}h3,h4{font-weight:700}.font-black{font-weight:800}.font-extrabold{font-weight:700}p,td,label,li{color:inherit}button,select,input,textarea,summary{font-family:inherit;font-size:max(1rem,16px)}#navbarContainer .text-xs,#sidebarContainer .text-xs,#viewContainer .text-xs{font-size:.95rem;line-height:1.55}#navbarContainer .text-sm,#sidebarContainer .text-sm,#viewContainer .text-sm{font-size:1.05rem;line-height:1.6}html.large-text{font-size:112.5%}html.large-text #viewContainer .text-xs,html.large-text #sidebarContainer .text-xs,html.large-text #navbarContainer .text-xs{font-size:1.05rem}.font-mono,code,kbd{font-family:var(--font-mono);font-feature-settings:"zero" 1}.tabular-nums,h3 .text-2xl,.text-2xl{font-variant-numeric:tabular-nums}:lang(my),.lang-my{line-height:1.9}.app-bg{display:none}.app-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(135deg,#f8fbfd,#edf4f8 55%,#e6f0f6)}.app-frost{display:none}@keyframes bg-drift{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}@keyframes frost-fall{0%{background-position:0 0}to{background-position:0 600px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.app-bg,.app-frost{animation:none}}#viewContainer .bg-white,#sidebarContainer .glass-panel{background-color:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#94a3b8!important;box-shadow:0 4px 16px -2px #0f172a14,0 2px 4px -1px #0f172a0a}.glass-panel{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid #94a3b8;box-shadow:0 4px 16px -2px #0f172a14}.pro-card{background:#fff;border:2px solid #94a3b8;transition:all .2s ease;box-shadow:0 4px 12px -2px #0f172a14}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.wms-shell-header{box-shadow:0 8px 22px -16px #06233f73}.wms-topbar{background:var(--navy);color:#dcecf7;font-size:.8rem;font-weight:700;letter-spacing:.01em;padding:.38rem 0}.wms-main-nav{background:#fffffff7;border-bottom:1px solid #dce7ee}.wms-shell-header{isolation:isolate}.wms-header-row,.wms-brand,.wms-brand-copy,.wms-header-actions{min-width:0}.wms-header-actions button,.wms-header-actions select{white-space:nowrap}#viewContainer>section>div:first-child,#viewContainer>div>div:first-child[style*=background-image]{border-radius:1rem}#viewContainer>section>div:first-child>p:first-child{font-family:var(--font-body);font-weight:700;letter-spacing:.035em}.wms-brand-mark{background:linear-gradient(145deg,#06345c,#0e7490);border:1px solid #0b4d73}.wms-primary-action{background:var(--orange);border:1px solid #ea580c}.wms-primary-action:hover{background:#ea580c}.wms-secondary-action{background:#06345c;border:1px solid #082f49}.wms-secondary-action:hover{background:#0e7490}main.max-w-7xl{max-width:1440px;padding-top:1.5rem;padding-bottom:2.5rem}#sidebarContainer [data-sidebar-nav] button{border-radius:.8rem}#sidebarContainer [data-sidebar-nav] button.bg-blue-600{background:var(--navy)!important;border-color:var(--navy)!important}#viewContainer .rounded-2xl,#sidebarContainer .rounded-2xl{border-radius:1rem}#viewContainer [class*=border-slate-300],#viewContainer [class*=border-slate-200],#sidebarContainer [class*=border-slate-300]{border-color:#94a3b8!important}.pro-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #0f172a1f}.shelf-slot{transition:all .25s cubic-bezier(.4,0,.2,1);background-image:radial-gradient(circle at top right,#fffffff5,#f8fafcfa)}.shelf-slot:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px -5px #2563eb40,0 4px 6px -2px #0000000d}.module-hero{background-size:cover;background-position:center;position:relative;overflow:hidden}#viewContainer [style*=background-image] h2{text-shadow:0 2px 12px rgba(2,6,23,.45)}.view-enter>*{animation:view-in .35s cubic-bezier(.2,.8,.2,1)}summary::-webkit-details-marker{display:none}@media(max-width:639px){body{font-size:17px;line-height:1.65}.wms-topbar{display:none}.wms-main-nav{border-bottom-width:2px}.wms-header-row{align-items:flex-start;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem}.wms-brand-mark{padding:.62rem;border-radius:.8rem}.wms-brand-mark i{font-size:1.25rem}.wms-brand-copy h1{font-size:1rem;line-height:1.25}.wms-brand-copy p{font-size:.78rem!important;line-height:1.35;max-width:12rem}.wms-brand-copy h1 span{display:none}.wms-header-actions{gap:.35rem}.wms-header-actions>button{padding:.58rem!important;border-radius:.7rem}.wms-header-actions>button span{display:none}.wms-header-actions #navbarLangToggle{font-size:0}.wms-header-actions #navbarLangToggle i{font-size:1rem}#sidebarContainer>aside>.glass-panel:not(details){display:none}#viewContainer>section>div:first-child{padding:1.25rem}#viewContainer h2{font-size:1.35rem!important}#viewContainer .flex.justify-between{gap:.75rem}#viewContainer [class*=overflow-x-auto]{margin-inline:-1rem;padding-inline:1rem}}@media(min-width:640px)and (max-width:1023px){.wms-header-row{flex-wrap:wrap;gap:.85rem}.wms-header-actions{margin-left:auto}#sidebarContainer>aside>.glass-panel:not(details){display:none}}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{header,aside,button,#slotModal,#toast,.app-bg,.app-bg-overlay,.app-frost{display:none!important}body{background:#fff;position:relative}body:after{content:"DIGIX TECHNOLOGY ENTERPRISE WMS • ALL RIGHTS RESERVED • PROPRIETARY SYSTEM • LICENSED WORKSPACE";position:fixed;top:50%;left:5%;right:5%;transform:translateY(-50%) rotate(-28deg);font-size:2.2rem;font-weight:900;font-family:Kanit,sans-serif;color:#0f172a14;text-align:center;letter-spacing:.1em;pointer-events:none;z-index:9999}main{max-width:100%!important;padding:0!important;display:block!important}.tab-content{display:block!important}}.digix-brand-tag{background:linear-gradient(135deg,#06345c,#0369a1);border:1px solid #38bdf8;color:#fff;font-weight:800;letter-spacing:.02em}.digix-security-badge{background:#0f172af2;border:1.5px solid #0284c7;box-shadow:0 0 15px #0284c733;-webkit-user-select:none;user-select:none}.line-mockup-frame{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}.line-mockup-frame .text-base{font-size:1rem!important;line-height:1.35!important}.line-mockup-frame .text-sm{font-size:.875rem!important;line-height:1.35!important}.line-mockup-frame .text-xs{font-size:.75rem!important;line-height:1.35!important}.line-mockup-frame .text-2xs{font-size:.6875rem!important;line-height:1.3!important}.line-mockup-frame .text-3xs{font-size:.625rem!important;line-height:1.25!important}.line-full-edge-bubble{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:1.25rem!important}
