:root{--font-body: "IBM Plex Sans Thai", "Noto Sans Myanmar", system-ui, sans-serif;--font-display: "Kanit", "Noto Sans Myanmar", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ink: #0b1220;--ink-soft: #334155;--ice: #22d3ee;--navy: #0b1730}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--ink);background-color:var(--navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,.font-display{font-family:var(--font-display);letter-spacing:-.005em;line-height:1.3}h2{font-weight:700}h3,h4{font-weight:600}.font-black{font-weight:800}.font-extrabold{font-weight:700}p,td,label,li{color:inherit}.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{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:url(/images/bg-coldroom.jpg) center / cover no-repeat;transform:scale(1.04);filter:saturate(1.05);animation:bg-drift 40s ease-in-out infinite alternate}.app-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1200px 600px at 85% -10%,rgba(34,211,238,.22),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(59,130,246,.2),transparent 60%),linear-gradient(180deg,#f1f5f9cc,#e2e8f0e6 45%,#cbd5e1f0)}.app-frost{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1.5px 1.5px at 70% 20%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 40% 80%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 85% 65%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1.5px 1.5px at 10% 70%,rgba(255,255,255,.8),transparent 60%);background-size:600px 600px;animation:frost-fall 60s linear infinite}@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){.app-bg,.app-frost{animation:none}}#viewContainer .bg-white,#sidebarContainer .glass-panel{background-color:#ffffffdb!important;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.glass-panel{background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0d}.pro-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease;box-shadow:0 4px 15px -2px #0f172a0f}.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)}@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}main{max-width:100%!important;padding:0!important;display:block!important}.tab-content{display:block!important}}