:root{--navy-blue:#1b2a4a;--navy-dark:#16243b;--bg-grey:#eef1f5;--text-primary:#2b3445;--text-muted:#8a93a3;--green:#2e9e5b;--amber:#f0a020;--red:#e3453a;--header-height:56px;--footer-height:38px}body,html{margin:0;padding:0;font-family:Inter,Noto Sans Thai,sans-serif;background-color:var(--navy-dark);overflow:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.global-header{height:var(--header-height);color:#fff;top:0}.global-footer,.global-header{width:100%;background-color:var(--navy-dark);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:fixed;left:0;z-index:1200}.global-footer{height:var(--footer-height);color:#c5cede;bottom:0;font-size:11px}.app-wrapper{margin-top:var(--header-height);height:calc(100vh - var(--header-height) - var(--footer-height));height:calc(100dvh - var(--header-height) - var(--footer-height));width:100%;display:flex;justify-content:center;align-items:center;position:relative}.bg-layer{position:absolute;inset:0;background-image:url(/images/warehouse-bg.jpg);background-size:cover;background-position:50%;filter:blur(8px) brightness(.8);z-index:1}.mobile-container{width:100%;max-width:430px;height:100%;background-color:var(--bg-grey);position:relative;z-index:10;overflow-y:auto;overflow-x:hidden;box-shadow:0 0 30px rgba(0,0,0,.5);display:flex;flex-direction:column}.mobile-container::-webkit-scrollbar{width:0}@media (max-width:480px){.bg-layer,.global-footer,.global-header{display:none}.app-wrapper{margin-top:0;height:100vh;height:100dvh}.mobile-container{max-width:100%;box-shadow:none}}#print-area{display:none}@media print{body,html{overflow:visible!important;height:auto!important}body>.app-wrapper{display:none!important}#print-area{display:block!important;padding:16px;background:#fff;color:#000;font-size:12px}#print-area table{width:100%;border-collapse:collapse}#print-area td,#print-area th{border:1px solid #999;padding:4px 6px;text-align:left;vertical-align:top}#print-area th{background:#eee}}