@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--hue-primary: 180;--hue-gray: 230;--hue-secondary: 200;--primary-lightness-base: 28%;--primary-saturation-base: 65%;--color-primary-50: hsl( var(--hue-primary), calc(var(--primary-saturation-base) - 10%), calc(var(--primary-lightness-base) + 65%) );--color-primary-100: hsl( var(--hue-primary), calc(var(--primary-saturation-base) - 10%), calc(var(--primary-lightness-base) + 57%) );--color-primary-200: hsl( var(--hue-primary), calc(var(--primary-saturation-base) - 10%), calc(var(--primary-lightness-base) + 44%) );--color-primary-300: hsl( var(--hue-primary), calc(var(--primary-saturation-base) - 10%), calc(var(--primary-lightness-base) + 30%) );--color-primary-400: hsl( var(--hue-primary), calc(var(--primary-saturation-base) - 10%), calc(var(--primary-lightness-base) + 17%) );--color-primary-500: hsl( var(--hue-primary), calc(var(--primary-saturation-base) - 5%), calc(var(--primary-lightness-base) + 7%) );--color-primary-600: hsl( var(--hue-primary), var(--primary-saturation-base), var(--primary-lightness-base) );--color-primary-700: hsl( var(--hue-primary), calc(var(--primary-saturation-base) + 5%), calc(var(--primary-lightness-base) - 6%) );--color-primary-800: hsl( var(--hue-primary), calc(var(--primary-saturation-base) + 10%), calc(var(--primary-lightness-base) - 12%) );--color-primary-900: hsl( var(--hue-primary), calc(var(--primary-saturation-base) + 15%), calc(var(--primary-lightness-base) - 18%) );--color-primary-950: hsl( var(--hue-primary), calc(var(--primary-saturation-base) + 20%), calc(var(--primary-lightness-base) - 22%) );--color-gray-50: hsl(var(--hue-gray), 15%, 98%);--color-gray-100: hsl(var(--hue-gray), 15%, 96%);--color-gray-200: hsl(var(--hue-gray), 16%, 90%);--color-gray-300: hsl(var(--hue-gray), 15%, 84%);--color-gray-400: hsl(var(--hue-gray), 15%, 65%);--color-gray-500: hsl(var(--hue-gray), 14%, 46%);--color-gray-600: hsl(var(--hue-gray), 12%, 34%);--color-gray-700: hsl(var(--hue-gray), 15%, 26%);--color-gray-800: hsl(var(--hue-gray), 12%, 16%);--color-gray-900: hsl(var(--hue-gray), 12%, 10%);--color-gray-950: hsl(var(--hue-gray), 12%, 5%);--secondary-lightness-base: 32%;--secondary-saturation-base: 96%;--color-secondary-50: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) + 4%), calc(var(--secondary-lightness-base) + 62%) );--color-secondary-100: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) - 1%), calc(var(--secondary-lightness-base) + 55%) );--color-secondary-200: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) - 3%), calc(var(--secondary-lightness-base) + 42%) );--color-secondary-300: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) - 3%), calc(var(--secondary-lightness-base) + 28%) );--color-secondary-400: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) - 7%), calc(var(--secondary-lightness-base) + 16%) );--color-secondary-500: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) + 2%), calc(var(--secondary-lightness-base) + 7%) );--color-secondary-600: hsl( var(--hue-secondary), var(--secondary-saturation-base), var(--secondary-lightness-base) );--color-secondary-700: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) - 6%), calc(var(--secondary-lightness-base) - 5%) );--color-secondary-800: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) - 16%), calc(var(--secondary-lightness-base) - 8%) );--color-secondary-900: hsl( var(--hue-secondary), calc(var(--secondary-saturation-base) - 16%), calc(var(--secondary-lightness-base) - 8%) );--chat-border-radius: .75rem;--message-border-radius: 1rem;--button-border-radius: .5rem;--chat-padding: 1.5rem;--message-padding: .75rem 1rem;--button-padding: .5rem 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--header-height: 3.5rem;font-family:Inter,Roboto,Ubuntu,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;interpolate-size:allow-keywords;--text: var(--color-gray-900);--highlight: var(--color-indigo-500);color-scheme:light dark;color:var(--text);--color-bg-primary: var(--color-gray-100);--color-bg-accent: var(--color-gray-400);--spacing: .25rem;--spacing-2: calc(var(--spacing) * 2);--spacing-3: calc(var(--spacing) * 3);--spacing-4: calc(var(--spacing) * 4);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@media(prefers-color-scheme:dark){--text: var(--color-gray-100);--highlight: var(--color-indigo-500);--color-bg-primary: var(--color-gray-800);--color-bg-accent: var(--color-gray-700)}*:disabled{cursor:not-allowed}}@media(min-width:1600px){:root{font-size:18px}}@media(min-width:2560px){:root{font-size:30px}}@media(min-width:3840px){:root{font-size:40px}}@layer base{input[type=search]::-webkit-search-cancel-button{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}*{box-sizing:border-box}h1{line-height:1.1}.sortable-table thead{background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200);@media(prefers-color-scheme:dark){background:var(--color-gray-800);border-bottom-color:var(--color-gray-700)}}.sortable-table th{padding:0;text-align:left;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:1;background:var(--color-gray-100);@media(prefers-color-scheme:dark){background:var(--color-gray-800)}}.sortable-table th button{all:unset;display:block;width:100%;padding:.625rem .875rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-600);cursor:pointer;transition:background .15s,color .15s;@media(prefers-color-scheme:dark){color:var(--color-gray-400)}}.sortable-table th button:hover{background:var(--color-gray-200);color:var(--color-gray-900);transform:none;box-shadow:none;@media(prefers-color-scheme:dark){background:var(--color-gray-700);color:var(--color-gray-100)}}.sortable-table td{padding:.625rem .875rem;color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100);@media(prefers-color-scheme:dark){color:var(--color-gray-200);border-bottom-color:var(--color-gray-700)}}.sortable-table tbody tr:last-child td{border-bottom:none}.sortable-table tbody tr:nth-child(2n){background:var(--color-gray-50);@media(prefers-color-scheme:dark){background:hsl(var(--hue-gray),12%,13%)}}.sortable-table tbody tr:hover{background:var(--color-primary-50);@media(prefers-color-scheme:dark){background:hsl(var(--hue-primary),30%,18%)}}.chat-wrapper{height:100%;max-height:100%;width:100%;max-width:80vw;top:10vh;background:hsl(var(--hue-gray),5%,96%);border-radius:var(--chat-border-radius);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;margin-top:2rem;margin-bottom:5rem;@media(prefers-color-scheme:dark){background:hsl(var(--hue-gray),5%,26%);border:1px solid var(--color-gray-700)}}.chat-header{background:#fff;border-bottom:1px solid var(--color-gray-200);padding:.75rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-shrink:0;@media(prefers-color-scheme:dark){background:var(--color-gray-800);border-bottom-color:var(--color-gray-700)}}.chat-footer{background:#fff;padding:.75rem 1.5rem;display:flex;flex-direction:row;gap:.75rem;align-items:center;flex-shrink:0;@media(prefers-color-scheme:dark){background:var(--color-gray-800);color:#fff!important}input,select{flex:1;height:2.75rem!important;font-size:.9375rem;padding:0 1rem;border-radius:.5rem;border:1px solid var(--color-gray-300);background:var(--color-gray-50);outline:none;transition:border-color .15s,box-shadow .15s;@media(prefers-color-scheme:dark){color:#fff!important;background:var(--color-gray-700);border-color:var(--color-gray-600)}}input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px hsl(var(--hue-primary),50%,80%,.3);@media(prefers-color-scheme:dark){box-shadow:0 0 0 3px hsl(var(--hue-primary),50%,30%,.4)}}button[type=submit]{height:2.75rem;padding:0 1.25rem;font-size:.875rem;font-weight:500;border-radius:.5rem;background:var(--color-primary-600);color:#fff;border:none;white-space:nowrap}}.messages-container{flex:1;overflow-y:auto;padding:var(--chat-padding);display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.message-box{max-width:75%;border-radius:var(--message-border-radius);padding:var(--message-padding);box-shadow:var(--shadow-sm)}.user-message{width:fit-content;margin-left:auto;max-width:90vw;background:var(--color-primary-600);color:#fff;border-radius:var(--message-border-radius) var(--message-border-radius) 4px var(--message-border-radius);line-height:1.5;padding:1rem;font-size:.9375rem}.assistant-message{background:#fff;padding:1rem;width:fit-content;max-width:90vw;margin-right:auto;color:hsl(var(--hue-gray),5%,16%);border-radius:var(--message-border-radius) var(--message-border-radius) var(--message-border-radius) 4px;border:1px solid hsl(var(--hue-gray),6%,92%);line-height:1.65;font-size:.9375rem}.assistant-message p{margin:0 0 .5em}.assistant-message p:last-child{margin-bottom:0}.assistant-message ul,.assistant-message ol{margin:.25em 0 .75em;padding-left:1.5em}.assistant-message code{background:hsl(var(--hue-gray),6%,93%);padding:.15em .4em;border-radius:.25rem;font-size:.85em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.assistant-message pre{background:hsl(var(--hue-gray),6%,96%);border:1px solid hsl(var(--hue-gray),6%,90%);border-radius:.5rem;padding:.75rem 1rem;overflow-x:auto;margin:.5em 0}.assistant-message pre code{background:none;padding:0;font-size:.8125rem;line-height:1.6}@media(prefers-color-scheme:dark){.assistant-message{background-color:var(--color-gray-800);color:hsl(var(--hue-gray),5%,90%);border-color:var(--color-gray-700)}.assistant-message code{background:var(--color-gray-700)}.assistant-message pre{background:var(--color-gray-900);border-color:var(--color-gray-700)}}body{overflow-x:hidden;max-width:100vw;min-height:100vh;background-color:#cbd4cb!important;@media(prefers-color-scheme:dark){background-color:var(--color-gray-900)!important}}body,html{margin:0;padding:0}main{padding-top:calc(var(--header-height) * 2)}.panel{background-color:#fff;border-radius:6px;border:1px solid var(--color-gray-400);height:fit-content;padding:5rem;width:fit-content;margin:0 auto;display:flex;flex-direction:column;text-align:center;@media(prefers-color-scheme:dark){border:1px solid var(--color-gray-700);background-color:var(--color-gray-800)}}textarea{border-radius:6px}.btn{padding:.5em 2rem;border-radius:50rem;width:fit-content;background-color:var(--color-primary-600);color:#fff;display:flex;align-items:center}.btn,button:not(.tab){transition:.3s;cursor:pointer;border-radius:.5rem;display:flex;gap:.5em;align-items:center;padding:.5rem}.btn:focus:not(:disabled):not(.exclude),button:focus:not(:disabled):not(.exclude),.btn:hover:not(:disabled):not(.exclude),button:hover:not(:disabled):not(.exclude){box-shadow:2px 5px 3px gray;transform:translateY(-5px);transition:.3s ease;color:#000!important;@media(prefers-color-scheme:dark){box-shadow:2px 5px 3px var(--color-gray-700);color:var(--bg-color, white)!important}}.btn:focus:not(:disabled):not(.exclude):not(.tab),button:focus:not(:disabled):not(.exclude):not(.tab),.btn:hover:not(:disabled):not(.exclude):not(.tab),button:hover:not(:disabled):not(.exclude):not(.tab){color:var(--bg-color, white)!important}a{text-decoration:inherit;&:hover{color:var(--highlight)}}input{color:#000}.graydient{background:linear-gradient(to bottom,hsl(var(--hue-gray),6%,90%),hsl(var(--hue-gray),5%,96%));@media(prefers-color-scheme:dark){background:linear-gradient(to bottom,var(--color-gray-800),var(--color-gray-700))}}.modal-content{position:relative;max-height:calc(95vh - calc(var(--header-height) * 2));width:calc(95vw - calc(var(--header-height) * 2));background:#fff;padding:1.5rem;border-radius:.75rem;overflow:auto;margin:auto;@media(prefers-color-scheme:dark){background:var(--color-gray-800)}}.modal-title{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem;padding-right:1.5rem;@media(prefers-color-scheme:dark){color:#fff}}.modal-message{color:var(--color-gray-600);margin-bottom:1.5rem;@media(prefers-color-scheme:dark){color:var(--color-gray-300)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;font-size:1.5rem;line-height:1;border:none;background:none;cursor:pointer;color:var(--color-gray-400);&:hover{color:var(--color-gray-600);@media(prefers-color-scheme:dark){color:var(--color-gray-200)}}}.modal-label{display:flex;flex-direction:column;margin:0 auto}.modal-label-text{display:flex;flex-direction:row;gap:.25rem;color:var(--color-gray-600);@media(prefers-color-scheme:dark){color:var(--color-gray-300)}}.modal-actions{display:flex;margin-top:1rem;gap:.75rem}.modal-cancel-btn{padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--color-gray-300);color:var(--color-gray-700);background:transparent;&:hover{background:var(--color-primary-700);border-color:transparent;color:#fff}@media(prefers-color-scheme:dark){border-color:var(--color-gray-600);color:var(--color-gray-300)}}.modal-confirm-btn{padding:.5rem 1rem;border-radius:.5rem;background:#dc2626;color:#fff;border:none;&:hover:not(:disabled){background:#b91c1c}&:disabled{opacity:.5}}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}