:root,[data-bs-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-family:"Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-danger:linear-gradient(135deg, #eb3349 0%, #f45c43 100%);--gradient-warning:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--glass-bg:#fffc;--glass-border:#0000001a;--app-bg:#f8f9fc;--nav-bg:#fffffff2;--text-muted:#0009;--form-bg:#fff;--form-color:#212529;--subtle-bg:#00000008;--subtle-bg-deeper:#0000000f;--subtle-border:#0000001a;--code-bg:#f1f5f9;--code-color:#1e293b}[data-bs-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--app-bg:#0f0f1a;--nav-bg:#0f0f1af2;--text-muted:#ffffff80;--form-bg:#ffffff0d;--form-color:white;--subtle-bg:#ffffff0d;--subtle-bg-deeper:#ffffff1a;--subtle-border:#ffffff1a;--code-bg:#1e293b;--code-color:#e2e8f0}*{font-family:var(--font-family)}body{background:var(--app-bg);min-height:100vh;color:var(--bs-body-color)}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:var(--nav-bg)!important}.navbar-brand{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #667eea26}.card-stat{border-radius:16px;padding:1.5rem}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.stat-value{font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.btn-gradient{background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;padding:.5rem 1.5rem;font-weight:500;transition:opacity .2s,transform .1s}.btn-gradient:hover{opacity:.9;color:#fff;transform:translateY(-1px)}.badge-status{border-radius:20px;padding:.4em .8em;font-size:.78rem;font-weight:500}.badge-pending{color:#ffc107;background:#ffc10726}.badge-running{color:#60a5fa;background:#0d6efd26;animation:2s infinite pulse}.badge-calling_llm{color:#0dcaf0;background:#0dcaf026;animation:2s infinite pulse}.badge-evaluating{color:#d63384;background:#6f42c126;animation:2s infinite pulse}.badge-completed{color:#34d399;background:#19875426}.badge-failed{color:#f87171;background:#dc354526}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.score-bar{background:var(--subtle-bg-deeper);border-radius:4px;height:8px;overflow:hidden}.score-bar-fill{border-radius:4px;height:100%;transition:width .5s}.score-high{background:var(--gradient-success)}.score-medium{background:linear-gradient(90deg,#f59e0b,#eab308)}.score-low{background:var(--gradient-danger)}.table{--bs-table-bg:transparent;--bs-table-color:inherit;--bs-table-border-color:var(--glass-border)}.table thead th{border-bottom-color:var(--glass-border);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.85rem;font-weight:600}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state i{margin-bottom:1rem;font-size:3rem}.form-control,.form-select{background:var(--form-bg);border-color:var(--glass-border);color:var(--form-color)}.form-control:focus,.form-select:focus{background:var(--form-bg);color:var(--form-color);border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.toast-container{z-index:9999;position:fixed;bottom:1rem;right:1rem}.ai-loader-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.ai-brain-wrapper{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.ai-brain{background:var(--gradient-primary);-webkit-text-fill-color:transparent;z-index:10;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite ai-pulse;position:relative}.ai-brain-wrapper:before,.ai-brain-wrapper:after{content:"";z-index:1;border:2px solid #667eea;border-radius:50%;animation:2s linear infinite ai-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-brain-wrapper:after{border-color:#764ba2;animation-delay:1s}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes ai-ripple{0%{opacity:.8;width:0;height:0}to{opacity:0;width:200px;height:200px}}.ai-loading-text{letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-top:2rem;font-size:.9rem;font-weight:500;animation:1.5s infinite pulse}.section-title{text-align:center;margin-bottom:3rem;font-weight:700}.section-title span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.maturity-card{border-left:4px solid var(--glass-border);transition:all .3s;position:relative;overflow:hidden}.maturity-card:hover{border-left-color:#667eea;transform:translate(5px)}.maturity-level-bg{color:var(--glass-border);opacity:.3;z-index:0;font-size:6rem;font-weight:900;line-height:1;position:absolute;bottom:-20px;right:-10px}.maturity-content{z-index:1;position:relative}.feature-icon{background:var(--gradient-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;display:inline-block}.feature-card{height:100%}.app-main-wrapper{height:100vh;max-height:100vh;display:flex;overflow:hidden}.app-sidebar{background:var(--nav-bg);border-right:1px solid var(--glass-border);z-index:1040;flex-direction:column;flex-shrink:0;width:250px;height:100vh;transition:width .2s;display:flex;position:relative}.app-sidebar-header{flex-shrink:0;overflow:hidden}.app-sidebar-nav{scrollbar-width:thin;scrollbar-color:#667eea66 transparent;flex:1;min-height:0;padding-right:2px;overflow:visible auto;flex-flow:column!important;margin-bottom:0!important;display:flex!important}.app-sidebar-nav .nav-item{flex-shrink:0!important;width:100%!important;display:block!important}.app-sidebar-nav::-webkit-scrollbar{width:5px}.app-sidebar-nav::-webkit-scrollbar-track{background:0 0}.app-sidebar-nav::-webkit-scrollbar-thumb{background:#667eea66;border-radius:4px}.app-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#667eeab3}.app-main-content{flex-grow:1;min-width:0;height:100vh;overflow-y:auto}.app-sidebar .nav-link{color:var(--bs-body-color);white-space:nowrap;border-radius:8px;align-items:center;width:100%;margin-bottom:.25rem;padding:.6rem 1rem;transition:all .2s;display:flex}.app-sidebar .nav-link:hover,.app-sidebar .nav-link.active{background:var(--glass-bg);color:#667eea}.app-sidebar-bottom{border-top:1px solid var(--glass-border);flex-shrink:0;margin-top:auto;padding-top:1rem;position:relative}.app-sidebar.collapsed{width:76px}.app-sidebar.collapsed .sidebar-text{display:none}.app-sidebar.collapsed .nav-link{justify-content:center;padding:.6rem 0}.app-sidebar.collapsed .nav-link i{font-size:1.25rem;margin-right:0!important}.app-sidebar.collapsed .navbar-brand{justify-content:center;font-size:0}.app-sidebar.collapsed .navbar-brand i{font-size:1.5rem;margin-right:0!important}.app-sidebar.collapsed .app-sidebar-bottom .d-flex.justify-content-between{flex-direction:column;gap:.5rem}.app-sidebar.collapsed .user-info,.app-sidebar.collapsed .dropdown-toggle:after{display:none}.app-sidebar .dropdown-menu{border:1px solid var(--glass-border);background:var(--nav-bg);min-width:180px;z-index:1060!important;box-shadow:0 10px 30px #0000004d!important}.thai-flag-text{background:linear-gradient(#ed1c24 0% 24%,#fff 24% 37%,#00247d 37% 63%,#fff 63% 76%,#ed1c24 76% 100%);-webkit-text-fill-color:transparent;vertical-align:baseline;filter:drop-shadow(0 0 1px #000000b3);-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1;display:inline-block}.bg-purple{--bs-bg-opacity:1;background-color:rgba(111, 66, 193, var(--bs-bg-opacity))!important}.text-purple,[data-bs-theme=light] .text-purple{color:#6b21a8!important}[data-bs-theme=dark] .text-purple{color:#c084fc!important}.border-purple{border-color:#6f42c166!important}.marquee-container.svelte-vs24fx{white-space:nowrap;contain:strict;width:100%;overflow:hidden}.marquee-content.svelte-vs24fx{will-change:transform;backface-visibility:hidden;perspective:1000px;padding-left:100%;animation:25s linear infinite svelte-vs24fx-scroll-left;display:inline-block;transform:translateZ(0)}@keyframes svelte-vs24fx-scroll-left{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.backend-status-indicator.svelte-12qhfyh{border-radius:50%;align-self:flex-end;width:8px;height:8px;margin-bottom:10px;margin-left:5px;margin-right:10px;display:inline-block}.status-online.svelte-12qhfyh{background-color:#28a745;animation:2s infinite svelte-12qhfyh-pulse-green}.status-offline.svelte-12qhfyh{background-color:#dc3545;animation:2s infinite svelte-12qhfyh-pulse-red}@keyframes svelte-12qhfyh-pulse-green{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 6px #28a74500}to{box-shadow:0 0 #28a74500}}@keyframes svelte-12qhfyh-pulse-red{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 6px #dc354500}to{box-shadow:0 0 #dc354500}}
