*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.visible{visibility:visible}.grid{display:grid}.mb-1{margin-bottom:.25rem}.ml{margin-left:1rem}.mr-1{margin-right:.25rem}.inline{display:inline}.h2{height:.5rem}.h3{height:.75rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.resize{resize:both}.b,.border{border-width:1px}.pie{padding-inline-end:1rem}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}:root{color:#1f2937;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,sans-serif}body{margin:0;background:#fff}.app-root{min-height:100vh}.app-root.dark{color:#e5e7eb;background:#0f172a}.admin-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr);background:#f7f9fc}.dark .admin-shell{background:#0f172a}.sidebar{background:#fff;border-right:1px solid #e5e7eb;padding:18px 12px}.dark .sidebar,.dark .topbar,.dark .metric,.dark .login-card{background:#111827;border-color:#253044}.dark .topbar p,.dark .muted,.dark .metric span{color:#9ca3af}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#fff,#f4f8f6)}.dark .login-page{background:#0f172a}.login-toolbar{position:fixed;top:22px;right:24px;z-index:2;display:flex;align-items:center;gap:12px}.login-language{width:116px}.login-card{width:min(460px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 16px 40px #0f172a14}.login-brand{padding:0 0 10px}.login-card p{margin:0 0 18px;color:#667085}.login-actions{margin-top:8px}.login-submit{width:100%}@media(max-width:640px){.login-page{align-items:start;padding-top:86px}.login-toolbar{top:18px;right:18px}}.brand{padding:8px 10px 18px;display:grid;gap:2px}.brand span{color:#138260;font-size:13px;font-weight:900}.brand strong{font-size:22px}.side-menu{border-right:0}.main{min-width:0;display:grid;grid-template-rows:auto 1fr}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.navbar h1{margin:0;font-size:21px}.navbar-left{display:grid;gap:3px}.breadcrumb{display:flex;align-items:center;gap:6px;color:#667085;font-size:12px}.breadcrumb strong{color:#1f2937}.navbar-actions{display:flex;align-items:center;gap:10px}.config{display:grid;grid-template-columns:minmax(280px,1.3fr) minmax(170px,.7fr) minmax(260px,1fr) auto;gap:10px}.user-menu{height:40px;display:flex;align-items:center;gap:9px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;padding:4px 10px 4px 5px;cursor:pointer;color:#1f2937}.avatar{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;color:#fff;background:#138260;font-weight:800}.user-info{display:grid;text-align:left;line-height:1.05}.user-info strong{font-size:13px}.user-info small{color:#667085;font-size:11px;text-transform:uppercase}.dark .navbar,.dark .user-menu{background:#111827;border-color:#253044;color:#e5e7eb}.dark .breadcrumb strong{color:#e5e7eb}.page{min-width:0;padding:18px 22px;display:grid;gap:14px}.two-col{grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);align-items:start}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.metric span{color:#667085;font-size:13px}.metric strong{display:block;margin-top:8px;font-size:26px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart{width:100%;height:320px}.chart-large{height:360px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters .date-range{width:260px}.filters.dashboard-filters .dashboard-date-range{flex:0 0 260px;width:260px;max-width:260px}.dashboard-filters .el-select{flex:0 0 150px;width:150px}.request-log-filters{align-items:flex-start}.request-log-filters .date-range{width:300px}.request-log-filters .filter-method,.request-log-filters .filter-status{width:120px}.request-log-filters .filter-path{width:260px}.request-log-filters .filter-keyword{width:280px}.filter-actions{display:inline-flex;gap:8px}.filter-actions .el-button+.el-button{margin-left:0}.query-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-filters{margin-bottom:12px}.product-table-image{align-items:center;color:#98a2b3;display:flex;font-size:11px;height:64px;justify-content:center;margin:0 auto;overflow:hidden;width:64px}.product-table-image img{height:100%;object-fit:cover;width:100%}.step-product-cell{align-items:center;display:flex;gap:10px;min-width:0}.step-product-image{background:#f8fafc;border-radius:6px;flex:0 0 38px;height:38px;overflow:hidden;width:38px}.step-product-image img{height:100%;object-fit:cover;width:100%}.table-actions{align-items:center;display:inline-flex;gap:10px;justify-content:center}.table-actions .el-button+.el-button{margin-left:0}.product-step-dialog .el-dialog__body{padding-top:8px}.step-editor-block{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);width:100%}.step-language-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.step-markdown-input .el-textarea__inner{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6}.step-markdown-preview{background:#f8fafc;border:1px solid #e4e7ec;border-radius:6px;color:#344054;font-size:13px;line-height:1.65;max-height:456px;min-height:456px;overflow:auto;overflow-wrap:anywhere;padding:12px 14px}.step-markdown-preview.compact{max-height:148px;min-height:148px}.step-markdown-preview.editor-preview{max-height:280px;min-height:160px;width:100%}.step-markdown-preview h1,.step-markdown-preview h2,.step-markdown-preview h3{color:#101828;font-size:15px;font-weight:700;line-height:1.4;margin:0 0 10px}.step-markdown-preview p,.step-markdown-preview ul,.step-markdown-preview ol,.step-markdown-preview blockquote{margin:0 0 10px}.step-markdown-preview ul,.step-markdown-preview ol{padding-left:20px}.step-markdown-preview ul{list-style:disc}.step-markdown-preview ol{list-style:decimal}.step-markdown-preview li{display:list-item;margin:2px 0}.step-markdown-preview blockquote{border-left:3px solid #98a2b3;color:#475467;padding-left:10px}.step-markdown-preview code{background:#eef2f6;border-radius:4px;color:#175cd3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;padding:1px 4px}.step-markdown-preview pre{background:#eef2f6;border-radius:6px;overflow:auto;padding:10px}.step-markdown-preview pre code{background:transparent;color:inherit;padding:0}.step-detail-preview{background:#f8fafc;border:1px solid #e4e7ec;border-radius:6px;color:#344054;font-size:14px;line-height:1.7;max-height:560px;overflow:auto;padding:16px 18px}.step-detail-preview h1,.step-detail-preview h2,.step-detail-preview h3{color:#101828;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 12px}.step-detail-preview p,.step-detail-preview ul,.step-detail-preview ol,.step-detail-preview blockquote{margin:0 0 10px}.step-detail-preview ul,.step-detail-preview ol{padding-left:22px}.step-detail-preview ul{list-style:disc}.step-detail-preview ol{list-style:decimal}.step-detail-preview li{display:list-item;margin:3px 0}.step-detail-preview blockquote{border-left:3px solid #98a2b3;color:#475467;padding-left:10px}.step-detail-preview code{background:#eef2f6;border-radius:4px;color:#175cd3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;padding:1px 4px}.step-detail-preview pre{background:#eef2f6;border-radius:6px;overflow:auto;padding:10px}.step-detail-preview pre code{background:transparent;color:inherit;padding:0}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.card-title-inline{display:inline-flex;align-items:center;gap:10px}.clickable-row{cursor:pointer}.muted{color:#667085;font-size:12px;margin-top:3px}.dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.span-2{grid-column:span 2}.product-image-editor{align-items:stretch;display:grid;gap:12px;grid-template-columns:128px minmax(0,1fr);width:100%}.product-image-preview{align-items:center;background:#f8fafc;border:1px dashed #d0d5dd;border-radius:8px;color:#98a2b3;display:flex;font-size:13px;height:128px;justify-content:center;overflow:hidden}.product-image-preview img{height:100%;object-fit:contain;width:100%}.product-image-fields{display:flex;flex-direction:column;gap:10px;min-width:0}.product-image-actions{display:flex;flex-wrap:wrap;gap:8px}.hidden-file-input{display:none}.el-card{border-radius:8px}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;border-right:0;border-bottom:1px solid #e5e7eb}.side-menu{display:flex;overflow-x:auto}.config,.two-col,.metric-grid,.dashboard-grid,.product-image-editor,.step-editor-block,.step-language-grid{grid-template-columns:1fr}.card-head,.filters,.table-footer{align-items:stretch;flex-direction:column}.request-log-filters .date-range,.request-log-filters .filter-method,.request-log-filters .filter-status,.request-log-filters .filter-path,.request-log-filters .filter-keyword{width:100%}}.language-select[data-v-1cf71533]{width:80px}.page-title[data-v-1cf71533]{font-size:20px;font-weight:600}