@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;700&display=swap";:root,.theme-dark{--y8-base-canvas: #050507;--y8-surface-base: #0B0C10;--y8-surface-subtle: rgba(22, 24, 29, .6);--y8-surface-elevated: rgba(31, 33, 40, .92);--y8-surface-highlight: rgba(42, 45, 53, .8);--y8-accent-primary: #FF5A00;--y8-accent-hover: #FF7B33;--y8-accent-glow: rgba(255, 90, 0, .3);--y8-text-primary: #FFFFFF;--y8-text-secondary: #A0A5B5;--y8-text-tertiary: #6C7080;--y8-font-family: "Inter", system-ui, -apple-system, sans-serif;--y8-border-subtle: rgba(255, 255, 255, .05);--y8-border-focus: rgba(255, 255, 255, .15);--y8-shadow-sm: 0 4px 12px rgba(0,0,0,.5);--y8-shadow-md: 0 8px 32px rgba(0,0,0,.6);--y8-shadow-glow: 0 0 20px var(--y8-accent-glow), inset 0 0 10px var(--y8-accent-glow);--y8-radius-sm: 6px;--y8-radius-md: 12px;--y8-radius-lg: 16px;--y8-transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--y8-transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.theme-light{--y8-base-canvas: #F8F9FB;--y8-surface-base: #FFFFFF;--y8-surface-subtle: rgba(255, 255, 255, .7);--y8-surface-elevated: rgba(255, 255, 255, .92);--y8-surface-highlight: rgba(255, 255, 255, .9);--y8-text-primary: #0A0A0C;--y8-text-secondary: #5A5D6B;--y8-text-tertiary: #8C8F9E;--y8-border-subtle: rgba(0, 0, 0, .05);--y8-border-focus: rgba(0, 0, 0, .12);--y8-shadow-sm: 0 4px 12px rgba(0,0,0,.03);--y8-shadow-md: 0 8px 32px rgba(0,0,0,.06);--y8-shadow-glow: 0 0 20px rgba(255, 90, 0, .15), inset 0 0 10px rgba(255, 90, 0, .05)}.locale-en{--y8-font-family: "Inter", system-ui, -apple-system, sans-serif;--y8-line-height: 1.5}.locale-ch{--y8-font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;--y8-line-height: 1.6}.locale-th{--y8-font-family: "Sarabun", "Tahoma", sans-serif;--y8-line-height: 1.8}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;background-color:var(--y8-base-canvas);color:var(--y8-text-primary);font-family:var(--y8-font-family, system-ui, sans-serif);line-height:var(--y8-line-height, 1.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 50%,rgba(255,90,0,.03),transparent 25%),radial-gradient(circle at 85% 30%,rgba(22,99,199,.04),transparent 25%);background-attachment:fixed}app-root{display:block;width:100%;height:100%}button,a{all:unset;cursor:pointer;transition:all var(--y8-transition-fast)}a:hover{color:var(--y8-accent-primary)}.glass-panel{background:var(--y8-surface-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--y8-border-subtle);border-radius:var(--y8-radius-lg);box-shadow:var(--y8-shadow-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--y8-border-focus);border-radius:var(--y8-radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--y8-text-tertiary)}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:1rem;border-bottom:1px solid var(--y8-border-subtle);font-size:.875rem;transition:background var(--y8-transition-fast)}th{color:var(--y8-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;border-bottom:2px solid var(--y8-border-subtle)}tbody tr:hover td{background:linear-gradient(90deg,var(--y8-surface-highlight) 0%,transparent 100%)}.skeleton{background:var(--y8-surface-highlight);border-radius:var(--y8-radius-sm);animation:pulse 1.5s infinite ease-in-out}.skeleton-row{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--y8-border-subtle);gap:1rem}.skeleton-row:last-child{border-bottom:none}.skeleton-icon{width:16px;height:16px;border-radius:4px}.skeleton-text{height:16px}.skeleton-badge{height:24px;width:80px;border-radius:1rem}@keyframes pulse{0%{opacity:.8}50%{opacity:.3}to{opacity:.8}}.form-control,input[type=text],input[type=email],input[type=password]{width:100%;padding:.75rem 1rem;background:var(--y8-surface-highlight);border:1px solid var(--y8-border-focus);border-radius:var(--y8-radius-sm);color:var(--y8-text-primary);font-family:var(--y8-font-family);transition:all var(--y8-transition-fast);box-shadow:inset 0 2px 4px var(--y8-shadow-sm);box-sizing:border-box}.form-control:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--y8-accent-primary);outline:none;box-shadow:0 0 0 3px var(--y8-accent-glow),inset 0 2px 4px var(--y8-shadow-sm);background:var(--y8-surface-elevated)}.btn-primary,button[type=submit]{background:linear-gradient(90deg,var(--y8-accent-primary),var(--y8-accent-hover));color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--y8-radius-md);font-weight:600;cursor:pointer;transition:all var(--y8-transition-fast);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px var(--y8-accent-glow);width:100%;box-sizing:border-box;text-align:center;display:flex;justify-content:center;align-items:center}.btn-primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px var(--y8-accent-glow);filter:brightness(1.1)}.btn-primary:active:not(:disabled),button[type=submit]:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled,button[type=submit]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:var(--y8-border-focus);color:var(--y8-text-primary);border:1px solid var(--y8-border-subtle)}.markdown-body{color:var(--y8-text-secondary);font-size:.95rem;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--y8-text-primary);font-weight:700;letter-spacing:-.02em;margin:2rem 0 .75rem}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}.markdown-body h1{font-size:1.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--y8-border-subtle)}.markdown-body h2{font-size:1.35rem}.markdown-body h3{font-size:1.1rem}.markdown-body p{margin:0 0 1rem}.markdown-body ul,.markdown-body ol{margin:0 0 1rem;padding-left:1.5rem}.markdown-body li{margin:.25rem 0}.markdown-body li>ul,.markdown-body li>ol{margin-bottom:0}.markdown-body a{color:var(--y8-accent-primary);text-decoration:underline;text-underline-offset:3px}.markdown-body blockquote{margin:0 0 1rem;padding:.5rem 1rem;border-left:3px solid var(--y8-accent-primary);background:var(--y8-surface-subtle);border-radius:0 var(--y8-radius-sm) var(--y8-radius-sm) 0}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;background:var(--y8-surface-highlight);border:1px solid var(--y8-border-subtle);border-radius:4px;padding:.1em .4em}.markdown-body pre{margin:0 0 1rem;padding:1rem;overflow-x:auto;background:var(--y8-surface-subtle);border:1px solid var(--y8-border-subtle);border-radius:var(--y8-radius-md)}.markdown-body pre code{background:transparent;border:none;padding:0}.markdown-body table{display:block;width:100%;max-width:max-content;overflow-x:auto;margin:0 0 1.25rem;border:1px solid var(--y8-border-subtle);border-radius:var(--y8-radius-sm)}.markdown-body img{max-width:100%;height:auto;border-radius:var(--y8-radius-sm)}.markdown-body hr{border:none;border-top:1px solid var(--y8-border-subtle);margin:1.5rem 0}