@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-800:oklch(45% .085 224.283);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-800:oklch(39.8% .195 277.366);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-600:oklch(59.2% .249 .584);--color-pink-900:oklch(40.8% .153 2.432);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;line-height:1.5}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-moz-selection{background-color:var(--brand-primary);color:var(--bg-primary)}::selection{background-color:var(--brand-primary);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);margin:0;font-weight:600;line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);margin:0}a{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-primary-hover)}code,pre{font-family:var(--font-mono)}code{background-color:var(--bg-elevated);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}pre{background-color:var(--bg-elevated);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}input,textarea,select,button{font-family:inherit;font-size:inherit}}@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:500;line-height:1.5;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:var(--bg-primary);box-shadow:var(--shadow-glow);border-color:#0000}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #00d4ff66}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn-danger{background-color:var(--error);color:#fff;border-color:#0000}.btn-danger:hover:not(:disabled){background-color:#e6455f}.btn-success{background-color:var(--success);color:var(--bg-primary);border-color:#0000}.btn-sm{padding:var(--space-1)var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3)var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);aspect-ratio:1}.card{background-color:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast)}.card-hover:hover{background-color:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(12px);background:#1c1c28b3}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.input{width:100%;padding:var(--space-3)var(--space-4);background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--border-hover)}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-muted);outline:none}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px var(--error-muted)}.textarea{resize:vertical;min-height:100px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23707080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10)}.label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.label-required:after{content:" *";color:var(--error)}.form-group{margin-bottom:var(--space-5)}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:500;display:inline-flex}.badge-primary{background-color:var(--brand-primary-muted);color:var(--brand-primary)}.badge-success{background-color:var(--success-muted);color:var(--success)}.badge-warning{background-color:var(--warning-muted);color:var(--warning)}.badge-error{background-color:var(--error-muted);color:var(--error)}.badge-info{background-color:var(--info-muted);color:var(--info)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background-color:var(--bg-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-4);background-color:var(--bg-elevated);color:var(--text-secondary);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary)}.table td{padding:var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border-secondary)}.table tbody tr:hover{background-color:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.avatar{border-radius:var(--radius-full);background:var(--brand-gradient);width:40px;height:40px;color:var(--bg-primary);font-weight:600;font-size:var(--text-sm);justify-content:center;align-items:center;display:inline-flex}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.status-dot{border-radius:var(--radius-full);width:8px;height:8px;display:inline-block}.status-dot-success{background-color:var(--success);box-shadow:0 0 8px var(--success)}.status-dot-warning{background-color:var(--warning);box-shadow:0 0 8px var(--warning)}.status-dot-error{background-color:var(--error);box-shadow:0 0 8px var(--error)}.status-dot-info{background-color:var(--info);box-shadow:0 0 8px var(--info)}.divider{background-color:var(--border-primary);height:1px;margin:var(--space-4)0}.divider-vertical{background-color:var(--border-primary);width:1px;height:100%;margin:0 var(--space-4)}.empty-state{padding:var(--space-12);text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.empty-state-title{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.loading-spinner{border:2px solid var(--border-primary);border-top-color:var(--brand-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated)25%,var(--bg-hover)50%,var(--bg-elevated)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);padding:var(--space-2)var(--space-3);background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1;visibility:visible}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-2{inset:calc(var(--spacing)*2)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-full{top:100%}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\/6{right:16.6667%}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-8{right:calc(var(--spacing)*8)}.-bottom-5{bottom:calc(var(--spacing)*-5)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1\/4{bottom:25%}.bottom-8{bottom:calc(var(--spacing)*8)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-1\/6{left:16.6667%}.left-2\.5{left:calc(var(--spacing)*2.5)}.left-3{left:calc(var(--spacing)*3)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-150{z-index:150}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.-mb-4{margin-bottom:calc(var(--spacing)*-4)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-\[8\.5rem\]{margin-left:8.5rem}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[300px\]{max-height:300px}.max-h-\[500px\]{max-height:500px}.max-h-\[calc\(85vh-80px\)\]{max-height:calc(85vh - 80px)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-\[3px\]{width:3px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[80px\]{max-width:80px}.max-w-\[85\%\]{max-width:85%}.max-w-\[120px\]{max-width:120px}.max-w-\[150px\]{max-width:150px}.max-w-\[420px\]{max-width:420px}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[36px\]{min-width:36px}.min-w-\[60px\]{min-width:60px}.min-w-\[200px\]{min-width:200px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-\[3px\]{gap:3px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-x-8{-moz-column-gap:calc(var(--spacing)*8);column-gap:calc(var(--spacing)*8)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-3{row-gap:calc(var(--spacing)*3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\(--border-primary\)>:not(:last-child)){border-color:var(--border-primary)}:where(.divide-\(--border-subtle\)>:not(:last-child)){border-color:var(--border-subtle)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--border\){border-color:var(--border)}.border-\(--border-color\){border-color:var(--border-color)}.border-\(--border-primary\){border-color:var(--border-primary)}.border-\(--border-subtle\){border-color:var(--border-subtle)}.border-\(--brand-primary\){border-color:var(--brand-primary)}.border-\(--brand-primary-muted\){border-color:var(--brand-primary-muted)}.border-\(--brand-secondary\){border-color:var(--brand-secondary)}.border-\(--error\){border-color:var(--error)}.border-\(--error-muted\){border-color:var(--error-muted)}.border-\(--primary\){border-color:var(--primary)}.border-\(--secondary\){border-color:var(--secondary)}.border-\(--success\){border-color:var(--success)}.border-\(--success-muted\){border-color:var(--success-muted)}.border-\(--warning\){border-color:var(--warning)}.border-\[\#00d4ff\]\/20{border-color:#00d4ff33}.border-\[\#00d4ff\]\/30{border-color:#00d4ff4d}.border-\[\#1a1a25\]{border-color:#1a1a25}.border-\[\#030306\]\/30{border-color:#0303064d}.border-\[\#ff4d6a\]\/20{border-color:#ff4d6a33}.border-\[var\(--border-primary\)\]{border-color:var(--border-primary)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-green-200{border-color:var(--color-green-200)}.border-green-400{border-color:var(--color-green-400)}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500)30%,transparent)}}.border-orange-500{border-color:var(--color-orange-500)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-transparent{border-color:#0000}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-\[\#030306\]{border-top-color:#030306}.border-t-transparent{border-top-color:#0000}.border-b-transparent{border-bottom-color:#0000}.border-l-\(--border\){border-left-color:var(--border)}.border-l-\(--brand-primary\){border-left-color:var(--brand-primary)}.border-l-transparent{border-left-color:#0000}.bg-\(--accent-muted\){background-color:var(--accent-muted)}.bg-\(--background\){background-color:var(--background)}.bg-\(--bg-card\){background-color:var(--bg-card)}.bg-\(--bg-elevated\){background-color:var(--bg-elevated)}.bg-\(--bg-primary\){background-color:var(--bg-primary)}.bg-\(--bg-secondary\){background-color:var(--bg-secondary)}.bg-\(--bg-surface\){background-color:var(--bg-surface)}.bg-\(--bg-tertiary\){background-color:var(--bg-tertiary)}.bg-\(--border\){background-color:var(--border)}.bg-\(--border-primary\){background-color:var(--border-primary)}.bg-\(--brand-gradient\){background-color:var(--brand-gradient)}.bg-\(--brand-primary\){background-color:var(--brand-primary)}.bg-\(--brand-primary-muted\){background-color:var(--brand-primary-muted)}.bg-\(--brand-secondary\){background-color:var(--brand-secondary)}.bg-\(--brand-secondary-muted\){background-color:var(--brand-secondary-muted)}.bg-\(--card\){background-color:var(--card)}.bg-\(--error\){background-color:var(--error)}.bg-\(--error-muted\){background-color:var(--error-muted)}.bg-\(--primary\){background-color:var(--primary)}.bg-\(--secondary\){background-color:var(--secondary)}.bg-\(--success\){background-color:var(--success)}.bg-\(--success-muted\){background-color:var(--success-muted)}.bg-\(--warning\){background-color:var(--warning)}.bg-\(--warning-muted\){background-color:var(--warning-muted)}.bg-\[\#0a0a12\]{background-color:#0a0a12}.bg-\[\#00d4ff\]{background-color:#00d4ff}.bg-\[\#8b5cf6\]{background-color:#8b5cf6}.bg-\[\#030306\]{background-color:#030306}.bg-\[\#050508\]{background-color:#050508}.bg-\[\#ff4d6a\]{background-color:#ff4d6a}.bg-\[\#ff4d6a\]\/10{background-color:#ff4d6a1a}.bg-\[var\(--bg-elevated\)\]{background-color:var(--bg-elevated)}.bg-\[var\(--error-muted\)\]{background-color:var(--error-muted)}.bg-\[var\(--info-muted\)\]{background-color:var(--info-muted)}.bg-\[var\(--warning-muted\)\]{background-color:var(--warning-muted)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.bg-blue-900\/50{background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/50{background-color:color-mix(in oklab,var(--color-blue-900)50%,transparent)}}.bg-current{background-color:currentColor}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-700\/30{background-color:#3641534d}@supports (color:color-mix(in lab,red,red)){.bg-gray-700\/30{background-color:color-mix(in oklab,var(--color-gray-700)30%,transparent)}}.bg-gray-700\/40{background-color:#36415366}@supports (color:color-mix(in lab,red,red)){.bg-gray-700\/40{background-color:color-mix(in oklab,var(--color-gray-700)40%,transparent)}}.bg-gray-700\/50{background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.bg-gray-700\/50{background-color:color-mix(in oklab,var(--color-gray-700)50%,transparent)}}.bg-gray-800\/50{background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\/50{background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-900\/30{background-color:#7e2a0c4d}@supports (color:color-mix(in lab,red,red)){.bg-orange-900\/30{background-color:color-mix(in oklab,var(--color-orange-900)30%,transparent)}}.bg-orange-900\/40{background-color:#7e2a0c66}@supports (color:color-mix(in lab,red,red)){.bg-orange-900\/40{background-color:color-mix(in oklab,var(--color-orange-900)40%,transparent)}}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-900\/50{background-color:#86104380}@supports (color:color-mix(in lab,red,red)){.bg-pink-900\/50{background-color:color-mix(in oklab,var(--color-pink-900)50%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-900\/10{background-color:#82181a1a}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/10{background-color:color-mix(in oklab,var(--color-red-900)10%,transparent)}}.bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.bg-red-900\/40{background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/40{background-color:color-mix(in oklab,var(--color-red-900)40%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-900\/20{background-color:#733e0a33}@supports (color:color-mix(in lab,red,red)){.bg-yellow-900\/20{background-color:color-mix(in oklab,var(--color-yellow-900)20%,transparent)}}.bg-yellow-900\/30{background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.bg-yellow-900\/40{background-color:#733e0a66}@supports (color:color-mix(in lab,red,red)){.bg-yellow-900\/40{background-color:color-mix(in oklab,var(--color-yellow-900)40%,transparent)}}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.from-\(--bg-primary\){--tw-gradient-from:var(--bg-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\(--brand-primary-muted\){--tw-gradient-from:var(--brand-primary-muted);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#00d4ff\]{--tw-gradient-from:#00d4ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\(--bg-primary\)\/80{--tw-gradient-via:var(--bg-primary)}@supports (color:color-mix(in lab,red,red)){.via-\(--bg-primary\)\/80{--tw-gradient-via:color-mix(in oklab,var(--bg-primary)80%,transparent)}}.via-\(--bg-primary\)\/80{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#00b4d8\]{--tw-gradient-via:#00b4d8;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\(--bg-elevated\){--tw-gradient-to:var(--bg-elevated);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#8b5cf6\]{--tw-gradient-to:#8b5cf6;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\[2px\]{padding:2px}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\(--accent\){color:var(--accent)}.text-\(--bg-primary\){color:var(--bg-primary)}.text-\(--blue\){color:var(--blue)}.text-\(--brand-primary\){color:var(--brand-primary)}.text-\(--brand-secondary\){color:var(--brand-secondary)}.text-\(--error\){color:var(--error)}.text-\(--foreground\){color:var(--foreground)}.text-\(--muted-foreground\){color:var(--muted-foreground)}.text-\(--primary\){color:var(--primary)}.text-\(--success\){color:var(--success)}.text-\(--text-muted\){color:var(--text-muted)}.text-\(--text-primary\){color:var(--text-primary)}.text-\(--text-secondary\){color:var(--text-secondary)}.text-\(--text-tertiary\){color:var(--text-tertiary)}.text-\(--user-primary\){color:var(--user-primary)}.text-\(--warning\){color:var(--warning)}.text-\[\#00d4ff\]{color:#00d4ff}.text-\[\#3b82f6\]{color:#3b82f6}.text-\[\#8b5cf6\]{color:#8b5cf6}.text-\[\#10b981\]{color:#10b981}.text-\[\#030306\]{color:#030306}.text-\[\#303040\]{color:#303040}.text-\[\#505060\]{color:#505060}.text-\[\#606070\]{color:#606070}.text-\[\#707080\]{color:#707080}.text-\[\#ec4899\]{color:#ec4899}.text-\[\#f0f0f5\]{color:#f0f0f5}.text-\[\#ff6b8a\]{color:#ff6b8a}.text-\[var\(--accent-purple\)\]{color:var(--accent-purple)}.text-\[var\(--color-asr\)\]{color:var(--color-asr)}.text-\[var\(--color-llm\)\]{color:var(--color-llm)}.text-\[var\(--color-tts\)\]{color:var(--color-tts)}.text-\[var\(--color-vad\)\]{color:var(--color-vad)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-cyan-800{color:var(--color-cyan-800)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-400{color:var(--color-orange-400)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.text-pink-300{color:var(--color-pink-300)}.text-pink-600{color:var(--color-pink-600)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.placeholder-\[\#505060\]::-moz-placeholder{color:#505060}.placeholder-\[\#505060\]::placeholder{color:#505060}.placeholder-gray-400::-moz-placeholder{color:var(--color-gray-400)}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-\[0\.02\]{opacity:.02}.opacity-\[0\.03\]{opacity:.03}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.08\]{opacity:.08}.shadow-\(--error\)\/20{--tw-shadow-alpha:20%;--tw-shadow:var(--error);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\(--error\)\/30{--tw-shadow-alpha:30%;--tw-shadow:var(--error);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\(--warning\)\/20{--tw-shadow-alpha:20%;--tw-shadow:var(--warning);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(0\,212\,255\,0\.4\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#00d4ff66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[150px\]{--tw-blur:blur(150px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[200px\]{--tw-blur:blur(200px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:border-\(--brand-primary\):is(:where(.group):hover *){border-color:var(--brand-primary)}.group-hover\:bg-\(--brand-primary-muted\):is(:where(.group):hover *){background-color:var(--brand-primary-muted)}.group-hover\:text-\(--brand-primary\):is(:where(.group):hover *){color:var(--brand-primary)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-checked\:bg-blue-600:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.peer-focus\:ring-2:is(:where(.peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus\:ring-blue-500:is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-500)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.placeholder\:text-\(--text-muted\)::-moz-placeholder{color:var(--text-muted)}.placeholder\:text-\(--text-muted\)::placeholder{color:var(--text-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing)*5)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\(--border-hover\):hover{border-color:var(--border-hover)}.hover\:border-\(--brand-primary\):hover{border-color:var(--brand-primary)}.hover\:border-\(--primary\):hover{border-color:var(--primary)}.hover\:border-\[\#252530\]:hover{border-color:#252530}.hover\:border-gray-500:hover{border-color:var(--color-gray-500)}.hover\:bg-\(--bg-elevated\):hover{background-color:var(--bg-elevated)}.hover\:bg-\(--bg-hover\):hover{background-color:var(--bg-hover)}.hover\:bg-\(--bg-secondary\):hover{background-color:var(--bg-secondary)}.hover\:bg-\(--brand-primary\):hover{background-color:var(--brand-primary)}.hover\:bg-\(--error\)\/80:hover{background-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\(--error\)\/80:hover{background-color:color-mix(in oklab,var(--error)80%,transparent)}}.hover\:bg-\(--error-muted\):hover{background-color:var(--error-muted)}.hover\:bg-\(--secondary\):hover{background-color:var(--secondary)}.hover\:bg-\(--warning\)\/80:hover{background-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\(--warning\)\/80:hover{background-color:color-mix(in oklab,var(--warning)80%,transparent)}}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-\(--brand-primary\):hover{color:var(--brand-primary)}.hover\:text-\(--brand-primary-hover\):hover{color:var(--brand-primary-hover)}.hover\:text-\(--error\):hover{color:var(--error)}.hover\:text-\(--foreground\):hover{color:var(--foreground)}.hover\:text-\(--text-primary\):hover{color:var(--text-primary)}.hover\:text-\(--text-secondary\):hover{color:var(--text-secondary)}.hover\:text-\[\#00d4ff\]:hover{color:#00d4ff}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-gray-200:hover{color:var(--color-gray-200)}.hover\:text-green-800:hover{color:var(--color-green-800)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-\(--brand-primary\):focus{border-color:var(--brand-primary)}.focus\:border-\[\#00d4ff\]\/50:focus{border-color:#00d4ff80}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\(--brand-primary\):focus{--tw-ring-color:var(--brand-primary)}.focus\:ring-\(--primary\):focus{--tw-ring-color:var(--primary)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:w-\[300px\]{width:300px}.sm\:w-auto{width:auto}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:min-w-\[280px\]{min-width:280px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:text-left{text-align:left}}@media(min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:inline{display:inline}.md\:h-8{height:calc(var(--spacing)*8)}.md\:w-8{width:calc(var(--spacing)*8)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:px-3{padding-inline:calc(var(--spacing)*3)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}}@media(prefers-color-scheme:dark){.dark\:bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.dark\:text-blue-300{color:var(--color-blue-300)}}.text-brand{color:var(--brand-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.bg-hover{background-color:var(--bg-hover)}.bg-gradient-brand{background:var(--brand-gradient)}.bg-gradient-mesh{background:radial-gradient(ellipse at 20% 0%,#00d4ff26 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,#8b5cf626 0%,transparent 50%),var(--bg-primary)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-glow-amber{box-shadow:var(--shadow-glow-amber)}.border-subtle{border-color:var(--border-primary)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--bg-hover)transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--bg-hover);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--bg-active)}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.animate-fade-in{animation:fadeIn var(--transition-normal)ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp var(--transition-normal)ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-right{animation:slideInRight var(--transition-normal)ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.focus-ring:focus{box-shadow:0 0 0 3px var(--brand-primary-muted);outline:none}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-primary);background:#1c1c28b3}}:root{--bg-primary:#050508;--bg-secondary:#0a0a0f;--bg-tertiary:#101018;--bg-elevated:#16161f;--bg-surface:#1c1c28;--bg-hover:#24242f;--bg-active:#2a2a38;--card:#1c1c28;--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--text-tertiary:#707080;--text-muted:#505060;--text-disabled:#404050;--brand-primary:#00d4ff;--brand-primary-hover:#00b8e0;--brand-primary-muted:#00d4ff26;--brand-secondary:#8b5cf6;--brand-gradient:linear-gradient(135deg,#00d4ff 0%,#8b5cf6 100%);--accent-cyan:#00d4ff;--accent-purple:#8b5cf6;--accent-amber:#ffb800;--accent-orange:#ff6b35;--accent-pink:#ff4d8d;--accent-green:#00e676;--success:#00e676;--success-muted:#00e67626;--warning:#ffb800;--warning-muted:#ffb80026;--error:#ff4d6a;--error-muted:#ff4d6a26;--info:#00d4ff;--info-muted:#00d4ff26;--color-asr:#00e676;--color-vad:#a6f;--color-llm:#4d8eff;--color-tts:#f84;--border-primary:#ffffff14;--border-secondary:#ffffff0d;--border-focus:var(--brand-primary);--border-hover:#ffffff1f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-xl:0 16px 48px #000000b3;--shadow-glow:0 0 20px #00d4ff4d;--shadow-glow-amber:0 0 20px #ffb8004d;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--font-display:"Outfit",var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-toast:500;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--footer-height:48px}.app-layout{background-color:var(--bg-primary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);height:100vh;z-index:var(--z-sticky);transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary)}.sidebar-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.sidebar-logo-icon{background:var(--brand-gradient);border-radius:var(--radius-lg);width:40px;height:40px;font-size:var(--text-xl);justify-content:center;align-items:center;display:flex}.sidebar-logo-text{font-size:var(--text-xl);background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.sidebar-nav{padding:var(--space-4);flex:1;overflow-y:auto}.sidebar-nav-section{margin-bottom:var(--space-6)}.sidebar-nav-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2)var(--space-3);margin-bottom:var(--space-2);font-weight:500}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-3);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:var(--space-1);text-decoration:none;display:flex}.sidebar-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background-color:var(--brand-primary-muted);color:var(--brand-primary)}.sidebar-nav-item.active:before{content:"";background:var(--brand-gradient);border-radius:0 var(--radius-sm)var(--radius-sm)0;width:3px;height:24px;position:absolute;left:0}.sidebar-nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-primary)}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.sidebar-user:hover{background-color:var(--bg-hover)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebar-user-role{font-size:var(--text-xs);color:var(--text-tertiary)}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.main-header{height:var(--header-height);padding:0 var(--space-8);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.main-header-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.main-header-actions{align-items:center;gap:var(--space-3);display:flex}.page-container{padding:var(--space-8);background:var(--bg-primary);flex:1}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.page-description{font-size:var(--text-base);color:var(--text-secondary)}.fullscreen-page{background-color:var(--bg-primary);z-index:var(--z-modal);position:fixed;inset:0}@media(max-width:1024px){:root{--sidebar-width:72px}.sidebar-logo-text,.sidebar-nav-label,.sidebar-nav-item span,.sidebar-user-info{display:none}.sidebar-nav-item{padding:var(--space-3);justify-content:center}.sidebar-user{justify-content:center}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-container{padding:var(--space-4)}}@media print{.sidebar,.main-header{display:none}.main-content{margin-left:0}body{color:#000;background:#fff}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.call-widget-root{--widget-width: 400px;--widget-max-height: 580px;--widget-radius: 24px;--widget-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);--status-idle: #6a6a82;--status-listening: #00d4ff;--status-thinking: #aa66ff;--status-speaking: #ffb800;--anim-fast: .15s;--anim-base: .25s;--anim-slow: .4s;--anim-spring: cubic-bezier(.34, 1.56, .64, 1)}.call-widget-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;opacity:0;transition:opacity var(--anim-base) ease-out}.call-widget-backdrop.visible{opacity:1}.call-widget{position:fixed;bottom:32px;right:32px;width:var(--widget-width);max-height:var(--widget-max-height);background:linear-gradient(180deg,#1e1e2a,#16161e);border:1px solid rgba(255,255,255,.08);border-radius:var(--widget-radius);box-shadow:var(--widget-shadow);z-index:401;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);transition:opacity var(--anim-slow) ease-out,transform var(--anim-slow) var(--anim-spring)}.call-widget.visible{opacity:1;transform:translateY(0) scale(1)}.call-widget.closing{opacity:0;transform:translateY(10px) scale(.98);transition-duration:var(--anim-base);transition-timing-function:ease-in}.call-widget-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.call-widget-header-left{display:flex;align-items:center;gap:12px}.call-widget-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#282838,#1e1e2a);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.call-widget-info{display:flex;flex-direction:column;gap:2px}.call-widget-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.call-widget-status-row{display:flex;align-items:center;gap:8px}.call-widget-connection{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.call-widget-connection.connected{color:var(--success)}.call-widget-connection.connecting{color:var(--warning)}.call-widget-connection.disconnected{color:var(--text-muted)}.call-widget-connection-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.call-widget-connection.connected .call-widget-connection-dot{animation:pulse 2s infinite}.call-widget-timer{font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-primary);padding:4px 10px;background:#ffffff0d;border-radius:8px}.status-orb-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;min-height:220px}.status-orb{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.status-orb-bg{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 60%);border:2px solid rgba(255,255,255,.1);transition:all var(--anim-base) ease-out}.status-orb.idle .status-orb-bg{background:radial-gradient(circle at 30% 30%,#6a6a8233,#6a6a820d 60%);border-color:#6a6a824d}.status-orb.listening .status-orb-bg{background:radial-gradient(circle at 30% 30%,#00d4ff40,#00d4ff0d 60%);border-color:#00d4ff66;box-shadow:0 0 40px #00d4ff33}.status-orb.thinking .status-orb-bg{background:radial-gradient(circle at 30% 30%,#aa66ff40,#aa66ff0d 60%);border-color:#a6f6;box-shadow:0 0 40px #a6f3}.status-orb.speaking .status-orb-bg{background:radial-gradient(circle at 30% 30%,#ffb80040,#ffb8000d 60%);border-color:#ffb80066;box-shadow:0 0 40px #ffb80033}.status-orb-ring{position:absolute;inset:-10px;border-radius:50%;border:1px solid transparent;opacity:0}.status-orb.listening .status-orb-ring{border-color:#00d4ff4d;animation:rippleIn 1.5s ease-out infinite}.status-orb.listening .status-orb-ring:nth-child(2){animation-delay:.5s}.status-orb.listening .status-orb-ring:nth-child(3){animation-delay:1s}.status-orb.speaking .status-orb-ring{border-color:#ffb8004d;animation:rippleOut 1.5s ease-out infinite}.status-orb.speaking .status-orb-ring:nth-child(2){animation-delay:.5s}.status-orb.speaking .status-orb-ring:nth-child(3){animation-delay:1s}.status-orb-spinner{position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:#a6f9;border-right-color:#aa66ff4d;opacity:0;animation:none}.status-orb.thinking .status-orb-spinner{opacity:1;animation:spin 1.2s linear infinite}.status-orb-icon{position:relative;z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--status-idle);transition:color var(--anim-base) ease-out,transform var(--anim-base) ease-out}.status-orb.idle .status-orb-icon{color:var(--status-idle);animation:breathe 3s ease-in-out infinite}.status-orb.listening .status-orb-icon{color:var(--status-listening);transform:scale(1.05)}.status-orb.thinking .status-orb-icon{color:var(--status-thinking)}.status-orb.speaking .status-orb-icon{color:var(--status-speaking);transform:scale(1.05)}.status-orb-text{margin-top:20px;font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:capitalize;transition:color var(--anim-base) ease-out}.status-orb-container.listening .status-orb-text{color:var(--status-listening)}.status-orb-container.thinking .status-orb-text{color:var(--status-thinking)}.status-orb-container.speaking .status-orb-text{color:var(--status-speaking)}.compact-transcript{border-top:1px solid rgba(255,255,255,.06);background:#0003}.compact-transcript-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 20px;background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--anim-fast) ease-out}.compact-transcript-toggle:hover{background:#ffffff08}.compact-transcript-toggle-left{display:flex;align-items:center;gap:8px}.compact-transcript-toggle-icon{transition:transform var(--anim-base) ease-out}.compact-transcript.expanded .compact-transcript-toggle-icon{transform:rotate(180deg)}.compact-transcript-count{padding:2px 8px;background:#ffffff14;border-radius:10px;font-size:11px;color:var(--text-muted)}.compact-transcript-messages{max-height:0;overflow:hidden;transition:max-height var(--anim-base) ease-out}.compact-transcript.expanded .compact-transcript-messages{max-height:150px}.compact-transcript-scroll{padding:0 20px 16px;max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.compact-transcript-scroll::-webkit-scrollbar{width:4px}.compact-transcript-scroll::-webkit-scrollbar-track{background:transparent}.compact-transcript-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.compact-message{display:flex;gap:8px;font-size:12px;line-height:1.4}.compact-message-role{font-weight:600;flex-shrink:0}.compact-message.user .compact-message-role{color:var(--status-listening)}.compact-message.agent .compact-message-role{color:var(--status-speaking)}.compact-message-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.widget-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.06)}.widget-control-btn{width:52px;height:52px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--anim-fast) ease-out}.widget-control-btn.mic,.widget-control-btn.speaker{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.widget-control-btn.mic:hover,.widget-control-btn.speaker:hover{background:#ffffff1f;transform:scale(1.05)}.widget-control-btn.mic.muted,.widget-control-btn.speaker.muted{background:#ff4d6a33;border-color:#ff4d6a4d;color:#ff4d6a}.widget-control-btn.end{width:64px;height:64px;background:linear-gradient(135deg,#ff4d6a,#f35);color:#fff;box-shadow:0 4px 20px #ff4d6a4d}.widget-control-btn.end:hover{transform:scale(1.05);box-shadow:0 6px 24px #ff4d6a66}.widget-control-btn.end:active{transform:scale(.98)}.call-widget-connecting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.call-widget-connecting-spinner{width:48px;height:48px;border:3px solid rgba(0,212,255,.2);border-top-color:var(--status-listening);border-radius:50%;animation:spin 1s linear infinite}.call-widget-connecting-text{font-size:14px;color:var(--text-secondary)}.call-widget-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;text-align:center}.call-widget-error-icon{width:48px;height:48px;border-radius:50%;background:#ff4d6a26;display:flex;align-items:center;justify-content:center;color:#ff4d6a}.call-widget-error-title{font-size:14px;font-weight:600;color:var(--text-primary)}.call-widget-error-message{font-size:13px;color:var(--text-secondary);max-width:280px}.call-widget-error-btn{margin-top:8px;padding:8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--anim-fast) ease-out}.call-widget-error-btn:hover{background:#ffffff1f}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes rippleIn{0%{transform:scale(1.3);opacity:0}50%{opacity:.6}to{transform:scale(.9);opacity:0}}@keyframes rippleOut{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.5);opacity:0}}@media(max-width:480px){.call-widget{left:16px;right:16px;bottom:16px;width:auto;max-height:70vh}.widget-control-btn{width:56px;height:56px}.widget-control-btn.end{width:68px;height:68px}}.call-widget-livekit{display:flex;flex-direction:column;flex:1;overflow:hidden}.call-widget-header-update{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.call-widget-connection.error{color:var(--error)}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width:600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:-moz-fit-content;width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media(max-width:600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{-o-object-fit:cover;object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{-o-object-fit:contain;object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;inset:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media(max-width:600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media(max-width:400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}.vertical-timeline{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid rgba(255,255,255,.05)}.timeline-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary)}.timeline-title-icon{color:var(--text-muted)}.timeline-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border-radius:10px}.view-toggle{display:inline-flex;background:var(--bg-secondary);border-radius:9999px;padding:3px;border:1px solid rgba(255,255,255,.08)}.view-toggle-option{padding:5px 12px;border-radius:9999px;font-size:11px;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.view-toggle-option:hover:not(.active){color:var(--text-secondary)}.view-toggle-option.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 2px 4px #0003}.timeline-body{flex:1;overflow-y:auto;padding:16px;position:relative}.timeline-body::-webkit-scrollbar{width:6px}.timeline-body::-webkit-scrollbar-track{background:transparent}.timeline-body::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}.timeline-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.timeline-track{position:absolute;left:28px;top:16px;bottom:16px;width:2px;background:var(--bg-elevated)}.timeline-turn{position:relative;margin-bottom:16px;padding-left:40px;animation:slideInFromBottom .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.timeline-node{position:absolute;left:22px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--bg-elevated);z-index:1;animation:nodePopIn .2s ease-out forwards}@keyframes nodePopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.timeline-node.user{background:var(--user-primary);border-color:var(--user-primary);box-shadow:0 0 8px #00d4ff66}.timeline-node.agent{background:var(--agent-primary);border-color:var(--agent-primary);box-shadow:0 0 8px #ffb80066}.timeline-node.interim{width:10px;height:10px;left:23px;background:transparent;border:2px solid var(--user-primary);animation:interimPulse 2s ease-in-out infinite}@keyframes interimPulse{0%,to{box-shadow:0 0 #00d4ff66;transform:scale(1)}50%{box-shadow:0 0 0 6px #00d4ff00;transform:scale(1.1)}}.turn-card{background:var(--bg-tertiary);border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:12px 16px;transition:all .2s ease}.turn-card:hover{border-color:#ffffff1a;transform:translate(2px)}.turn-card.user{border-left:3px solid var(--user-primary)}.turn-card.agent{border-left:3px solid var(--agent-primary)}.turn-card.interim{border-left:3px solid var(--user-primary);background:linear-gradient(135deg,rgba(0,212,255,.08) 0%,var(--bg-tertiary) 100%)}.turn-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.turn-role{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.turn-role.user{color:var(--user-primary)}.turn-role.agent{color:var(--agent-primary)}.turn-role-icon{font-size:14px}.turn-timestamp{font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.turn-text{font-size:14px;line-height:1.5;color:var(--text-primary);word-wrap:break-word}.turn-text.interim{font-style:italic;color:var(--user-primary)}.interim-cursor{display:inline-block;width:2px;height:1em;background:var(--user-primary);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}.latency-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.latency-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;font-family:var(--font-mono);font-size:10px;font-weight:600;background:var(--bg-elevated);border:1px solid transparent;animation:badgeFadeIn .2s ease-out forwards;opacity:0}@keyframes badgeFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.latency-badge:nth-child(1){animation-delay:0ms}.latency-badge:nth-child(2){animation-delay:50ms}.latency-badge:nth-child(3){animation-delay:.1s}.latency-badge:nth-child(4){animation-delay:.15s}.latency-badge .badge-label{text-transform:uppercase;letter-spacing:.05em;opacity:.8}.latency-badge .badge-value{font-weight:700}.latency-badge.good{border-color:var(--success);color:var(--success);background:#00ff881a}.latency-badge.warning{border-color:var(--warning);color:var(--warning);background:#ffcc001a}.latency-badge.critical{border-color:var(--error);color:var(--error);background:#ff44661a}.latency-badge.asr{border-left:2px solid var(--asr-color)}.latency-badge.llm{border-left:2px solid var(--llm-color)}.latency-badge.tts{border-left:2px solid var(--tts-color)}.latency-badge.ttfb{border-left:2px solid var(--user-primary)}.detailed-events{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);overflow:hidden;transition:all .3s ease}.detailed-events.hidden{max-height:0;opacity:0;margin-top:0;padding-top:0;border-top:none}.detailed-event{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:12px;color:var(--text-secondary)}.detailed-event-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);min-width:80px}.detailed-event-type{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--bg-elevated)}.detailed-event-type.asr{color:var(--asr-color)}.detailed-event-type.llm{color:var(--llm-color)}.detailed-event-type.tts{color:var(--tts-color)}.detailed-event-type.barge{color:var(--error)}.detailed-event-content{flex:1;color:var(--text-muted)}.detailed-event-content.interim{font-style:italic;opacity:.7}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.timeline-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.timeline-empty-text{font-size:14px}.scroll-to-bottom{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:8px 16px;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease;z-index:10}.scroll-to-bottom:hover{background:var(--bg-surface);color:var(--text-primary)}:root{--bg-void: #121218;--bg-primary: #16161e;--bg-secondary: #1c1c26;--bg-tertiary: #22222e;--bg-elevated: #282838;--bg-surface: #2e2e3e;--text-primary: #f2f2fa;--text-secondary: #a0a0b8;--text-muted: #6a6a82;--text-dim: #4a4a5e;--user-primary: #00d4ff;--user-secondary: #00a8cc;--user-tertiary: #007799;--user-glow: rgba(0, 212, 255, .4);--user-gradient: linear-gradient(135deg, #00d4ff 0%, #0099ff 50%, #6644ff 100%);--agent-primary: #ffb800;--agent-secondary: #cc9500;--agent-tertiary: #996f00;--agent-glow: rgba(255, 184, 0, .4);--agent-gradient: linear-gradient(135deg, #ffb800 0%, #ff8800 50%, #ff4400 100%);--asr-color: #00ff88;--asr-bg: rgba(0, 255, 136, .1);--vad-color: #aa66ff;--vad-bg: rgba(170, 102, 255, .1);--llm-color: #4488ff;--llm-bg: rgba(68, 136, 255, .1);--tts-color: #ff8844;--tts-bg: rgba(255, 136, 68, .1);--audio-color: #44ddff;--audio-bg: rgba(68, 221, 255, .1);--worker-color: #888899;--worker-bg: rgba(136, 136, 153, .1);--bargein-color: #ff4466;--bargein-bg: rgba(255, 68, 102, .1);--success: #00ff88;--success-bg: rgba(0, 255, 136, .1);--warning: #ffcc00;--warning-bg: rgba(255, 204, 0, .1);--error: #ff4466;--error-bg: rgba(255, 68, 102, .1);--info: #4488ff;--info-bg: rgba(68, 136, 255, .1);--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-sans: "Outfit", "Inter", system-ui, sans-serif;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow-user: 0 0 24px var(--user-glow);--shadow-glow-agent: 0 0 24px var(--agent-glow);--transition-fast: .1s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}.live-monitor-dashboard{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100%;position:relative}.live-monitor-dashboard:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.008;pointer-events:none;z-index:1}.live-monitor-dashboard>*{position:relative;z-index:2}.live-monitor-dashboard .main-content{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4);margin-left:0;min-height:auto;flex:1}.live-monitor-dashboard .sidebar-left{display:flex;flex-direction:row;gap:var(--space-4);width:100%;height:160px;flex-shrink:0}.live-monitor-dashboard .main-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;max-height:calc(60vh - 100px);min-height:400px;box-shadow:0 4px 24px #00000040}.live-monitor-dashboard .card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:0}.live-monitor-dashboard .card-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.live-monitor-dashboard .message-count{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.live-monitor-dashboard .waveform-container .card-header{padding:var(--space-2) var(--space-3)}.live-monitor-dashboard .audio-status{font-size:var(--text-xs);color:var(--text-muted);padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-elevated)}.live-monitor-dashboard .audio-status.active{color:var(--success);background:var(--success-bg)}.event-stream-section{padding:0 var(--space-4) var(--space-4)}.event-stream-section:not(.collapsed) .vertical-timeline{max-height:400px}.event-stream-section.collapsed .vertical-timeline{display:none}.collapse-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.collapse-toggle:hover{background:var(--bg-elevated);color:var(--text-secondary)}.toggle-icon{transition:transform var(--transition-base)}.toggle-label{font-weight:500}.dashboard-grid{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:280px 1fr;gap:var(--space-4);padding:var(--space-4);height:100%;min-height:100vh}.dashboard-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);min-height:56px}.header-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.connection-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.connection-indicator.connected{background:var(--success-bg);color:var(--success)}.connection-indicator.disconnected{background:var(--error-bg);color:var(--error)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.connection-indicator.disconnected .status-dot{animation:none}.session-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.header-controls{display:flex;align-items:center;gap:var(--space-2)}.header-control-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--text-dim);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header-control-btn:hover{background:var(--bg-elevated);border-color:var(--text-muted);color:var(--text-primary)}.header-control-btn.muted{background:var(--error);border-color:var(--error);color:#fff}.header-control-btn.muted:hover{background:var(--error);opacity:.9}.header-control-btn.disconnect{background:var(--error);border-color:var(--error);color:#fff}.header-control-btn.disconnect:hover{opacity:.9}.dashboard-timeline{grid-column:1 / -1}.dashboard-sidebar{grid-column:1;display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-main{grid-column:2}.dashboard-footer{grid-column:1 / -1}.monitor-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.monitor-card:hover{border-color:#ffffff1a}.monitor-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.05);background:var(--bg-tertiary)}.monitor-card-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.monitor-card-body{padding:var(--space-4)}.dashboard-header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.connection-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500}.connection-dot{width:8px;height:8px;border-radius:var(--radius-full);animation:pulse 2s infinite}.connection-dot.connected{background:var(--success);box-shadow:0 0 8px var(--success)}.connection-dot.disconnected{background:var(--error);box-shadow:0 0 8px var(--error);animation:none}.connection-dot.connecting{background:var(--warning);box-shadow:0 0 8px var(--warning)}.session-timer{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);min-width:100px;text-align:center}.agent-name{font-size:var(--text-base);font-weight:500;color:var(--text-secondary)}.metrics-bar{padding:0 var(--space-4);margin-bottom:var(--space-3)}.latency-metrics-horizontal{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-3)}.metrics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.05)}.metrics-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metrics-live-badge{font-size:var(--text-xs);font-weight:600;color:var(--success);background:var(--success-bg);padding:2px 8px;border-radius:var(--radius-full);animation:pulse 2s infinite}.metrics-grid-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.metric-card-horizontal{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);border-left:3px solid;transition:all var(--transition-base);text-align:center}.metric-card-horizontal:hover{background:var(--bg-elevated);transform:translateY(-1px)}.metric-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.metric-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;line-height:1;transition:color var(--transition-fast)}.metric-unit{font-size:var(--text-xs);font-weight:400;opacity:.6;margin-left:2px}.metric-avg{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}@media(max-width:600px){.metrics-grid-horizontal{grid-template-columns:repeat(2,1fr)}}.latency-gauge{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.latency-gauge:hover{border-color:#ffffff1a;transform:translateY(-2px)}.latency-gauge-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2)}.latency-gauge-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;transition:color var(--transition-fast)}.latency-gauge-value.good{color:var(--success)}.latency-gauge-value.warning{color:var(--warning)}.latency-gauge-value.critical{color:var(--error)}.latency-gauge-unit{font-size:var(--text-sm);font-weight:400;opacity:.6}.latency-gauge-avg{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.latency-sparkline{width:100%;height:24px;margin-top:var(--space-2)}.gauge-ring{position:relative;width:80px;height:80px;margin-bottom:var(--space-2)}.gauge-ring svg{transform:rotate(-90deg)}.gauge-ring-bg{stroke:var(--bg-surface);fill:none;stroke-width:6}.gauge-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow),stroke var(--transition-fast)}.gauge-ring-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700}.turn-indicator{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);text-align:center;min-height:0;height:100%}.turn-indicator-ring{position:relative;width:60px;height:60px;margin-bottom:var(--space-2)}.turn-indicator-ring:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);border:3px solid var(--bg-surface)}.turn-indicator-ring:after{content:"";position:absolute;inset:0;border-radius:var(--radius-full);border:3px solid transparent;border-top-color:currentColor;animation:spin 1.5s linear infinite;opacity:0;transition:opacity var(--transition-base)}.turn-indicator.active .turn-indicator-ring:after{opacity:1}.turn-indicator-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl)}.turn-indicator-state{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.turn-indicator.user{color:var(--user-primary)}.turn-indicator.agent{color:var(--agent-primary)}.turn-indicator.idle{color:var(--text-muted)}.turn-indicator-duration{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.transcript-panel{height:100%;min-height:0;display:flex;flex-direction:column}.transcript-messages,.messages-container{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:var(--space-8)}.empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-text{font-size:var(--text-base);margin-bottom:var(--space-2)}.empty-subtext{font-size:var(--text-sm);opacity:.7}.message-wrapper{display:flex;flex-direction:column;max-width:85%;animation:messageSlideIn .3s ease-out}.message-wrapper.user{align-self:flex-start}.message-wrapper.agent{align-self:flex-end}.message-wrapper.latest{animation:messageSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.message-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.message-bubble:hover{transform:translateY(-1px)}.message-bubble.user{background:linear-gradient(135deg,#00d4ff26,#0099ff1a);border:1px solid rgba(0,212,255,.2);border-bottom-left-radius:var(--radius-sm)}.message-bubble.user:hover{box-shadow:var(--shadow-glow-user)}.message-bubble.agent{background:linear-gradient(135deg,#ffb80026,#ff88001a);border:1px solid rgba(255,184,0,.2);border-bottom-right-radius:var(--radius-sm)}.message-bubble.agent:hover{box-shadow:var(--shadow-glow-agent)}.message-bubble.interim{opacity:.7}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.message-role{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.message-wrapper.user .message-role{color:var(--user-secondary)}.message-wrapper.agent .message-role{color:var(--agent-secondary)}.message-time{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.message-text{font-size:var(--text-base);line-height:1.5;color:var(--text-primary)}.typing-cursor{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scroll-anchor{height:1px}.message-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-full)}.transcript-message{display:flex;flex-direction:column;max-width:85%;animation:messageSlideIn .3s ease-out}.transcript-message.user{align-self:flex-start}.transcript-message.agent{align-self:flex-end}.transcript-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.transcript-bubble:hover{transform:translateY(-1px)}.transcript-message.user .transcript-bubble{background:linear-gradient(135deg,#00d4ff26,#0099ff1a);border:1px solid rgba(0,212,255,.2);border-bottom-left-radius:var(--radius-sm)}.transcript-message.user .transcript-bubble:hover{box-shadow:var(--shadow-glow-user)}.transcript-message.agent .transcript-bubble{background:linear-gradient(135deg,#ffb80026,#ff88001a);border:1px solid rgba(255,184,0,.2);border-bottom-right-radius:var(--radius-sm)}.transcript-message.agent .transcript-bubble:hover{box-shadow:var(--shadow-glow-agent)}.transcript-text{font-size:var(--text-base);line-height:1.5;color:var(--text-primary)}.transcript-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.transcript-role{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.transcript-message.user .transcript-role{color:var(--user-secondary)}.transcript-message.agent .transcript-role{color:var(--agent-secondary)}.typing-indicator{display:flex;gap:4px;padding:var(--space-3) var(--space-4)}.typing-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--agent-primary);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.event-stream{max-height:200px;overflow:hidden;transition:max-height var(--transition-slow)}.event-stream.collapsed{max-height:48px}.event-stream-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.event-stream-filters{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}.event-filter-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.event-filter-btn:hover{background:var(--bg-elevated)}.event-filter-btn.active{border-color:currentColor}.event-filter-btn[data-component=ASR]{color:var(--asr-color)}.event-filter-btn[data-component=VAD]{color:var(--vad-color)}.event-filter-btn[data-component=LLM]{color:var(--llm-color)}.event-filter-btn[data-component=TTS]{color:var(--tts-color)}.event-filter-btn[data-component=Audio]{color:var(--audio-color)}.event-filter-btn[data-component=Barge-In]{color:var(--bargein-color)}.event-stream-list{max-height:140px;overflow-y:auto;padding:var(--space-2)}.event-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm);animation:eventFadeIn .2s ease-out}.event-item:hover{background:var(--bg-tertiary)}.event-timestamp{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0;width:85px}.event-badge{font-size:var(--text-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.event-badge[data-component=ASR]{background:var(--asr-bg);color:var(--asr-color)}.event-badge[data-component=VAD]{background:var(--vad-bg);color:var(--vad-color)}.event-badge[data-component=LLM]{background:var(--llm-bg);color:var(--llm-color)}.event-badge[data-component=TTS]{background:var(--tts-bg);color:var(--tts-color)}.event-badge[data-component=Audio]{background:var(--audio-bg);color:var(--audio-color)}.event-badge[data-component=Worker]{background:var(--worker-bg);color:var(--worker-color)}.event-badge[data-component=Barge-In]{background:var(--bargein-bg);color:var(--bargein-color)}.event-message{color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-entry.interim{background:rgba(var(--user-primary-rgb, 59, 130, 246),.05);border-left:2px solid var(--user-primary)}.event-message.interim-text{font-style:italic;color:var(--user-primary);opacity:.9}.event-entry.interim.new{animation:interim-pulse .5s ease-out}@keyframes interim-pulse{0%{background:rgba(var(--user-primary-rgb, 59, 130, 246),.15)}to{background:rgba(var(--user-primary-rgb, 59, 130, 246),.05)}}.timeline-section{padding:0 var(--space-4);margin-bottom:var(--space-4)}.conversation-timeline{position:relative;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);overflow:hidden}.conversation-timeline .timeline-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid rgba(255,255,255,.05)}.conversation-timeline .timeline-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.conversation-timeline .timeline-duration{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);background:var(--bg-elevated);padding:4px 10px;border-radius:var(--radius-full)}.timeline-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.timeline-scroll::-webkit-scrollbar{height:6px}.timeline-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary)}.timeline-scroll::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}.timeline-content{position:relative;min-height:100px;padding:var(--space-3) 0}.timeline-ruler{position:relative;height:24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-2)}.ruler-mark{position:absolute;display:flex;flex-direction:column;align-items:center}.ruler-mark .mark-line{width:1px;height:8px;background:#fff3}.ruler-mark .mark-label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:2px}.timeline-track{position:relative;height:50px;margin:0 var(--space-4)}.timeline-segment{position:absolute;top:50%;transform:translateY(-50%);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.timeline-segment:hover{transform:translateY(-50%) scale(1.02);z-index:5}.timeline-segment.user{background:linear-gradient(135deg,#00d4ff4d,#09f3);border:1px solid rgba(0,212,255,.4);box-shadow:0 2px 8px #00d4ff33}.timeline-segment.user:hover{box-shadow:0 4px 16px #00d4ff4d}.timeline-segment.agent{background:linear-gradient(135deg,#ffb8004d,#f803);border:1px solid rgba(255,184,0,.4);box-shadow:0 2px 8px #ffb80033}.timeline-segment.agent:hover{box-shadow:0 4px 16px #ffb8004d}.segment-content{display:flex;align-items:center;gap:6px;padding:6px 10px;height:100%}.segment-role{font-size:12px;flex-shrink:0}.segment-text{font-size:11px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.segment-waveform{position:absolute;bottom:0;left:0;right:0;height:16px;display:flex;align-items:flex-end;justify-content:space-evenly;padding:0 4px;opacity:.4}.segment-waveform .waveform-bar{width:2px;background:currentColor;border-radius:1px}.timeline-segment.user .segment-waveform .waveform-bar{background:var(--user-primary)}.timeline-segment.agent .segment-waveform .waveform-bar{background:var(--agent-primary)}.timeline-gap{position:absolute;top:50%;transform:translateY(-50%);height:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gap-duration{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);background:var(--bg-elevated);padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.gap-line{width:100%;height:1px;background:repeating-linear-gradient(90deg,var(--text-dim) 0,var(--text-dim) 4px,transparent 4px,transparent 8px);margin-top:4px}.current-indicator{position:absolute;top:0;bottom:0;width:2px;z-index:10}.current-indicator.user{background:var(--user-primary);box-shadow:0 0 12px var(--user-glow)}.current-indicator.agent{background:var(--agent-primary);box-shadow:0 0 12px var(--agent-glow)}.indicator-pulse{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;animation:indicatorPulse 1.5s ease-in-out infinite}.current-indicator.user .indicator-pulse{background:var(--user-primary);box-shadow:0 0 8px var(--user-glow)}.current-indicator.agent .indicator-pulse{background:var(--agent-primary);box-shadow:0 0 8px var(--agent-glow)}@keyframes indicatorPulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.3);opacity:.7}}.indicator-line{width:100%;height:100%}.timeline-track .timeline-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:var(--text-sm)}.live-monitor-dashboard .waveform-container{flex:1;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.live-monitor-dashboard .audio-waveform{flex:1;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;position:relative}.waveform-canvas{width:100%;height:100%}.waveform-label{position:absolute;top:var(--space-2);left:var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes eventFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px currentColor}50%{box-shadow:0 0 40px currentColor}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .4s ease-out forwards;opacity:0}.animate-in:nth-child(1){animation-delay:0ms}.animate-in:nth-child(2){animation-delay:50ms}.animate-in:nth-child(3){animation-delay:.1s}.animate-in:nth-child(4){animation-delay:.15s}.animate-in:nth-child(5){animation-delay:.2s}.live-monitor-dashboard ::-webkit-scrollbar{width:6px;height:6px}.live-monitor-dashboard ::-webkit-scrollbar-track{background:transparent}.live-monitor-dashboard ::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}.live-monitor-dashboard ::-webkit-scrollbar-thumb:hover{background:var(--bg-surface)}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{grid-column:1;flex-direction:row;flex-wrap:wrap}.dashboard-main{grid-column:1}}.asr-breakdown{background:var(--bg-secondary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);padding:12px 16px;min-width:280px}.asr-breakdown.empty{opacity:.6}.asr-breakdown-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;width:100%;padding:0;margin-bottom:8px;cursor:pointer;color:var(--text-primary)}.asr-breakdown-header:hover{opacity:.9}.asr-breakdown-label{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.asr-breakdown-total{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--user-primary)}.asr-breakdown-empty{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.asr-breakdown-bar{display:flex;height:24px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-tertiary);margin-bottom:0}.asr-breakdown.expanded .asr-breakdown-bar{margin-bottom:12px}.asr-segment{display:flex;align-items:center;justify-content:center;min-width:4px;transition:all .3s ease;position:relative}.asr-segment:hover{filter:brightness(1.1)}.segment-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:#000;text-shadow:0 0 2px rgba(255,255,255,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.asr-breakdown-details{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--bg-elevated)}.breakdown-row{display:flex;align-items:flex-start;gap:10px}.breakdown-row.total{padding-top:8px;border-top:1px dashed var(--bg-elevated);margin-top:4px}.breakdown-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.breakdown-info{display:flex;flex-direction:column;flex:1;min-width:0}.breakdown-info .breakdown-label{font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--text-primary)}.breakdown-description{font-family:var(--font-sans);font-size:10px;color:var(--text-muted)}.breakdown-values{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.breakdown-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}.breakdown-avg{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.asr-timing-pills{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.timing-pill{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.timing-pill.asr{background:var(--asr-bg);color:var(--asr-color);border:1px solid rgba(0,255,136,.2)}.timing-pill.debounce{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--bg-elevated)}.event-entry.with-breakdown{flex-wrap:wrap}.event-entry.with-breakdown .asr-timing-pills{width:100%;margin-left:0;margin-top:4px;padding-left:100px}.export-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:12px}.export-button:hover{background:var(--bg-elevated);border-color:var(--user-primary);color:var(--user-primary)}.export-button:active{transform:scale(.98)}.export-button svg{opacity:.8}.export-button:hover svg{opacity:1}
