@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";@font-face{font-family:DB Ozone X;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/DBOzoneX-Regular.ttf)format("truetype")}@font-face{font-family:DB Ozone X;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/DBOzoneX-Medium.ttf)format("truetype")}@font-face{font-family:DB Ozone X;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/DBOzoneX-Bold.ttf)format("truetype")}:root{--bg-color:#0a0f1f;--sidebar-bg:#0f172a;--card-bg:#1e293b;--border-color:#ffffff0f;--text-main:#f1f5f9;--text-muted:#f1f5f9a6;--primary-color:#1e40af;--primary-gradient:linear-gradient(135deg, #1e3a8a, #2563eb);--shadow-sm:0 4px 12px #0000002e;--shadow-md:0 8px 24px #00000047;--panel-bg:#1e293b;--topbar-bg:#0f172a;--table-hover:#ffffff06;--input-bg:var(--bg-color)}[data-theme=light]{--bg-color:#f1f5f9;--sidebar-bg:#fff;--card-bg:#fff;--border-color:#0f172a14;--text-main:#0f172a;--text-muted:#64748b;--panel-bg:#fff;--topbar-bg:#f8fafc;--table-hover:#0f172a08;--shadow-sm:0 4px 12px #0f172a0f;--shadow-md:0 8px 24px #0f172a1a;--input-bg:#fff}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #0000000f;--shadow-lg:0 12px 32px #0000002e, 0 4px 8px #00000014;--shadow-glow:0 0 0 3px #10b98126;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.28s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-accent:#a855f7;--rule-strong:#ffffff1a}[data-theme=light]{--shadow-xs:0 1px 2px #0000000a;--shadow-lg:0 12px 32px #0f172a1a, 0 4px 8px #0f172a0a;--rule-strong:#0f172a1a}:root{--bg-color:oklch(17% .022 262);--card-bg:oklch(24.3% .021 262);--panel-bg:oklch(25.5% .022 262);--topbar-bg:oklch(23.5% .02 262);--border-color:oklch(82% .04 262/.14);--rule-strong:oklch(82% .04 262/.24);--text-main:oklch(97.5% .008 250);--text-muted:oklch(80% .014 250);--table-hover:oklch(82% .04 262/.05);--input-bg:oklch(20% .022 262);--color-success:oklch(68% .14 162);--color-warning:oklch(76% .13 80);--color-danger:oklch(64% .19 24);--color-info:oklch(64% .15 250);--color-accent:oklch(64% .17 292);--ac-blue:oklch(64% .15 250);--ac-green:oklch(68% .14 162);--ac-amber:oklch(77% .13 80);--ac-violet:oklch(63% .17 292);--ac-red:oklch(64% .19 24);--ac-cyan:oklch(71% .11 210);--shadow-sm:0 1px 2px oklch(12% .02 262/.45), 0 6px 16px oklch(10% .02 262/.4);--shadow-md:0 8px 20px oklch(10% .02 262/.48), 0 18px 40px oklch(8% .02 262/.42);font-feature-settings:"tnum" 1, "lnum" 1}[data-theme=light]{--bg-color:oklch(96.5% .008 250);--card-bg:oklch(99.5% .004 250);--panel-bg:oklch(99.5% .004 250);--topbar-bg:oklch(97.5% .006 250);--border-color:oklch(45% .04 262/.13);--rule-strong:oklch(45% .04 262/.22);--text-main:oklch(27% .03 262);--text-muted:oklch(50% .03 262);--table-hover:oklch(45% .04 262/.04);--input-bg:oklch(99.5% .004 250);--color-success:oklch(58% .14 162);--color-warning:oklch(66% .14 78);--color-danger:oklch(56% .2 26);--color-info:oklch(55% .16 252);--color-accent:oklch(54% .18 292);--ac-blue:oklch(55% .16 252);--ac-green:oklch(58% .14 162);--ac-amber:oklch(66% .14 78);--ac-violet:oklch(54% .18 292);--ac-red:oklch(56% .2 26);--ac-cyan:oklch(60% .11 212);--shadow-sm:0 1px 2px oklch(55% .03 262/.1), 0 6px 16px oklch(55% .03 262/.09);--shadow-md:0 8px 22px oklch(50% .03 262/.13), 0 18px 40px oklch(50% .03 262/.11)}h1{letter-spacing:-.025em;font-size:clamp(1.5rem,1.18rem + 1.1vw,1.95rem)}h3{letter-spacing:-.016em}.imp-figure{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.015em}::selection{color:var(--text-main);background:#10b98140}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:var(--radius-pill);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}*{box-sizing:border-box;margin:0;padding:0}html{font-size:23px}.role-chip,.badge-tiny,[style*="font-size: 0.68rem"],[style*="font-size: 0.7rem"]{font-size:.82rem!important}body{font-family:var(--app-font,"IBM Plex Sans Thai"), "DB Ozone X", "Leelawadee UI", "Sukhumvit Set", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background-color:var(--bg-color);color:var(--text-main);letter-spacing:.01em;background-image:radial-gradient(ellipse at top left, color-mix(in srgb, var(--primary-color) 6%, transparent), transparent 60%);background-attachment:fixed;line-height:1.7;overflow-x:hidden}h1,h2,h3{letter-spacing:-.01em;color:var(--text-main);font-weight:700}h1{letter-spacing:-.015em;font-weight:800}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border-radius:16px}.glass-panel.interactive{cursor:pointer}.glass-panel.interactive:hover{border-color:var(--rule-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card{padding:24px;transition:transform .3s,box-shadow .3s}.metric-card:hover{box-shadow:var(--shadow-md);border-color:#10b9814d;transform:translateY(-4px)}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;width:260px;padding:12px 14px;transition:width .2s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:64px;padding:24px 8px}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-section-label{display:none!important}.sidebar.collapsed .nav-link{justify-content:center!important;gap:0!important;padding:12px 0!important}.sidebar.collapsed .sidebar-brand{margin-bottom:16px!important}.sidebar.autohide{box-shadow:none;transition:width .22s,box-shadow .22s}.sidebar.autohide.hovering{width:260px;padding:12px 14px;box-shadow:6px 0 24px #0000002e}.sidebar.autohide .nav-label,.sidebar.autohide .sidebar-brand-text,.sidebar.autohide .sidebar-section-label{opacity:0;transition:opacity .15s 50ms}.sidebar.autohide.hovering .nav-label,.sidebar.autohide.hovering .sidebar-brand-text,.sidebar.autohide.hovering .sidebar-section-label{opacity:1}.sidebar-section-label{color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;opacity:.7;padding:8px 12px 2px;font-size:10px;font-weight:700}.sidebar-section-divider{background:var(--border-color);height:1px;margin:6px 8px}.sidebar-pin-btn:hover{color:var(--primary-color)!important;background:#0000000f!important}[data-theme=dark] .sidebar-pin-btn:hover{background:#ffffff14!important}.avatar-upload-btn:not(:disabled):hover .avatar-upload-overlay{opacity:1}.dash-kpi-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px -16px #0000002e}[data-theme=dark] .dash-kpi-card:hover{box-shadow:0 14px 30px -16px #00000080}.brand-logo{width:100%;max-width:60px;height:auto;margin:0 auto 2px;display:block}.brand-emoji{text-align:center;margin-bottom:8px;font-size:2.4rem;line-height:1;display:none}.sidebar-brand-text{display:none}.sidebar.collapsed .brand-logo{display:none!important}.sidebar.collapsed .brand-emoji{margin-bottom:4px;font-size:1.6rem;display:block!important}.main-content{flex-direction:column;flex:1;min-width:0;margin-left:260px;transition:margin-left .2s;display:flex}.main-content.sidebar-collapsed{margin-left:64px}.sidebar-toggle-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-main);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.sidebar-toggle-btn:hover{background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color)}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--border-color);z-index:50;height:64px;box-shadow:0 1px 0 var(--border-color);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.nav-link{color:var(--text-muted);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);align-items:center;gap:10px;margin-bottom:2px;padding:7px 12px;font-size:.86rem;font-weight:500;line-height:1.3;text-decoration:none;display:flex;position:relative}.nav-link .nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-link:hover{color:var(--text-main);background:#ffffff0f}[data-theme=light] .nav-link:hover{background:#0f172a0d}.nav-link.active{background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 18%, transparent) 0%, color-mix(in srgb, var(--primary-color) 8%, transparent) 100%);color:var(--primary-color);font-weight:600}.nav-link.active:before{content:"";background:var(--primary-color);border-radius:0 var(--radius-pill) var(--radius-pill) 0;width:3px;box-shadow:0 0 8px var(--primary-color);position:absolute;top:25%;bottom:25%;left:-16px}.sidebar.collapsed .nav-link.active:before{left:-8px}.btn-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), filter var(--duration-fast) var(--ease-out);box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 30%, transparent);letter-spacing:.2px;border:none;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600}.btn-primary:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--primary-color) 42%, transparent);filter:brightness(1.06);transform:translateY(-1px)}.btn-primary:active{filter:brightness(.96);transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 14px #10b98126}.btn-secondary{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .2s}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:#10b9810a}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:disabled:hover{border-color:var(--border-color);color:var(--text-muted);background:var(--card-bg)}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger-soft{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .2s}.btn-danger-soft:hover{background:#ef44442e;border-color:#ef444480}.btn-danger-soft:disabled{opacity:.5;cursor:not-allowed}button{font-family:inherit}button:not([class*=btn-]):not([class]){cursor:pointer;color:inherit;background:0 0;border:none}.input-field{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);width:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:12px 16px;font-family:inherit}.input-field:focus{border-color:var(--primary-color);box-shadow:var(--shadow-glow)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--card-bg);z-index:1;font-size:.85rem;font-weight:600;position:sticky;top:0}.data-table tr{transition:background var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover td{background:var(--table-hover)}.page-container{padding:32px;animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metrics-grid-4{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.metrics-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.flex-col-mobile{display:flex}.flex-col-mobile.gap-16{gap:16px}.flex-col-mobile.gap-24{gap:24px}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1024px){.metrics-grid-4,.metrics-grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{transition:transform .3s;transform:translate(-100%);z-index:100!important}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000080}.main-content{margin-left:0}.mobile-menu-btn,.mobile-close-btn{display:flex!important}.topbar{padding:0 16px}}@media (width<=768px){.page-container{padding:16px}.metrics-grid-4,.metrics-grid-3,.form-grid{grid-template-columns:1fr}.flex-col-mobile{flex-direction:column!important;align-items:stretch!important}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:64px;padding:12px 16px}}@media (width<=1024px){.assets-master-detail,.procurement-master-detail{grid-template-columns:1fr!important;height:auto!important;min-height:0!important}.glass-panel[style*="height: calc(100vh"]{height:auto!important;max-height:none!important}.assets-master-detail>.glass-panel:last-child{min-height:60vh}}@media (width<=768px){.page-container,div[style*="padding: '20px 24px"],div[style*="padding:'20px 24px"]{padding:12px!important}div[style*="grid-template-columns:'repeat(5"],div[style*="grid-template-columns: 'repeat(5"],div[style*="grid-template-columns:'repeat(4"],div[style*="grid-template-columns: 'repeat(4"],div[style*="grid-template-columns:'repeat(3"],div[style*="grid-template-columns: 'repeat(3"]{grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns:'1fr 1fr 1fr'"],div[style*="grid-template-columns: '1fr 1fr 1fr'"],div[style*="grid-template-columns: '1.2fr 1fr 1fr'"],div[style*="grid-template-columns:'1fr 1fr'"],div[style*="grid-template-columns: '1fr 1fr'"],div[style*="grid-template-columns:'2fr 1fr 1fr'"],div[style*="grid-template-columns: '2fr 1fr 1fr'"]{grid-template-columns:1fr!important}div[style*="position:'fixed'"][style*=inset\:0]>div.glass-panel,div[style*="position: 'fixed'"][style*="inset: 0"]>div.glass-panel{border-radius:0!important;max-width:100%!important;max-height:100vh!important;margin:0!important}.topbar{padding:8px 12px!important}.topbar>div:first-child{flex:auto;min-width:0}.topbar>div:first-child>div:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.topbar>div[style*="position:'relative'"][style*=flex\:1],.topbar>div[style*="position: 'relative'"][style*="flex: 1"]{order:99;flex-basis:100%!important;max-width:none!important}div[style*="display:'flex'"][style*=gap\:8][style*=flex-wrap],div[style*="display: 'flex'"][style*="gap: 8"][style*=flex-wrap]{flex-wrap:wrap!important}.glass-panel img[style*=width\:40],.glass-panel img[style*="width: 40"]{width:32px!important;height:32px!important}table{white-space:nowrap;max-width:100%;display:block;overflow-x:auto}h1{font-size:1.1rem!important}div[style*=border-bottom][style*=overflow-x]{-webkit-overflow-scrolling:touch}div[style*="grid-template-columns:'repeat(auto-fill"],div[style*="grid-template-columns: 'repeat(auto-fill"]{grid-template-columns:1fr!important}.page-header-row{flex-direction:column!important;align-items:stretch!important}.page-header-actions{width:100%}.page-header-actions a,.page-header-actions button{flex:calc(50% - 8px);min-width:130px;justify-content:center!important}}@media (width<=480px){.page-header-actions a,.page-header-actions button{flex:100%}}@media (width<=768px){.metrics-strip{gap:8px!important;padding:8px 10px!important;font-size:.78rem!important}.metrics-strip>div{flex:calc(50% - 8px);min-width:0}.metrics-strip>span{display:none}.top-tabs-pill{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto;flex-wrap:nowrap!important;width:100%!important}.top-tabs-pill button{flex-shrink:0;padding:8px 12px!important;font-size:.84rem!important}}@media (width<=480px){.top-tabs-pill button{padding:6px 10px!important;font-size:.78rem!important}div[style*="grid-template-columns:'1fr 1fr'"][style*=gap\:6]{grid-template-columns:1fr!important}.glass-panel>div[style*="display:'flex'"][style*=gap\:8][style*="flex-wrap:'wrap'"] button,.glass-panel>div[style*="display: 'flex'"][style*="gap: 8"][style*="flex-wrap: 'wrap'"] button{justify-content:center;width:100%}.glass-panel[style*=border-top]{padding:14px 16px!important}.topbar h1,h1{font-size:1rem!important}}@media (width<=768px){.input-field,input[type=text],input[type=email],input[type=number],input[type=date],input[type=password],input[type=tel],input[type=search],select,textarea{appearance:none;min-height:44px;font-size:16px!important}input[type=date]{padding-right:36px}.btn-primary,.btn-secondary,.btn-danger,.btn-danger-soft{min-height:44px;padding:10px 16px;font-size:.92rem}button[style*="padding:'4px 10px'"],button[style*="padding: '4px 10px'"],button[style*="padding:'5px"],button[style*="padding: '5px"]{min-height:40px;padding-top:8px!important;padding-bottom:8px!important}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px}.glass-panel [class*=input-field],.glass-panel select,.glass-panel textarea{box-sizing:border-box;max-width:100%}div[style*="border:'2px dashed"][style*=cursor],div[style*="border: \"2px dashed"]{min-height:100px}}button,a,label,[role=button]{-webkit-tap-highlight-color:transparent}@media print{.sidebar,.topbar{display:none!important}.main-content{margin-left:0!important}.glass-panel{box-shadow:none!important;border:1px solid #ddd!important}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--card-bg) 0%, var(--rule-strong) 50%, var(--card-bg) 100%);border-radius:var(--radius-sm);animation:skeleton-shimmer 1.6s var(--ease-out) infinite;background-size:200% 100%;min-width:80px;height:1em;display:block}.skeleton.skeleton-circle{border-radius:50%}.skeleton.skeleton-card{border-radius:var(--radius-lg);height:80px}.skeleton.skeleton-line{height:14px;margin:4px 0}.skeleton.skeleton-title{width:60%;height:24px;margin-bottom:12px}.skeleton-stack{flex-direction:column;gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state .empty-icon{opacity:.55;filter:grayscale(.3);margin-bottom:12px;font-size:2.6rem}.empty-state .empty-title{color:var(--text-main);margin-bottom:4px;font-size:1.05rem;font-weight:700}.empty-state .empty-desc{max-width:420px;margin-bottom:16px;font-size:.88rem;line-height:1.55}.error-state .empty-icon{color:var(--color-danger);opacity:1}.error-state .empty-title{color:var(--color-danger)}.data-table.density-compact th,.data-table.density-compact td{padding:8px 12px;font-size:.86rem}.sort-indicator{transition:transform var(--duration-base) var(--ease-spring);display:inline-flex}.sort-indicator.desc{transform:rotate(180deg)}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.pulse{animation:2s ease-in-out infinite pulse-soft}@media (width<=820px){.mobile-only-inline{display:inline-flex!important}body{zoom:1!important}html{overflow-x:hidden}.glass-panel,.table-wrap,.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap::-webkit-scrollbar{height:6px}.glass-panel::-webkit-scrollbar{height:6px}.table-wrap::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:3px}.glass-panel::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:3px}table.t-cards,table.t-cards tbody{width:100%;display:block}table.t-cards{table-layout:auto!important;min-width:0!important}table.t-cards thead{display:none}table.t-cards tr{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px;padding:8px 12px;display:block;box-shadow:0 1px 3px #0000000d}table.t-cards td{text-align:right;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:6px 0;display:flex;white-space:normal!important;border:none!important;overflow:visible!important}table.t-cards td>*{max-width:100%;min-width:0!important}table.t-cards td input,table.t-cards td select{box-sizing:border-box;max-width:100%;width:100%!important;min-width:0!important}table.t-cards td+td{border-top:1px solid var(--rule,#f1f3f6)!important}table.t-cards td:before{content:attr(data-label);text-align:left;color:var(--text-muted);text-transform:none;flex:0 0 42%;font-size:.74rem;font-weight:700}table.t-cards td:not([data-label]){display:none}table.t-cards td[data-label=จัดการ],table.t-cards td[data-label=การจัดการ]{flex-wrap:wrap;justify-content:flex-start}table.t-cards td[data-label=จัดการ]:before,table.t-cards td[data-label=การจัดการ]:before{flex-basis:100%;margin-bottom:4px}table.t-cards td.t-cards-full{text-align:center;display:block}table.t-cards td.t-cards-full:before{display:none}input,select,textarea{font-size:16px!important}button,.btn-primary,.btn-secondary,a.btn-primary,a.btn-secondary{min-height:40px}.page-container,.page-container-wrapper{padding:12px!important}h1{font-size:1.2rem!important}h2{font-size:1.05rem!important}.m-stack-grid{grid-template-columns:1fr!important}.zoom-stepper{display:none!important}.am-tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important;padding:0 12px!important}.am-tab-bar::-webkit-scrollbar{display:none}.am-tab-bar>button{white-space:nowrap;flex:none}.am-tab-tagline{display:none!important}.m-responsive-card-grid{grid-template-columns:1fr!important}.m-responsive-card-grid>:last-child{margin-top:8px;flex-direction:row!important;justify-content:flex-start!important;width:100%!important;min-width:0!important}}@media (width<=400px){.glass-panel select,.glass-panel input[type=text],.glass-panel input[type=search],.glass-panel input:not([type]){box-sizing:border-box;min-width:0;max-width:100%}}@media (width<=600px){.page-header-row,.page-header-actions{flex-wrap:wrap!important;gap:8px!important}.page-header-actions{width:100%}}.input-field.invalid,.input-field.invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 22%, transparent)}.field-error{color:var(--color-danger);align-items:center;gap:4px;margin-top:4px;font-size:.76rem;line-height:1.4;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}.sticky-action-bar{z-index:5;background:var(--card-bg);border-top:1px solid var(--border-color);align-items:center;gap:10px;margin-top:18px;padding:14px 0;display:flex;position:sticky;bottom:0}.sticky-action-bar.bleed{border-radius:0 0 16px 16px;margin:18px -24px -24px;padding:14px 24px 16px}@media (width<=600px){.sticky-action-bar{flex-direction:column-reverse;align-items:stretch}.sticky-action-bar>*{justify-content:center;width:100%}}:root{--m-primary:#1e40af;--m-primary-dark:#1e3a8a;--m-bg:#f8fafc;--m-surface:#fff;--m-text:#0f172a;--m-muted:#64748b;--m-border:#e2e8f0;--m-success:#10b981;--m-warn:#f59e0b;--m-danger:#ef4444;--m-header-h:56px;--m-tabbar-h:64px}.m-shell{background:var(--m-bg);color:var(--m-text);-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:IBM Plex Sans Thai,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.m-header{flex:0 0 var(--m-header-h);padding:0 16px;padding-top:env(safe-area-inset-top);background:var(--m-primary);color:#fff;z-index:10;align-items:center;gap:12px;display:flex;box-shadow:0 1px 4px #00000014}.m-header .m-logo{object-fit:contain;background:#fff;border-radius:6px;width:32px;height:32px;padding:2px}.m-header .m-back,.m-header .m-logout{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.m-header .m-back:active,.m-header .m-logout:active{background:#ffffff38}.m-header .m-title{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;font-weight:600;overflow:hidden}.m-main{-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(var(--m-tabbar-h) + env(safe-area-inset-bottom) + 16px);flex:1;overflow-y:auto}.m-tabbar{height:calc(var(--m-tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--m-surface);border-top:1px solid var(--m-border);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.m-tab{color:var(--m-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding-top:4px;font-size:11px;text-decoration:none;display:flex}.m-tab.active{color:var(--m-primary)}.m-tab-fab{color:var(--m-muted);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.m-tab-fab .fab-circle{background:linear-gradient(135deg, var(--m-primary), var(--m-primary-dark));color:#fff;border:3px solid var(--m-surface);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-top:-16px;display:flex;box-shadow:0 4px 12px #1e40af59}.m-tab-fab:active .fab-circle{transform:scale(.94)}.m-tab-fab.active{color:var(--m-primary)}.m-card{background:var(--m-surface);border:1px solid var(--m-border);border-radius:14px;margin-bottom:12px;padding:16px}.m-tile{background:var(--m-surface);border:1px solid var(--m-border);color:var(--m-text);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:130px;padding:20px 16px;font-weight:600;text-decoration:none;transition:transform .1s;display:flex}.m-tile:active{transform:scale(.97)}.m-tile .icon-wrap{width:52px;height:52px;color:var(--m-primary);background:#1e40af14;border-radius:14px;justify-content:center;align-items:center;display:flex}.m-tile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}button.m-tile{font:inherit;cursor:pointer;appearance:none;width:100%}.m-section-label{color:var(--m-muted);text-transform:uppercase;letter-spacing:.4px;margin:18px 2px 8px;font-size:12px;font-weight:700}.m-section-label:first-child{margin-top:4px}.m-input{width:100%;font:inherit;border:1px solid var(--m-border);background:var(--m-surface);color:var(--m-text);box-sizing:border-box;border-radius:12px;padding:14px 16px;font-size:16px}.m-input:focus{border-color:var(--m-primary);outline:none;box-shadow:0 0 0 3px #1e40af1f}.m-label{color:var(--m-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.m-field{margin-bottom:16px}.m-btn{width:100%;font:inherit;background:var(--m-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:16px;font-weight:600;display:flex}.m-btn:disabled{opacity:.5}.m-btn:active:not(:disabled){background:var(--m-primary-dark)}.m-btn-outline{color:var(--m-primary);border:1px solid var(--m-primary);background:0 0}.m-btn-danger{background:var(--m-danger)}.m-btn-warn{background:var(--m-warn)}.m-btn-success{background:var(--m-success)}.m-row{gap:8px;display:flex}.m-row>*{flex:1}.m-sticky{bottom:calc(var(--m-tabbar-h) + env(safe-area-inset-bottom) + 8px);z-index:10;background:var(--m-surface);border-top:1px solid var(--m-border);border-radius:0 0 10px 10px;margin-top:12px;padding-top:10px;position:sticky}.m-error{color:var(--m-danger);background:#ef444414;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:14px}.m-success-banner{color:var(--m-success);background:#10b98114;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:14px}.m-login-shell{background:linear-gradient(135deg, var(--m-primary), var(--m-primary-dark));color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.m-login-shell .m-login-logo{object-fit:contain;background:#fff;border-radius:18px;width:80px;height:80px;margin-bottom:16px;padding:8px}.m-login-shell h2{margin:0 0 4px;font-weight:700}.m-login-shell .m-login-sub{opacity:.85;margin-bottom:24px;font-size:14px}.m-login-card{color:var(--m-text);background:#fff;border-radius:18px;width:100%;max-width:420px;padding:22px;box-shadow:0 10px 40px #0003}.m-audit-cycle{background:var(--m-surface);border:1px solid var(--m-border);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.m-audit-cycle:active{background:#1e40af0a}.m-audit-cycle .name{font-size:15px;font-weight:600}.m-audit-cycle .meta{color:var(--m-muted);font-size:12px}.m-scan-viewport{aspect-ratio:1;background:#000;border-radius:14px;width:100%;max-width:360px;margin:0 auto 16px;position:relative;overflow:hidden}.m-scan-viewport video{object-fit:cover;width:100%;height:100%}.m-scan-frame{border:3px solid #10b981;border-radius:12px;position:absolute;inset:18%;box-shadow:0 0 0 100vmax #0006}.m-result-buttons{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px;display:grid}.m-result-btn{font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:14px;font-weight:600;display:flex}.m-result-btn.found{border-color:var(--m-success);color:var(--m-success)}.m-result-btn.damaged{border-color:var(--m-warn);color:var(--m-warn)}.m-result-btn.notfound{border-color:var(--m-danger);color:var(--m-danger)}.m-counter{background:var(--m-surface);border:1px solid var(--m-border);border-radius:14px;justify-content:space-around;margin-bottom:16px;padding:14px;display:flex}.m-counter>div{text-align:center}.m-counter .num{font-size:22px;font-weight:700}.m-counter .lbl{color:var(--m-muted);font-size:11px}