/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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}}}@layer theme{:root,:host{--font-sans:"Thmanyah Sans", "Segoe UI", Tahoma, Arial, 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-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--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-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--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:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@font-face{font-family:Thmanyah Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/thmanyah/thmanyahsans-Light.woff2)format("woff2")}@font-face{font-family:Thmanyah Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/thmanyah/thmanyahsans-Regular.woff2)format("woff2")}@font-face{font-family:Thmanyah Sans;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/thmanyah/thmanyahsans-Medium.woff2)format("woff2")}@font-face{font-family:Thmanyah Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/thmanyah/thmanyahsans-Bold.woff2)format("woff2")}@font-face{font-family:Thmanyah Sans;font-style:normal;font-weight:800 900;font-display:swap;src:url(/fonts/thmanyah/thmanyahsans-Black.woff2)format("woff2")}:root{--font-app:"Thmanyah Sans", "Segoe UI", Tahoma, Arial, ui-sans-serif, system-ui, sans-serif;--color-primary:13 148 136;--color-primary-strong:15 118 110;--color-primary-contrast:255 255 255;--color-primary-soft:240 253 250;--color-secondary:63 63 70;--color-secondary-contrast:255 255 255;--color-secondary-soft:244 244 245;--color-success:22 163 74;--color-success-soft:240 253 244;--color-danger:225 29 72;--color-danger-soft:255 241 242;--color-warning:217 119 6;--color-warning-soft:255 251 235;--color-info:79 70 229;--color-info-soft:238 242 255;--color-background:250 250 249;--color-backdrop:9 9 11;--color-surface:255 255 255;--color-surface-muted:244 244 245;--color-card:255 255 255;--color-border:228 228 231;--color-text:9 9 11;--color-text-muted:82 82 91;--color-text-soft:113 113 122;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.5rem;--shadow-card:0 1px 2px 0 #09090b0d;--focus-ring:0 0 0 4px rgb(var(--color-primary) / .12)}html.dark{--color-primary:45 212 191;--color-primary-strong:20 184 166;--color-primary-contrast:9 9 11;--color-primary-soft:19 78 74;--color-secondary:212 212 216;--color-secondary-contrast:24 24 27;--color-secondary-soft:39 39 42;--color-success:74 222 128;--color-success-soft:20 83 45;--color-danger:251 113 133;--color-danger-soft:76 5 25;--color-warning:251 191 36;--color-warning-soft:69 26 3;--color-info:129 140 248;--color-info-soft:49 46 129;--color-background:9 9 11;--color-backdrop:0 0 0;--color-surface:24 24 27;--color-surface-muted:39 39 42;--color-card:24 24 27;--color-border:39 39 42;--color-text:250 250 250;--color-text-muted:212 212 216;--color-text-soft:161 161 170;--shadow-card:0 1px 2px 0 #00000040;--focus-ring:0 0 0 4px rgb(var(--color-primary) / .16)}:root{--space-panel:1.5rem;--space-section:1.5rem;--space-control-x:1rem;--space-control-y:.625rem}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-app);letter-spacing:0;background-color:rgb(var(--color-background));color:rgb(var(--color-text))}}@layer components{.ui-tone-primary{color:rgb(var(--color-primary));background-color:rgb(var(--color-primary-soft))}.ui-tone-secondary{color:rgb(var(--color-secondary));background-color:rgb(var(--color-secondary-soft))}.ui-tone-success{color:rgb(var(--color-success));background-color:rgb(var(--color-success-soft))}.ui-tone-danger{color:rgb(var(--color-danger));background-color:rgb(var(--color-danger-soft))}.ui-tone-warning{color:rgb(var(--color-warning));background-color:rgb(var(--color-warning-soft))}.ui-tone-info{color:rgb(var(--color-info));background-color:rgb(var(--color-info-soft))}.ui-tone-neutral{color:rgb(var(--color-text-muted));background-color:rgb(var(--color-surface-muted))}.ui-automation-check{border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);background-color:rgb(var(--color-surface));min-height:2.75rem;color:rgb(var(--color-text));align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;font-weight:600;display:flex}.ui-button{border-radius:var(--radius-md);min-height:2.75rem;padding:var(--space-control-y) var(--space-control-x);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.ui-button:focus{box-shadow:var(--focus-ring);outline:none}.ui-button-primary{color:rgb(var(--color-primary-contrast));background-color:rgb(var(--color-primary))}.ui-button-primary:hover{background-color:rgb(var(--color-primary-strong))}.ui-button-secondary{color:rgb(var(--color-text));background-color:rgb(var(--color-surface));border:1px solid rgb(var(--color-border))}.ui-button-secondary:hover{background-color:rgb(var(--color-surface-muted))}.ui-button-danger{color:#fff;background-color:rgb(var(--color-danger))}.ui-button-danger:hover{background-color:rgb(var(--color-danger) / .88)}.ui-icon-button{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:rgb(var(--color-text-muted));background-color:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));justify-content:center;align-items:center;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.ui-icon-button:hover{color:rgb(var(--color-text));background-color:rgb(var(--color-surface-muted))}.ui-icon-button:focus{box-shadow:var(--focus-ring);outline:none}.ui-card{border:0px solid rgb(var(--color-border));border-radius:var(--radius-lg);background-color:rgb(var(--color-card));box-shadow:var(--shadow-card)}.ui-card-padded{padding:var(--space-panel)}.ui-panel{border:0 solid rgb(var(--color-border));border-radius:var(--radius-lg);background-color:#ededf5}.dark .ui-panel{border:1px solid rgb(var(--color-border));background-color:rgb(var(--color-card))}.ui-brand-mark{color:rgb(var(--color-primary-contrast));background-color:rgb(var(--color-primary));box-shadow:0 10px 20px rgb(var(--color-primary) / .18)}.ui-contact-tag{border:1px solid rgb(var(--color-border));background-color:rgb(var(--color-surface));min-height:2rem;color:rgb(var(--color-text));border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.ui-contact-tag-dot{background-color:rgb(var(--color-primary));border-radius:999px;flex:none;width:.625rem;height:.625rem}.ui-contact-tag-remove{width:1.25rem;height:1.25rem;color:rgb(var(--color-text-muted));border-radius:999px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.ui-contact-tag-remove:hover{color:rgb(var(--color-danger));background-color:rgb(var(--color-danger-soft))}.ui-contact-note,.ui-contact-conversation{border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);background-color:rgb(var(--color-surface));padding:1rem;display:block}.ui-contact-conversation{transition:background-color .15s,border-color .15s}.ui-contact-conversation:hover{border-color:rgb(var(--color-primary) / .45);background-color:rgb(var(--color-primary-soft))}.ui-copilot-result,.ui-copilot-operation,.ui-copilot-structured-item{border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);background-color:rgb(var(--color-surface))}.ui-copilot-result,.ui-copilot-operation{padding:1rem}.ui-copilot-operation{flex-direction:column;gap:.875rem;display:flex}.ui-copilot-structured-item{padding:.875rem}.ui-field-label{color:rgb(var(--color-text-muted));margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.ui-input,.ui-select{border-radius:var(--radius-md);border:1px solid rgb(var(--color-border));background-color:rgb(var(--color-surface));width:100%;min-height:2.75rem;color:rgb(var(--color-text));outline:none;padding:.625rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:block}.ui-input:focus,.ui-select:focus{border-color:rgb(var(--color-primary));box-shadow:var(--focus-ring)}.ui-input-invalid{border-color:rgb(var(--color-danger))}.ui-input-error{color:rgb(var(--color-danger));font-size:.875rem}.ui-checkbox{border-radius:var(--radius-sm);border:1px solid rgb(var(--color-border));width:1rem;height:1rem;color:rgb(var(--color-primary));background-color:rgb(var(--color-surface))}.ui-checkbox:focus{box-shadow:var(--focus-ring);outline:none}.ui-inbox-shell{gap:1rem;display:grid}.ui-inbox-list{min-width:0}.ui-inbox-empty-pane{min-height:30rem}.ui-inbox-filter{border-radius:var(--radius-md);min-height:2rem;color:rgb(var(--color-text-muted));background-color:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));align-items:center;padding:.375rem .625rem;font-size:.75rem;font-weight:700;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.ui-inbox-filter:hover,.ui-inbox-filter.is-active{color:rgb(var(--color-primary));border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary-soft))}.ui-conversation-item{border-bottom:1px solid rgb(var(--color-border));padding:1rem;transition:background-color .15s;display:block}.ui-conversation-item:hover,.ui-conversation-item.is-active{background-color:rgb(var(--color-surface-muted))}.ui-unread-count{min-width:1.5rem;height:1.5rem;color:rgb(var(--color-primary-contrast));background-color:rgb(var(--color-primary));border-radius:999px;justify-content:center;align-items:center;padding-inline:.375rem;font-size:.75rem;font-weight:800;display:inline-flex}.ui-message-stream{background-color:rgb(var(--color-background));flex-direction:column;gap:1rem;min-height:26rem;max-height:46rem;padding:1.25rem;display:flex;overflow-y:auto}.ui-message-row{display:flex}.ui-message-row.is-inbound{justify-content:flex-start}.ui-message-row.is-outbound{justify-content:flex-end}.ui-message-bubble{border-radius:var(--radius-lg);border:1px solid rgb(var(--color-border));max-width:min(38rem,88%);box-shadow:var(--shadow-card);padding:.875rem 1rem}.ui-message-bubble.is-inbound{color:rgb(var(--color-text));background-color:rgb(var(--color-card))}.ui-message-bubble.is-outbound{color:rgb(var(--color-text));background-color:rgb(var(--color-primary-soft));border-color:rgb(var(--color-primary) / .3)}.ui-ai-suggestion-text{color:rgb(var(--color-text));background-color:rgb(var(--color-surface-muted));border-color:rgb(var(--color-border));white-space:pre-wrap}@media (width>=1024px){.ui-inbox-shell{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start}.ui-inbox-list{position:sticky;top:5.5rem}}.ui-table{border-collapse:collapse;width:100%;font-size:.875rem}.ui-table th{color:rgb(var(--color-text-soft));text-align:start;font-weight:600}.ui-table th,.ui-table td{border-bottom:1px solid rgb(var(--color-border));padding:.75rem 1rem}.ui-timeline-event{border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);background-color:rgb(var(--color-surface));grid-template-columns:2.5rem minmax(0,1fr);gap:.875rem;padding:1rem;display:grid}.ui-timeline-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.ui-app-shell{background-color:rgb(var(--color-background));min-height:100vh;color:rgb(var(--color-text))}.ui-surface{background-color:rgb(var(--color-surface));color:rgb(var(--color-text))}.ui-muted-surface{background-color:rgb(var(--color-surface-muted))}.ui-border{border-color:rgb(var(--color-border))}.ui-text-muted{color:rgb(var(--color-text-muted))}.ui-text-soft{color:rgb(var(--color-text-soft))}.auth-visual-panel{color:#fff;background:linear-gradient(135deg,#0f172afa,#18181b 58%,#1c1917f5)}.ui-dropdown-panel{border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);background-color:rgb(var(--color-card));box-shadow:0 16px 40px #0000001f}.ui-divider{border-color:rgb(var(--color-border))}.ui-backdrop{background-color:rgb(var(--color-backdrop) / .4)}.ui-language-switcher{border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);background-color:rgb(var(--color-surface));box-shadow:var(--shadow-card);padding:.25rem;display:inline-flex}.ui-language-option{border-radius:var(--radius-sm);min-width:2.25rem;color:rgb(var(--color-text-muted));padding:.375rem .625rem;font-size:.75rem;font-weight:700;transition:background-color .15s,color .15s}.ui-language-option:hover{background-color:rgb(var(--color-surface-muted))}.ui-language-option.is-active{color:rgb(var(--color-primary-contrast));background-color:rgb(var(--color-primary))}.ui-nav-link{border-radius:var(--radius-md);color:rgb(var(--color-text-muted));align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:600;transition:background-color .15s,color .15s;display:flex}.ui-nav-link:hover{color:rgb(var(--color-text));background-color:rgb(var(--color-surface-muted))}.ui-nav-link.is-active{color:rgb(var(--color-primary));background-color:rgb(var(--color-primary-soft))}.ui-nav-link.is-disabled{cursor:not-allowed;color:rgb(var(--color-text-soft));opacity:.65}.ui-topbar{border-bottom:1px solid rgb(var(--color-border));background-color:rgb(var(--color-background) / .9)}.ui-sidebar{border-inline-end:1px solid rgb(var(--color-border));background-color:rgb(var(--color-surface))}.ui-link{color:rgb(var(--color-primary));font-weight:600}.ui-link:hover{color:rgb(var(--color-primary-strong))}[data-dashboard-sidebar]{transform:translate(-100%)}[dir=rtl] [data-dashboard-sidebar]{transform:translate(100%)}[data-dashboard-sidebar].is-open{transform:translate(0)}@media (width>=1024px){[data-dashboard-sidebar],[dir=rtl] [data-dashboard-sidebar]{transform:translate(0)}}}@layer utilities{.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:0}.inset-y-0{inset-block:0}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.top-0{top:0}.top-12{top:calc(var(--spacing) * 12)}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-5{margin:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.ms-auto{margin-inline-start:auto}.-mt-px{margin-top:-1px}.mt-1{margin-top:var(--spacing)}.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-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.-ml-px{margin-left:-1px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.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-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.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-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-64{height:calc(var(--spacing) * 64)}.h-full{height:100%}.max-h-\[680px\]{max-height:680px}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.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-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-64{width:calc(var(--spacing) * 64)}.w-\[280px\]{width:280px}.w-auto{width:auto}.w-full{width:100%}.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-28{max-width:calc(var(--spacing) * 28)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-64{min-width:calc(var(--spacing) * 64)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.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)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * 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)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1{padding-block:var(--spacing)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-black{color:var(--color-black)}.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-gray-900{color:var(--color-gray-900)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.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)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.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{--tw-backdrop-blur:blur(8px);-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-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,)}.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,-webkit-backdrop-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-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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring: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\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media (width>=40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:w-auto{width:auto}.sm\:flex-1{flex:1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:pt-0{padding-top:0}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.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-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}}@media (width>=64rem){.lg\:static{position:static}.lg\:z-auto{z-index:auto}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[280px_minmax\(0\,1fr\)\]{grid-template-columns:280px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,0\.65fr\)_minmax\(320px\,0\.35fr\)\]{grid-template-columns:minmax(0,.65fr) minmax(320px,.35fr)}.lg\:grid-cols-\[minmax\(0\,0\.68fr\)_minmax\(280px\,0\.32fr\)\]{grid-template-columns:minmax(0,.68fr) minmax(280px,.32fr)}.lg\:grid-cols-\[minmax\(0\,0\.72fr\)_minmax\(280px\,0\.28fr\)\]{grid-template-columns:minmax(0,.72fr) minmax(280px,.28fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_220px_auto\]{grid-template-columns:minmax(0,1fr) 220px auto}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(420px\,520px\)\]{grid-template-columns:minmax(0,1fr) minmax(420px,520px)}.lg\:flex-col{flex-direction:column}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width>=80rem){.xl\:sticky{position:sticky}.xl\:top-24{top:calc(var(--spacing) * 24)}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,0\.58fr\)_minmax\(360px\,0\.42fr\)\]{grid-template-columns:minmax(0,.58fr) minmax(360px,.42fr)}.xl\:grid-cols-\[minmax\(0\,0\.62fr\)_minmax\(340px\,0\.38fr\)\]{grid-template-columns:minmax(0,.62fr) minmax(340px,.38fr)}.xl\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(320px\,0\.65fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(320px\,0\.36fr\)\]{grid-template-columns:minmax(0,1fr) minmax(320px,.36fr)}}.rtl\:flex-row-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:inline:where(.dark,.dark *){display:inline}.dark\:border-gray-600:where(.dark,.dark *){border-color:var(--color-gray-600)}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-600:where(.dark,.dark *){color:var(--color-gray-600)}@media (hover:hover){.dark\:hover\:bg-gray-900:where(.dark,.dark *):hover{background-color:var(--color-gray-900)}.dark\:hover\:text-gray-200:where(.dark,.dark *):hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:where(.dark,.dark *):focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:where(.dark,.dark *):focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:where(.dark,.dark *):active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:where(.dark,.dark *):active{color:var(--color-gray-300)}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}


@layer base {
    @font-face {
        font-family: 'Thmanyah Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url('/fonts/thmanyah/thmanyahsans-Light.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Thmanyah Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url('/fonts/thmanyah/thmanyahsans-Regular.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Thmanyah Sans';
        font-style: normal;
        font-weight: 500 600;
        font-display: swap;
        src: url('/fonts/thmanyah/thmanyahsans-Medium.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Thmanyah Sans';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url('/fonts/thmanyah/thmanyahsans-Bold.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Thmanyah Sans';
        font-style: normal;
        font-weight: 800 900;
        font-display: swap;
        src: url('/fonts/thmanyah/thmanyahsans-Black.woff2') format('woff2');
    }

    :root {
        --font-app: 'Thmanyah Sans', 'Segoe UI', Tahoma, Arial, ui-sans-serif, system-ui, sans-serif;

        --color-primary: 13 148 136;
        --color-primary-strong: 15 118 110;
        --color-primary-contrast: 255 255 255;
        --color-primary-soft: 240 253 250;

        --color-secondary: 63 63 70;
        --color-secondary-contrast: 255 255 255;
        --color-secondary-soft: 244 244 245;

        --color-success: 22 163 74;
        --color-success-soft: 240 253 244;
        --color-danger: 225 29 72;
        --color-danger-soft: 255 241 242;
        --color-warning: 217 119 6;
        --color-warning-soft: 255 251 235;
        --color-info: 79 70 229;
        --color-info-soft: 238 242 255;

        --color-background: 250 250 249;
        --color-backdrop: 9 9 11;
        --color-surface: 255 255 255;
        --color-surface-muted: 244 244 245;
        --color-card: 255 255 255;
        --color-border: 228 228 231;
        --color-text: 9 9 11;
        --color-text-muted: 82 82 91;
        --color-text-soft: 113 113 122;

        --radius-sm: 0.375rem;
        --radius-md: 0.5rem;
        --radius-lg: 0.5rem;

        --shadow-card: 0 1px 2px 0 rgb(9 9 11 / 0.05);
        --focus-ring: 0 0 0 4px rgb(var(--color-primary) / 0.12);
    }

    html.dark {
        --color-primary: 45 212 191;
        --color-primary-strong: 20 184 166;
        --color-primary-contrast: 9 9 11;
        --color-primary-soft: 19 78 74;

        --color-secondary: 212 212 216;
        --color-secondary-contrast: 24 24 27;
        --color-secondary-soft: 39 39 42;

        --color-success: 74 222 128;
        --color-success-soft: 20 83 45;
        --color-danger: 251 113 133;
        --color-danger-soft: 76 5 25;
        --color-warning: 251 191 36;
        --color-warning-soft: 69 26 3;
        --color-info: 129 140 248;
        --color-info-soft: 49 46 129;

        --color-background: 9 9 11;
        --color-backdrop: 0 0 0;
        --color-surface: 24 24 27;
        --color-surface-muted: 39 39 42;
        --color-card: 24 24 27;
        --color-border: 39 39 42;
        --color-text: 250 250 250;
        --color-text-muted: 212 212 216;
        --color-text-soft: 161 161 170;

        --shadow-card: 0 1px 2px 0 rgb(0 0 0 / 0.25);
        --focus-ring: 0 0 0 4px rgb(var(--color-primary) / 0.16);
    }
}


@layer components {
    .ui-tone-primary {
        color: rgb(var(--color-primary));
        background-color: rgb(var(--color-primary-soft));
    }

    .ui-tone-secondary {
        color: rgb(var(--color-secondary));
        background-color: rgb(var(--color-secondary-soft));
    }

    .ui-tone-success {
        color: rgb(var(--color-success));
        background-color: rgb(var(--color-success-soft));
    }

    .ui-tone-danger {
        color: rgb(var(--color-danger));
        background-color: rgb(var(--color-danger-soft));
    }

    .ui-tone-warning {
        color: rgb(var(--color-warning));
        background-color: rgb(var(--color-warning-soft));
    }

    .ui-tone-info {
        color: rgb(var(--color-info));
        background-color: rgb(var(--color-info-soft));
    }

    .ui-tone-neutral {
        color: rgb(var(--color-text-muted));
        background-color: rgb(var(--color-surface-muted));
    }
}


@layer base {
    :root {
        --space-panel: 1.5rem;
        --space-section: 1.5rem;
        --space-control-x: 1rem;
        --space-control-y: 0.625rem;
    }
}


@layer base {
    html {
        color-scheme: light;
    }

    html.dark {
        color-scheme: dark;
    }

    body {
        font-family: var(--font-app);
        letter-spacing: 0;
        background-color: rgb(var(--color-background));
        color: rgb(var(--color-text));
    }
}


@layer components {
    .ui-automation-check {
        display: flex;
        min-height: 2.75rem;
        align-items: center;
        gap: 0.625rem;
        border: 1px solid rgb(var(--color-border));
        border-radius: var(--radius-md);
        background-color: rgb(var(--color-surface));
        padding: 0.625rem 0.75rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: rgb(var(--color-text));
    }
}


@layer components {
    .ui-button {
        display: inline-flex;
        min-height: 2.75rem;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        border-radius: var(--radius-md);
        padding: var(--space-control-y) var(--space-control-x);
        font-size: 0.875rem;
        font-weight: 600;
        transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
    }

    .ui-button:focus {
        outline: none;
        box-shadow: var(--focus-ring);
    }

    .ui-button-primary {
        color: rgb(var(--color-primary-contrast));
        background-color: rgb(var(--color-primary));
    }

    .ui-button-primary:hover {
        background-color: rgb(var(--color-primary-strong));
    }

    .ui-button-secondary {
        color: rgb(var(--color-text));
        background-color: rgb(var(--color-surface));
        border: 1px solid rgb(var(--color-border));
    }

    .ui-button-secondary:hover {
        background-color: rgb(var(--color-surface-muted));
    }

    .ui-button-danger {
        color: rgb(255 255 255);
        background-color: rgb(var(--color-danger));
    }

    .ui-button-danger:hover {
        background-color: rgb(var(--color-danger) / 0.88);
    }

    .ui-icon-button {
        display: inline-flex;
        width: 2.5rem;
        height: 2.5rem;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-md);
        color: rgb(var(--color-text-muted));
        background-color: rgb(var(--color-surface));
        border: 1px solid rgb(var(--color-border));
        transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
    }

    .ui-icon-button:hover {
        color: rgb(var(--color-text));
        background-color: rgb(var(--color-surface-muted));
    }

    .ui-icon-button:focus {
        outline: none;
        box-shadow: var(--focus-ring);
    }
}


@layer components {
    .ui-card {
        border: 0px solid rgb(var(--color-border));
        border-radius: var(--radius-lg);
        background-color: rgb(var(--color-card));
        box-shadow: var(--shadow-card);
    }

    .ui-card-padded {
        padding: var(--space-panel);
    }

    .ui-panel {
        border: 0 solid rgb(var(--color-border));
        border-radius: var(--radius-lg);
        background-color: rgb(237 237 245);
    }

    .dark .ui-panel {
        border: 1px solid rgb(var(--color-border));
        background-color: rgb(var(--color-card));
    }

    .ui-brand-mark {
        color: rgb(var(--color-primary-contrast));
        background-color: rgb(var(--color-primary));
        box-shadow: 0 10px 20px rgb(var(--color-primary) / 0.18);
    }
}


@layer components {
    .ui-contact-tag {
        display: inline-flex;
        min-height: 2rem;
        align-items: center;
        gap: 0.45rem;
        border-radius: 999px;
        border: 1px solid rgb(var(--color-border));
        background-color: rgb(var(--color-surface));
        color: rgb(var(--color-text));
        padding: 0.25rem 0.625rem;
        font-size: 0.75rem;
        font-weight: 700;
    }

    .ui-contact-tag-dot {
        width: 0.625rem;
        height: 0.625rem;
        flex: 0 0 auto;
        border-radius: 999px;
        background-color: rgb(var(--color-primary));
    }

    .ui-contact-tag-remove {
        display: inline-flex;
        width: 1.25rem;
        height: 1.25rem;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        color: rgb(var(--color-text-muted));
        transition: background-color 150ms ease, color 150ms ease;
    }

    .ui-contact-tag-remove:hover {
        color: rgb(var(--color-danger));
        background-color: rgb(var(--color-danger-soft));
    }

    .ui-contact-note,
    .ui-contact-conversation {
        display: block;
        border: 1px solid rgb(var(--color-border));
        border-radius: var(--radius-lg);
        background-color: rgb(var(--color-surface));
        padding: 1rem;
    }

    .ui-contact-conversation {
        transition: background-color 150ms ease, border-color 150ms ease;
    }

    .ui-contact-conversation:hover {
        border-color: rgb(var(--color-primary) / 0.45);
        background-color: rgb(var(--color-primary-soft));
    }
}


@layer components {
    .ui-copilot-result,
    .ui-copilot-operation,
    .ui-copilot-structured-item {
        border: 1px solid rgb(var(--color-border));
        border-radius: var(--radius-lg);
        background-color: rgb(var(--color-surface));
    }

    .ui-copilot-result,
    .ui-copilot-operation {
        padding: 1rem;
    }

    .ui-copilot-operation {
        display: flex;
        flex-direction: column;
        gap: 0.875rem;
    }

    .ui-copilot-structured-item {
        padding: 0.875rem;
    }
}


@layer components {
    .ui-field-label {
        display: block;
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: rgb(var(--color-text-muted));
    }

    .ui-input,
    .ui-select {
        display: block;
        width: 100%;
        min-height: 2.75rem;
        border-radius: var(--radius-md);
        border: 1px solid rgb(var(--color-border));
        background-color: rgb(var(--color-surface));
        color: rgb(var(--color-text));
        padding: 0.625rem 0.75rem;
        font-size: 0.875rem;
        outline: none;
        transition: border-color 150ms ease, box-shadow 150ms ease;
    }

    .ui-input:focus,
    .ui-select:focus {
        border-color: rgb(var(--color-primary));
        box-shadow: var(--focus-ring);
    }

    .ui-input-invalid {
        border-color: rgb(var(--color-danger));
    }

    .ui-input-error {
        color: rgb(var(--color-danger));
        font-size: 0.875rem;
    }

    .ui-checkbox {
        width: 1rem;
        height: 1rem;
        border-radius: var(--radius-sm);
        border: 1px solid rgb(var(--color-border));
        color: rgb(var(--color-primary));
        background-color: rgb(var(--color-surface));
    }

    .ui-checkbox:focus {
        outline: none;
        box-shadow: var(--focus-ring);
    }
}


@layer components {
    .ui-inbox-shell {
        display: grid;
        gap: 1rem;
    }

    .ui-inbox-list {
        min-width: 0;
    }

    .ui-inbox-empty-pane {
        min-height: 30rem;
    }

    .ui-inbox-filter {
        display: inline-flex;
        min-height: 2rem;
        align-items: center;
        border-radius: var(--radius-md);
        padding: 0.375rem 0.625rem;
        font-size: 0.75rem;
        font-weight: 700;
        color: rgb(var(--color-text-muted));
        background-color: rgb(var(--color-surface));
        border: 1px solid rgb(var(--color-border));
        transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
    }

    .ui-inbox-filter:hover,
    .ui-inbox-filter.is-active {
        color: rgb(var(--color-primary));
        border-color: rgb(var(--color-primary));
        background-color: rgb(var(--color-primary-soft));
    }

    .ui-conversation-item {
        display: block;
        border-bottom: 1px solid rgb(var(--color-border));
        padding: 1rem;
        transition: background-color 150ms ease;
    }

    .ui-conversation-item:hover,
    .ui-conversation-item.is-active {
        background-color: rgb(var(--color-surface-muted));
    }

    .ui-unread-count {
        display: inline-flex;
        min-width: 1.5rem;
        height: 1.5rem;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding-inline: 0.375rem;
        font-size: 0.75rem;
        font-weight: 800;
        color: rgb(var(--color-primary-contrast));
        background-color: rgb(var(--color-primary));
    }

    .ui-message-stream {
        display: flex;
        min-height: 26rem;
        max-height: 46rem;
        flex-direction: column;
        gap: 1rem;
        overflow-y: auto;
        padding: 1.25rem;
        background-color: rgb(var(--color-background));
    }

    .ui-message-row {
        display: flex;
    }

    .ui-message-row.is-inbound {
        justify-content: flex-start;
    }

    .ui-message-row.is-outbound {
        justify-content: flex-end;
    }

    .ui-message-bubble {
        max-width: min(38rem, 88%);
        border-radius: var(--radius-lg);
        border: 1px solid rgb(var(--color-border));
        padding: 0.875rem 1rem;
        box-shadow: var(--shadow-card);
    }

    .ui-message-bubble.is-inbound {
        color: rgb(var(--color-text));
        background-color: rgb(var(--color-card));
    }

    .ui-message-bubble.is-outbound {
        color: rgb(var(--color-text));
        background-color: rgb(var(--color-primary-soft));
        border-color: rgb(var(--color-primary) / 0.3);
    }

    .ui-ai-suggestion-text {
        color: rgb(var(--color-text));
        background-color: rgb(var(--color-surface-muted));
        border-color: rgb(var(--color-border));
        white-space: pre-wrap;
    }

    @media (min-width: 1024px) {
        .ui-inbox-shell {
            grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
            align-items: start;
        }

        .ui-inbox-list {
            position: sticky;
            top: 5.5rem;
        }
    }
}


@layer components {
    .ui-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.875rem;
    }

    .ui-table th {
        color: rgb(var(--color-text-soft));
        font-weight: 600;
        text-align: start;
    }

    .ui-table th,
    .ui-table td {
        border-bottom: 1px solid rgb(var(--color-border));
        padding: 0.75rem 1rem;
    }
}


@layer components {
    .ui-timeline-event {
        display: grid;
        grid-template-columns: 2.5rem minmax(0, 1fr);
        gap: 0.875rem;
        border: 1px solid rgb(var(--color-border));
        border-radius: var(--radius-lg);
        background-color: rgb(var(--color-surface));
        padding: 1rem;
    }

    .ui-timeline-icon {
        display: inline-flex;
        width: 2.5rem;
        height: 2.5rem;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-md);
    }
}


@layer components {
    .ui-app-shell {
        min-height: 100vh;
        background-color: rgb(var(--color-background));
        color: rgb(var(--color-text));
    }

    .ui-surface {
        background-color: rgb(var(--color-surface));
        color: rgb(var(--color-text));
    }

    .ui-muted-surface {
        background-color: rgb(var(--color-surface-muted));
    }

    .ui-border {
        border-color: rgb(var(--color-border));
    }

    .ui-text-muted {
        color: rgb(var(--color-text-muted));
    }

    .ui-text-soft {
        color: rgb(var(--color-text-soft));
    }
}


@layer components {
    .auth-visual-panel {
        color: rgb(255 255 255);
        background:
            linear-gradient(135deg, rgb(15 23 42 / 0.98), rgb(24 24 27) 58%, rgb(28 25 23 / 0.96));
    }
}


@layer components {
    .ui-dropdown-panel {
        border: 1px solid rgb(var(--color-border));
        border-radius: var(--radius-lg);
        background-color: rgb(var(--color-card));
        box-shadow: 0 16px 40px rgb(0 0 0 / 0.12);
    }

    .ui-divider {
        border-color: rgb(var(--color-border));
    }

    .ui-backdrop {
        background-color: rgb(var(--color-backdrop) / 0.4);
    }

    .ui-language-switcher {
        display: inline-flex;
        border: 1px solid rgb(var(--color-border));
        border-radius: var(--radius-md);
        background-color: rgb(var(--color-surface));
        padding: 0.25rem;
        box-shadow: var(--shadow-card);
    }

    .ui-language-option {
        min-width: 2.25rem;
        border-radius: var(--radius-sm);
        padding: 0.375rem 0.625rem;
        font-size: 0.75rem;
        font-weight: 700;
        color: rgb(var(--color-text-muted));
        transition: background-color 150ms ease, color 150ms ease;
    }

    .ui-language-option:hover {
        background-color: rgb(var(--color-surface-muted));
    }

    .ui-language-option.is-active {
        color: rgb(var(--color-primary-contrast));
        background-color: rgb(var(--color-primary));
    }

    .ui-nav-link {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        border-radius: var(--radius-md);
        padding: 0.625rem 0.75rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: rgb(var(--color-text-muted));
        transition: background-color 150ms ease, color 150ms ease;
    }

    .ui-nav-link:hover {
        color: rgb(var(--color-text));
        background-color: rgb(var(--color-surface-muted));
    }

    .ui-nav-link.is-active {
        color: rgb(var(--color-primary));
        background-color: rgb(var(--color-primary-soft));
    }

    .ui-nav-link.is-disabled {
        cursor: not-allowed;
        color: rgb(var(--color-text-soft));
        opacity: 0.65;
    }

    .ui-topbar {
        border-bottom: 1px solid rgb(var(--color-border));
        background-color: rgb(var(--color-background) / 0.9);
    }

    .ui-sidebar {
        border-inline-end: 1px solid rgb(var(--color-border));
        background-color: rgb(var(--color-surface));
    }

    .ui-link {
        color: rgb(var(--color-primary));
        font-weight: 600;
    }

    .ui-link:hover {
        color: rgb(var(--color-primary-strong));
    }
}

@layer components {
    [data-dashboard-sidebar] {
        transform: translateX(-100%);
    }

    [dir='rtl'] [data-dashboard-sidebar] {
        transform: translateX(100%);
    }

    [data-dashboard-sidebar].is-open {
        transform: translateX(0);
    }

    @media (min-width: 1024px) {
        [data-dashboard-sidebar],
        [dir='rtl'] [data-dashboard-sidebar] {
            transform: translateX(0);
        }
    }
}