/*! tailwindcss v4.1.18 | 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-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-space-x-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-outline-style:solid;--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}}}@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-300:oklch(80.8% .114 19.571);--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-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--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-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--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-yellow-950:oklch(28.6% .066 53.813);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-800:oklch(45.3% .124 130.933);--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-300:oklch(87.1% .15 154.449);--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-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--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-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-800:oklch(39.8% .195 277.366);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-400:oklch(71.4% .203 305.504);--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-50:oklch(97.1% .014 343.198);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-100:oklch(94.1% .03 12.58);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--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-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--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-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:calc(2.25/1.875);--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-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,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;-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}::-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}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.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)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-6{top:calc(var(--spacing)*6)}.top-8{top:calc(var(--spacing)*8)}.top-10{top:calc(var(--spacing)*10)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-9{grid-column:span 9/span 9}.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}}.m-4{margin:calc(var(--spacing)*4)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.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)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.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)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.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-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.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}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.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-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-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[300px\]{max-height:300px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[44px\]{min-height:44px}.min-h-\[60px\]{min-height:60px}.min-h-\[600px\]{min-height:600px}.min-h-\[800px\]{min-height:800px}.min-h-screen{min-height:100vh}.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\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.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-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-\[100px\]{width:100px}.w-\[140px\]{width:140px}.w-\[180px\]{width:180px}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-32{max-width:calc(var(--spacing)*32)}.max-w-80{max-width:calc(var(--spacing)*80)}.max-w-\[90vw\]{max-width:90vw}.max-w-\[120px\]{max-width:120px}.max-w-\[200px\]{max-width:200px}.max-w-\[340px\]{max-width:340px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-32{min-width:calc(var(--spacing)*32)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[50px\]{min-width:50px}.min-w-\[60px\]{min-width:60px}.min-w-\[70px\]{min-width:70px}.min-w-\[120px\]{min-width:120px}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.min-w-max{min-width:-moz-max-content;min-width:max-content}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--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}.cursor-wait{cursor:wait}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.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-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.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-8{gap:calc(var(--spacing)*8)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-0\.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-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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*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-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-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.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-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.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-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.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-amber-200{border-color:var(--color-amber-200)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-current{border-color:currentColor}.border-cyan-200{border-color:var(--color-cyan-200)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.border-orange-200{border-color:var(--color-orange-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-t-blue-500{border-top-color:var(--color-blue-500)}.border-t-current{border-top-color:currentColor}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-green-500{border-left-color:var(--color-green-500)}.border-l-orange-500{border-left-color:var(--color-orange-500)}.border-l-pink-500{border-left-color:var(--color-pink-500)}.border-l-purple-500{border-left-color:var(--color-purple-500)}.border-l-red-500{border-left-color:var(--color-red-500)}.border-l-teal-500{border-left-color:var(--color-teal-500)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/30{background-color:#fffbeb4d}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/30{background-color:color-mix(in oklab,var(--color-amber-50)30%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/30{background-color:#eff6ff4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/30{background-color:color-mix(in oklab,var(--color-blue-50)30%,transparent)}}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/30{background-color:#ecfdf54d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/30{background-color:color-mix(in oklab,var(--color-emerald-50)30%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.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-300{background-color:var(--color-gray-300)}.bg-gray-300\/50{background-color:#d1d5dc80}@supports (color:color-mix(in lab, red, red)){.bg-gray-300\/50{background-color:color-mix(in oklab,var(--color-gray-300)50%,transparent)}}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-50\/30{background-color:#f0fdf44d}@supports (color:color-mix(in lab, red, red)){.bg-green-50\/30{background-color:color-mix(in oklab,var(--color-green-50)30%,transparent)}}.bg-green-50\/50{background-color:#f0fdf480}@supports (color:color-mix(in lab, red, red)){.bg-green-50\/50{background-color:color-mix(in oklab,var(--color-green-50)50%,transparent)}}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/5{background-color:#00c7580d}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/5{background-color:color-mix(in oklab,var(--color-green-500)5%,transparent)}}.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-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-lime-500{background-color:var(--color-lime-500)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-50\/50{background-color:#fff7ed80}@supports (color:color-mix(in lab, red, red)){.bg-orange-50\/50{background-color:color-mix(in oklab,var(--color-orange-50)50%,transparent)}}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-50\/50{background-color:#fdf2f880}@supports (color:color-mix(in lab, red, red)){.bg-pink-50\/50{background-color:color-mix(in oklab,var(--color-pink-50)50%,transparent)}}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-50\/50{background-color:#faf5ff80}@supports (color:color-mix(in lab, red, red)){.bg-purple-50\/50{background-color:color-mix(in oklab,var(--color-purple-50)50%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\/30{background-color:#fef2f24d}@supports (color:color-mix(in lab, red, red)){.bg-red-50\/30{background-color:color-mix(in oklab,var(--color-red-50)30%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-800{background-color:var(--color-red-800)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-teal-50\/50{background-color:#f0fdfa80}@supports (color:color-mix(in lab, red, red)){.bg-teal-50\/50{background-color:color-mix(in oklab,var(--color-teal-50)50%,transparent)}}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--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-blue-500{--tw-gradient-from:var(--color-blue-500);--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-green-400{--tw-gradient-from:var(--color-green-400);--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-red-50{--tw-gradient-from:var(--color-red-50);--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-blue-600{--tw-gradient-to:var(--color-blue-600);--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-emerald-600{--tw-gradient-to:var(--color-emerald-600);--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-indigo-50{--tw-gradient-to:var(--color-indigo-50);--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-rose-100{--tw-gradient-to:var(--color-rose-100);--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))}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.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)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.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)}.px-8{padding-inline:calc(var(--spacing)*8)}.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-2\.5{padding-block:calc(var(--spacing)*2.5)}.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-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-11{padding-top:calc(var(--spacing)*11)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.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-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-\[0\.8rem\]{font-size:.8rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.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-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-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.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-blue-900{color:var(--color-blue-900)}.text-current{color:currentColor}.text-cyan-600{color:var(--color-cyan-600)}.text-cyan-800{color:var(--color-cyan-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.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)}.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-green-900{color:var(--color-green-900)}.text-indigo-800{color:var(--color-indigo-800)}.text-lime-800{color:var(--color-lime-800)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.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-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-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-800{color:var(--color-teal-800)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.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,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--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-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-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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--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-blue-500{--tw-ring-color:var(--color-blue-500)}.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)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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-none{--tw-backdrop-blur: ;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));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{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-none{backdrop-filter:none}.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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.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\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:mr-4::file-selector-button{margin-right:calc(var(--spacing)*4)}.file\:cursor-pointer::file-selector-button{cursor:pointer}.file\:rounded-md::file-selector-button{border-radius:var(--radius-md)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing)*4)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing)*2)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}@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\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-500\/20:hover{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/20:hover{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-cyan-100:hover{background-color:var(--color-cyan-100)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-orange-100:hover{background-color:var(--color-orange-100)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-green-700:hover{color:var(--color-green-700)}.hover\:text-purple-700:hover{color:var(--color-purple-700)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:ring-2:hover{--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)}.hover\:ring-blue-300:hover{--tw-ring-color:var(--color-blue-300)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-red-50:focus{background-color:var(--color-red-50)}.focus\:text-red-600:focus{color:var(--color-red-600)}.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-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-orange-500:focus{--tw-ring-color:var(--color-orange-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-offset-1:focus{--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)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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-visible\:ring-2:focus-visible{--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-visible\:ring-\[3px\]:focus-visible{--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)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-red-200:focus-visible{--tw-ring-color:var(--color-red-200)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.data-\[active\]\:shadow[data-active]{--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)}@media (min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:min-h-\[auto\]{min-height:auto}.sm\:w-80{width:calc(var(--spacing)*80)}.sm\:w-auto{width:auto}.sm\:max-w-\[500px\]{max-width:500px}.sm\:max-w-\[600px\]{max-width:600px}.sm\:max-w-\[900px\]{max-width:900px}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:py-1{padding-block:calc(var(--spacing)*1)}.sm\:py-2{padding-block:calc(var(--spacing)*2)}}@media (min-width:48rem){.md\:mr-2{margin-right:calc(var(--spacing)*2)}.md\:h-9{height:calc(var(--spacing)*9)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:pb-6{padding-bottom:calc(var(--spacing)*6)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:contents{display:contents}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:w-64{width:calc(var(--spacing)*64)}.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\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}@media (min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-green-700{border-color:var(--color-green-700)}.dark\:border-red-600{border-color:var(--color-red-600)}.dark\:border-red-700{border-color:var(--color-red-700)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:border-red-900\/30{border-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-900\/30{border-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:border-slate-700{border-color:var(--color-slate-700)}.dark\:border-yellow-700{border-color:var(--color-yellow-700)}.dark\:bg-amber-950\/50{background-color:#46190180}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/50{background-color:color-mix(in oklab,var(--color-amber-950)50%,transparent)}}.dark\:bg-blue-900{background-color:var(--color-blue-900)}.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\:bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-blue-950{background-color:var(--color-blue-950)}.dark\:bg-blue-950\/30{background-color:#1624564d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/30{background-color:color-mix(in oklab,var(--color-blue-950)30%,transparent)}}.dark\:bg-blue-950\/50{background-color:#16245680}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/50{background-color:color-mix(in oklab,var(--color-blue-950)50%,transparent)}}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-gray-900\/30{background-color:#1018284d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-900\/30{background-color:color-mix(in oklab,var(--color-gray-900)30%,transparent)}}.dark\:bg-gray-900\/50{background-color:#10182880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-900\/50{background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)}}.dark\:bg-green-900{background-color:var(--color-green-900)}.dark\:bg-green-900\/20{background-color:#0d542b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/20{background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark\:bg-green-950{background-color:var(--color-green-950)}.dark\:bg-green-950\/20{background-color:#032e1533}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-950\/20{background-color:color-mix(in oklab,var(--color-green-950)20%,transparent)}}.dark\:bg-green-950\/50{background-color:#032e1580}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-950\/50{background-color:color-mix(in oklab,var(--color-green-950)50%,transparent)}}.dark\:bg-orange-900\/20{background-color:#7e2a0c33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-900\/20{background-color:color-mix(in oklab,var(--color-orange-900)20%,transparent)}}.dark\:bg-orange-900\/30{background-color:#7e2a0c4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-900\/30{background-color:color-mix(in oklab,var(--color-orange-900)30%,transparent)}}.dark\:bg-red-800{background-color:var(--color-red-800)}.dark\:bg-red-900{background-color:var(--color-red-900)}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:bg-red-950{background-color:var(--color-red-950)}.dark\:bg-red-950\/20{background-color:#46080933}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/20{background-color:color-mix(in oklab,var(--color-red-950)20%,transparent)}}.dark\:bg-red-950\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/50{background-color:color-mix(in oklab,var(--color-red-950)50%,transparent)}}.dark\:bg-slate-900{background-color:var(--color-slate-900)}.dark\:bg-yellow-900\/30{background-color:#733e0a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:bg-yellow-950{background-color:var(--color-yellow-950)}.dark\:text-amber-300{color:var(--color-amber-300)}.dark\:text-amber-400{color:var(--color-amber-400)}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-gray-100{color:var(--color-gray-100)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-green-200{color:var(--color-green-200)}.dark\:text-green-300{color:var(--color-green-300)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-orange-300{color:var(--color-orange-300)}.dark\:text-orange-400{color:var(--color-orange-400)}.dark\:text-red-200{color:var(--color-red-200)}.dark\:text-red-300{color:var(--color-red-300)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-slate-400{color:var(--color-slate-400)}.dark\:text-white{color:var(--color-white)}.dark\:text-yellow-300{color:var(--color-yellow-300)}.dark\:text-yellow-400{color:var(--color-yellow-400)}@media (hover:hover){.dark\:hover\:bg-blue-900:hover{background-color:var(--color-blue-900)}.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-gray-800\/50:hover{background-color:#1e293980}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-gray-800\/50:hover{background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}}.dark\:hover\:bg-red-400:hover{background-color:var(--color-red-400)}.dark\:hover\:bg-red-700:hover{background-color:var(--color-red-700)}.dark\:hover\:bg-red-900\/20:hover{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-900\/20:hover{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:hover\:bg-red-950\/20:hover{background-color:#46080933}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-950\/20:hover{background-color:color-mix(in oklab,var(--color-red-950)20%,transparent)}}.dark\:hover\:bg-slate-800\/40:hover{background-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/40:hover{background-color:color-mix(in oklab,var(--color-slate-800)40%,transparent)}}.dark\:hover\:text-red-300:hover{color:var(--color-red-300)}}.dark\:focus-visible\:ring-red-800:focus-visible{--tw-ring-color:var(--color-red-800)}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start),.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]){border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]){border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>button\]\:font-semibold>button{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&\>button\]\:opacity-50>button{opacity:.5}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing)*4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing)*4)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing)*7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}:root{--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-soft-light-canvas:#f8fafc;--color-soft-light-surface:#f1f5f9;--color-soft-light-elevated:#fff;--color-soft-light-overlay:#fff;--color-soft-light-text-primary:#0f172a;--color-soft-light-text-secondary:#1e293b;--color-soft-light-text-tertiary:#334155;--color-soft-light-border:#cbd5e1;--color-soft-light-border-strong:#94a3b8;--color-soft-dark-canvas:#22272e;--color-soft-dark-surface:#2d333b;--color-soft-dark-elevated:#373e47;--color-soft-dark-overlay:#434955;--color-soft-dark-text-primary:#e6eef8;--color-soft-dark-text-secondary:#c6d0dd;--color-soft-dark-text-tertiary:#9ca3af;--color-soft-dark-border:#444c56;--color-soft-dark-border-strong:#566069;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-900:#1e3a8a;--color-green-50:#f0fdf4;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-yellow-50:#fefce8;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-red-50:#fef2f2;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-white-rgb:255 255 255;--color-black-rgb:0 0 0;--color-gray-50-rgb:249 250 251;--color-gray-100-rgb:243 244 246;--color-gray-200-rgb:229 231 235;--color-gray-300-rgb:209 213 219;--color-gray-400-rgb:156 163 175;--color-gray-500-rgb:107 114 128;--color-gray-600-rgb:75 85 99;--color-gray-700-rgb:55 65 81;--color-gray-800-rgb:31 41 55;--color-gray-900-rgb:17 24 39;--color-gray-950-rgb:3 7 18;--color-blue-50-rgb:239 246 255;--color-blue-100-rgb:219 234 254;--color-blue-500-rgb:59 130 246;--color-blue-600-rgb:37 99 235;--color-blue-700-rgb:29 78 216;--color-blue-900-rgb:30 58 138;--color-green-50-rgb:240 253 244;--color-green-500-rgb:34 197 94;--color-green-600-rgb:22 163 74;--color-green-700-rgb:21 128 61;--color-yellow-50-rgb:254 252 232;--color-yellow-500-rgb:234 179 8;--color-yellow-600-rgb:202 138 4;--color-red-50-rgb:254 242 242;--color-red-500-rgb:239 68 68;--color-red-600-rgb:220 38 38;--color-red-700-rgb:185 28 28;--color-soft-light-canvas-rgb:248 250 252;--color-soft-light-surface-rgb:241 245 249;--color-soft-light-elevated-rgb:255 255 255;--color-soft-light-text-primary-rgb:15 23 42;--color-soft-light-text-secondary-rgb:30 41 59;--color-soft-light-text-tertiary-rgb:51 65 85;--color-soft-light-border-rgb:203 213 225;--color-soft-light-border-strong-rgb:148 163 184;--color-soft-dark-canvas-rgb:34 39 46;--color-soft-dark-surface-rgb:45 51 59;--color-soft-dark-elevated-rgb:55 62 71;--color-soft-dark-overlay-rgb:67 73 85;--color-soft-dark-text-primary-rgb:230 238 248;--color-soft-dark-text-secondary-rgb:198 208 221;--color-soft-dark-text-tertiary-rgb:156 163 175;--color-soft-dark-border-rgb:68 76 86;--color-soft-dark-border-strong-rgb:86 96 105;--surface-base:var(--color-soft-light-canvas);--surface-primary:var(--color-soft-light-elevated);--surface-secondary:var(--color-soft-light-surface);--surface-tertiary:var(--color-soft-light-surface);--surface-overlay:var(--color-soft-light-elevated);--surface-elevated:var(--color-soft-light-elevated);--surface-hover:var(--color-soft-light-surface);--surface-active:#e2e8f0;--surface-disabled:var(--color-soft-light-surface);--item-hover-bg:#3b82f60f;--text-primary:var(--color-soft-light-text-primary);--text-secondary:var(--color-soft-light-text-secondary);--text-tertiary:var(--color-soft-light-text-tertiary);--text-disabled:#94a3b8;--text-inverse:var(--color-white);--text-link:var(--color-blue-600);--text-link-hover:var(--color-blue-700);--border-default:var(--color-soft-light-border);--border-strong:var(--color-soft-light-border-strong);--border-subtle:#f1f5f9;--border-focus:var(--color-blue-500);--border-error:var(--color-red-500);--action-primary:var(--color-blue-600);--action-primary-hover:var(--color-blue-700);--action-primary-active:var(--color-blue-800);--action-primary-disabled:#cbd5e1;--action-secondary:var(--color-soft-light-surface);--action-secondary-hover:#e2e8f0;--action-secondary-active:var(--color-soft-light-border);--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-500);--state-warning:var(--color-yellow-600);--state-warning-bg:var(--color-yellow-50);--state-warning-border:var(--color-yellow-500);--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-500);--state-info:var(--color-blue-600);--state-info-bg:var(--color-blue-50);--state-info-border:var(--color-blue-500);--surface-base-rgb:var(--color-soft-light-canvas-rgb);--surface-primary-rgb:var(--color-soft-light-elevated-rgb);--surface-secondary-rgb:var(--color-soft-light-surface-rgb);--surface-tertiary-rgb:var(--color-soft-light-surface-rgb);--surface-overlay-rgb:var(--color-soft-light-elevated-rgb);--surface-elevated-rgb:var(--color-soft-light-elevated-rgb);--surface-hover-rgb:var(--color-soft-light-surface-rgb);--surface-active-rgb:226 232 240;--surface-disabled-rgb:var(--color-soft-light-surface-rgb);--text-primary-rgb:var(--color-soft-light-text-primary-rgb);--text-secondary-rgb:var(--color-soft-light-text-secondary-rgb);--text-tertiary-rgb:var(--color-soft-light-text-tertiary-rgb);--text-disabled-rgb:148 163 184;--text-inverse-rgb:var(--color-white-rgb);--text-link-rgb:var(--color-blue-600-rgb);--text-link-hover-rgb:var(--color-blue-700-rgb);--border-default-rgb:var(--color-soft-light-border-rgb);--border-strong-rgb:var(--color-soft-light-border-strong-rgb);--border-subtle-rgb:241 245 249;--border-focus-rgb:var(--color-blue-500-rgb);--border-error-rgb:var(--color-red-500-rgb);--action-primary-rgb:var(--color-blue-600-rgb);--action-primary-hover-rgb:var(--color-blue-700-rgb);--action-primary-active-rgb:30 64 175;--action-primary-disabled-rgb:203 213 225;--action-secondary-rgb:var(--color-soft-light-surface-rgb);--action-secondary-hover-rgb:226 232 240;--action-secondary-active-rgb:var(--color-soft-light-border-rgb);--state-success-rgb:var(--color-green-600-rgb);--state-success-bg-rgb:var(--color-green-50-rgb);--state-success-border-rgb:var(--color-green-500-rgb);--state-warning-rgb:var(--color-yellow-600-rgb);--state-warning-bg-rgb:var(--color-yellow-50-rgb);--state-warning-border-rgb:var(--color-yellow-500-rgb);--state-error-rgb:var(--color-red-600-rgb);--state-error-bg-rgb:var(--color-red-50-rgb);--state-error-border-rgb:var(--color-red-500-rgb);--state-info-rgb:var(--color-blue-600-rgb);--state-info-bg-rgb:var(--color-blue-50-rgb);--state-info-border-rgb:var(--color-blue-500-rgb);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--space-0:0;--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;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius:.375rem;--radius-lg:.5rem;--radius-full:9999px;--radius-none:0;--radius-md:var(--radius);--radius-xl:var(--radius-lg);--radius-2xl:var(--radius-lg);--radius-xs:var(--radius-sm);--control-height-sm:1.75rem;--control-height:2rem;--control-height-lg:2.25rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-base:1;--z-raised:10;--z-elevated:50;--z-floating:100;--z-dnd-overlay:200;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-popover:1400;--z-tooltip:1500;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--font-family-system:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,"Segoe UI","Roboto","Helvetica Neue","Arial",sans-serif}[data-theme=dark-contrasted]{--surface-base:var(--color-gray-950);--surface-primary:var(--color-gray-900);--surface-secondary:var(--color-gray-800);--surface-tertiary:var(--color-gray-700);--surface-overlay:var(--color-gray-900);--surface-elevated:var(--color-gray-800);--surface-hover:var(--color-gray-800);--surface-active:var(--color-gray-700);--surface-disabled:var(--color-gray-800);--item-hover-bg:#3b82f61f;--text-primary:var(--color-gray-50);--text-secondary:var(--color-gray-400);--text-tertiary:var(--color-gray-500);--text-disabled:var(--color-gray-600);--text-inverse:var(--color-gray-900);--text-link:var(--color-blue-400);--text-link-hover:var(--color-blue-300);--border-default:var(--color-gray-700);--border-strong:var(--color-gray-600);--border-subtle:var(--color-gray-800);--border-focus:var(--color-blue-500);--border-error:var(--color-red-500);--action-primary:var(--color-blue-500);--action-primary-hover:var(--color-blue-400);--action-primary-active:var(--color-blue-600);--action-secondary:var(--color-gray-800);--action-secondary-hover:var(--color-gray-700);--action-secondary-active:var(--color-gray-600);--state-success:var(--color-green-500);--state-success-bg:var(--color-green-900);--state-success-border:var(--color-green-700);--state-warning:var(--color-yellow-500);--state-warning-bg:var(--color-yellow-900);--state-warning-border:var(--color-yellow-700);--state-error:var(--color-red-500);--state-error-bg:var(--color-red-900);--state-error-border:var(--color-red-700);--state-info:var(--color-blue-500);--state-info-bg:var(--color-blue-900);--state-info-border:var(--color-blue-700);--surface-base-rgb:var(--color-gray-950-rgb);--surface-primary-rgb:var(--color-gray-900-rgb);--surface-secondary-rgb:var(--color-gray-800-rgb);--surface-tertiary-rgb:var(--color-gray-700-rgb);--surface-overlay-rgb:var(--color-gray-900-rgb);--surface-elevated-rgb:var(--color-gray-800-rgb);--surface-hover-rgb:var(--color-gray-800-rgb);--surface-active-rgb:var(--color-gray-700-rgb);--surface-disabled-rgb:var(--color-gray-800-rgb);--text-primary-rgb:var(--color-gray-50-rgb);--text-secondary-rgb:var(--color-gray-400-rgb);--text-tertiary-rgb:var(--color-gray-500-rgb);--text-disabled-rgb:var(--color-gray-600-rgb);--text-inverse-rgb:var(--color-gray-900-rgb);--text-link-rgb:96 165 250;--text-link-hover-rgb:147 197 253;--border-default-rgb:var(--color-gray-700-rgb);--border-strong-rgb:var(--color-gray-600-rgb);--border-subtle-rgb:var(--color-gray-800-rgb);--border-focus-rgb:var(--color-blue-500-rgb);--border-error-rgb:var(--color-red-500-rgb);--action-primary-rgb:var(--color-blue-500-rgb);--action-primary-hover-rgb:96 165 250;--action-primary-active-rgb:var(--color-blue-600-rgb);--action-secondary-rgb:var(--color-gray-800-rgb);--action-secondary-hover-rgb:var(--color-gray-700-rgb);--action-secondary-active-rgb:var(--color-gray-600-rgb);--state-success-rgb:var(--color-green-500-rgb);--state-warning-rgb:var(--color-yellow-500-rgb);--state-error-rgb:var(--color-red-500-rgb);--state-info-rgb:var(--color-blue-500-rgb);--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #00000080}[data-theme=dark]{--surface-base:var(--color-soft-dark-canvas);--surface-primary:var(--color-soft-dark-surface);--surface-secondary:var(--color-soft-dark-canvas);--surface-tertiary:var(--color-soft-dark-elevated);--surface-overlay:var(--color-soft-dark-elevated);--surface-elevated:var(--color-soft-dark-elevated);--surface-hover:var(--color-soft-dark-overlay);--surface-active:var(--color-soft-dark-elevated);--surface-disabled:var(--color-soft-dark-canvas);--item-hover-bg:#4dabf71a;--text-primary:var(--color-soft-dark-text-primary);--text-secondary:var(--color-soft-dark-text-secondary);--text-tertiary:var(--color-soft-dark-text-tertiary);--text-disabled:#768390;--text-inverse:var(--color-soft-dark-canvas);--text-link:#4dabf7;--text-link-hover:#74c0fc;--border-default:var(--color-soft-dark-border);--border-strong:var(--color-soft-dark-border-strong);--border-subtle:#373e47;--border-focus:var(--color-blue-500);--border-error:var(--color-red-500);--action-primary:#4dabf7;--action-primary-hover:#74c0fc;--action-primary-active:#339af0;--action-secondary:var(--color-soft-dark-elevated);--action-secondary-hover:var(--color-soft-dark-overlay);--action-secondary-active:#4a5259;--state-success:#51cf66;--state-success-bg:#2b3034;--state-success-border:#51cf66;--state-warning:#ffd43b;--state-warning-bg:#2e2d2a;--state-warning-border:#ffd43b;--state-error:#ff6b6b;--state-error-bg:#332a2a;--state-error-border:#ff6b6b;--state-info:#4dabf7;--state-info-bg:#2a2f33;--state-info-border:#4dabf7;--surface-base-rgb:var(--color-soft-dark-canvas-rgb);--surface-primary-rgb:var(--color-soft-dark-surface-rgb);--surface-secondary-rgb:var(--color-soft-dark-canvas-rgb);--surface-tertiary-rgb:var(--color-soft-dark-elevated-rgb);--surface-overlay-rgb:var(--color-soft-dark-elevated-rgb);--surface-elevated-rgb:var(--color-soft-dark-elevated-rgb);--surface-hover-rgb:var(--color-soft-dark-overlay-rgb);--surface-active-rgb:var(--color-soft-dark-elevated-rgb);--surface-disabled-rgb:var(--color-soft-dark-canvas-rgb);--text-primary-rgb:var(--color-soft-dark-text-primary-rgb);--text-secondary-rgb:var(--color-soft-dark-text-secondary-rgb);--text-tertiary-rgb:var(--color-soft-dark-text-tertiary-rgb);--text-disabled-rgb:118 131 144;--text-inverse-rgb:var(--color-soft-dark-canvas-rgb);--text-link-rgb:77 171 247;--text-link-hover-rgb:116 192 252;--border-default-rgb:var(--color-soft-dark-border-rgb);--border-strong-rgb:var(--color-soft-dark-border-strong-rgb);--border-subtle-rgb:55 62 71;--border-focus-rgb:var(--color-blue-500-rgb);--border-error-rgb:var(--color-red-500-rgb);--action-primary-rgb:77 171 247;--action-primary-hover-rgb:116 192 252;--action-primary-active-rgb:51 154 240;--action-secondary-rgb:var(--color-soft-dark-elevated-rgb);--action-secondary-hover-rgb:var(--color-soft-dark-overlay-rgb);--action-secondary-active-rgb:74 82 89;--state-success-rgb:81 207 102;--state-warning-rgb:255 212 59;--state-error-rgb:255 107 107;--state-info-rgb:77 171 247;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d;--shadow-2xl:0 25px 50px -12px #0006}[data-theme=light-contrasted]{--surface-base:var(--color-gray-50);--surface-primary:var(--color-white);--surface-secondary:var(--color-gray-50);--surface-tertiary:var(--color-gray-100);--surface-overlay:var(--color-white);--surface-elevated:var(--color-white);--surface-hover:var(--color-gray-50);--surface-active:var(--color-gray-100);--surface-disabled:var(--color-gray-100);--item-hover-bg:#3b82f614;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-disabled:var(--color-gray-400);--text-inverse:var(--color-white);--text-link:var(--color-blue-600);--text-link-hover:var(--color-blue-700);--border-default:var(--color-gray-400);--border-strong:var(--color-gray-500);--border-subtle:var(--color-gray-300);--border-focus:var(--color-blue-500);--border-error:var(--color-red-500);--action-primary:var(--color-blue-600);--action-primary-hover:var(--color-blue-700);--action-primary-active:var(--color-blue-800);--action-primary-disabled:var(--color-gray-300);--action-secondary:var(--color-gray-100);--action-secondary-hover:var(--color-gray-200);--action-secondary-active:var(--color-gray-300);--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-500);--state-warning:var(--color-yellow-600);--state-warning-bg:var(--color-yellow-50);--state-warning-border:var(--color-yellow-500);--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-500);--state-info:var(--color-blue-600);--state-info-bg:var(--color-blue-50);--state-info-border:var(--color-blue-500);--surface-base-rgb:var(--color-gray-50-rgb);--surface-primary-rgb:var(--color-white-rgb);--surface-secondary-rgb:var(--color-gray-50-rgb);--surface-tertiary-rgb:var(--color-gray-100-rgb);--surface-overlay-rgb:var(--color-white-rgb);--surface-elevated-rgb:var(--color-white-rgb);--surface-hover-rgb:var(--color-gray-50-rgb);--surface-active-rgb:var(--color-gray-100-rgb);--surface-disabled-rgb:var(--color-gray-100-rgb);--text-primary-rgb:var(--color-gray-900-rgb);--text-secondary-rgb:var(--color-gray-600-rgb);--text-tertiary-rgb:var(--color-gray-500-rgb);--text-disabled-rgb:var(--color-gray-400-rgb);--text-inverse-rgb:var(--color-white-rgb);--text-link-rgb:var(--color-blue-600-rgb);--text-link-hover-rgb:var(--color-blue-700-rgb);--border-default-rgb:var(--color-gray-400-rgb);--border-strong-rgb:var(--color-gray-500-rgb);--border-subtle-rgb:var(--color-gray-300-rgb);--border-focus-rgb:var(--color-blue-500-rgb);--border-error-rgb:var(--color-red-500-rgb);--action-primary-rgb:var(--color-blue-600-rgb);--action-primary-hover-rgb:var(--color-blue-700-rgb);--action-primary-active-rgb:30 64 175;--action-primary-disabled-rgb:var(--color-gray-300-rgb);--action-secondary-rgb:var(--color-gray-100-rgb);--action-secondary-hover-rgb:var(--color-gray-200-rgb);--action-secondary-active-rgb:var(--color-gray-300-rgb);--state-success-rgb:var(--color-green-600-rgb);--state-warning-rgb:var(--color-yellow-600-rgb);--state-error-rgb:var(--color-red-600-rgb);--state-info-rgb:var(--color-blue-600-rgb);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}*{border-color:var(--border-default)}body{background-color:var(--surface-base);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}html,body{font-family:var(--font-family-system)}::-moz-selection{background-color:var(--action-primary);color:var(--text-inverse)}::selection{background-color:var(--action-primary);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}:root{--dropdown-background:var(--surface-overlay);--dropdown-text:var(--text-primary);--dropdown-border:var(--border-default);--dropdown-radius:var(--radius);--dropdown-shadow:var(--shadow-md);--dropdown-shadow-elevated:var(--shadow-lg);--dropdown-padding:var(--space-1);--dropdown-item-text:var(--text-primary);--dropdown-item-hover-bg:var(--surface-hover);--dropdown-item-hover-text:var(--text-primary);--dropdown-item-disabled-text:var(--text-disabled);--dropdown-item-padding:var(--space-2);--dropdown-item-inset-padding:var(--space-8);--dropdown-item-radius:var(--radius-sm);--dropdown-item-gap:var(--space-2);--dropdown-item-font-size:var(--font-size-sm);--dropdown-item-line-height:var(--line-height-normal);--dropdown-checkbox-padding:var(--space-2)var(--space-2)var(--space-2)var(--space-8);--dropdown-indicator-offset:var(--space-2);--dropdown-indicator-size:var(--space-4);--dropdown-label-text:var(--text-primary);--dropdown-label-padding:var(--space-2);--dropdown-label-font-size:var(--font-size-sm);--dropdown-label-font-weight:var(--font-weight-semibold);--dropdown-label-line-height:var(--line-height-normal);--dropdown-separator-color:var(--border-subtle);--dropdown-separator-margin:var(--space-1)calc(-1*var(--space-1));--dropdown-shortcut-text:var(--text-tertiary);--dropdown-shortcut-font-size:var(--font-size-xs);--dropdown-shortcut-letter-spacing:.1em;--dropdown-icon-size:var(--space-4);--dropdown-animation-duration:var(--transition-base);--dropdown-animation-easing:cubic-bezier(.4,0,.2,1);--avatar-size-sm:2rem;--avatar-size-md:2.5rem;--avatar-size-lg:3rem;--avatar-size-xl:4rem;--avatar-font-size-sm:.75rem;--avatar-font-size-md:.875rem;--avatar-font-size-lg:1rem;--avatar-font-size-xl:1.25rem;--avatar-font-weight:var(--font-weight-medium);--avatar-background:var(--surface-primary);--avatar-text:var(--text-primary);--avatar-border:var(--border-default);--avatar-border-hover:var(--border-strong);--avatar-hover-transform:translateY(-1px);--avatar-image-hover-transform:scale(1.05);--avatar-initials-background:var(--action-primary);--avatar-initials-text:var(--text-inverse);--avatar-default-background:var(--surface-tertiary);--avatar-default-text:var(--text-tertiary);--avatar-skeleton-background:var(--surface-tertiary);--avatar-skeleton-highlight:#ffffff4d;--avatar-retry-background:var(--surface-overlay);--avatar-retry-border:var(--border-default);--avatar-retry-text:var(--text-secondary);--avatar-group-overlap:var(--space-2);--avatar-group-hover-scale:1.1}[data-theme=dark-contrasted]{--dropdown-background:var(--surface-overlay);--dropdown-text:var(--text-primary);--dropdown-border:var(--border-default);--dropdown-shadow:var(--shadow-lg);--dropdown-shadow-elevated:var(--shadow-xl);--dropdown-item-text:var(--text-primary);--dropdown-item-hover-bg:var(--surface-hover);--dropdown-item-hover-text:var(--text-primary);--dropdown-item-disabled-text:var(--text-disabled);--dropdown-label-text:var(--text-primary);--dropdown-separator-color:var(--border-subtle);--dropdown-shortcut-text:var(--text-tertiary);--avatar-border-dark:var(--border-default);--avatar-border-hover-dark:var(--border-strong);--avatar-initials-background-dark:var(--action-primary);--avatar-initials-text-dark:var(--text-inverse);--avatar-default-background-dark:var(--surface-secondary);--avatar-default-text-dark:var(--text-secondary);--avatar-skeleton-background-dark:var(--surface-secondary);--avatar-skeleton-highlight-dark:#ffffff1a}[data-theme=dark]{--dropdown-background:var(--surface-overlay);--dropdown-text:var(--text-primary);--dropdown-border:var(--border-default);--dropdown-shadow:var(--shadow-md);--dropdown-shadow-elevated:var(--shadow-lg);--dropdown-item-text:var(--text-primary);--dropdown-item-hover-bg:var(--surface-hover);--dropdown-item-hover-text:var(--text-primary);--dropdown-item-disabled-text:var(--text-disabled);--dropdown-label-text:var(--text-primary);--dropdown-separator-color:var(--border-subtle);--dropdown-shortcut-text:var(--text-tertiary);--avatar-background:var(--surface-primary);--avatar-text:var(--text-primary);--avatar-border:var(--border-default);--avatar-border-hover:var(--border-strong);--avatar-initials-background:var(--action-primary);--avatar-initials-text:var(--text-inverse);--avatar-default-background:var(--surface-tertiary);--avatar-default-text:var(--text-tertiary);--avatar-skeleton-background:var(--surface-tertiary);--avatar-skeleton-highlight:#adbac71a}[data-theme=light-contrasted]{--dropdown-background:var(--surface-overlay);--dropdown-text:var(--text-primary);--dropdown-border:var(--border-default);--dropdown-shadow:var(--shadow-lg);--dropdown-shadow-elevated:var(--shadow-xl);--dropdown-item-text:var(--text-primary);--dropdown-item-hover-bg:var(--surface-hover);--dropdown-item-hover-text:var(--text-primary);--dropdown-item-disabled-text:var(--text-disabled);--dropdown-label-text:var(--text-primary);--dropdown-separator-color:var(--border-subtle);--dropdown-shortcut-text:var(--text-tertiary);--avatar-background:var(--surface-primary);--avatar-text:var(--text-primary);--avatar-border:var(--border-default);--avatar-border-hover:var(--border-strong);--avatar-initials-background:var(--action-primary);--avatar-initials-text:var(--text-inverse);--avatar-default-background:var(--surface-tertiary);--avatar-default-text:var(--text-tertiary);--avatar-skeleton-background:var(--surface-tertiary);--avatar-skeleton-highlight:#ffffff4d}.date-range-picker-group{align-items:center;gap:var(--space-2);padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);background-color:var(--surface-primary);transition:var(--transition-fast);display:flex}.date-range-picker-group:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.date-range-input{color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-system);height:2rem;padding:0 var(--space-2);border-radius:var(--radius-sm);transition:var(--transition-fast);cursor:pointer;background:0 0;border:none}.date-range-input:hover{background-color:var(--surface-hover)}.date-range-input:focus{background-color:var(--surface-hover);outline:none}.date-range-input:disabled{cursor:not-allowed;opacity:.6;color:var(--text-disabled)}.date-range-input::-webkit-calendar-picker-indicator{color:var(--color-blue-600);cursor:pointer;border-radius:var(--radius-sm);-webkit-transition:var(--transition-fast);transition:var(--transition-fast);padding:2px}.date-range-input::-webkit-calendar-picker-indicator:hover{background-color:var(--color-blue-100)}.date-range-picker-group:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--color-blue-100)}.date-range-reset-button{justify-content:center;align-items:center;gap:var(--space-1);height:2rem;padding:0 var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--surface-hover);color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-system);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex}.date-range-reset-button:hover{background-color:var(--surface-active);color:var(--text-secondary);border-color:var(--border-default);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.date-range-reset-button:active{box-shadow:none;transform:translateY(0)}.date-range-reset-button:disabled{cursor:not-allowed;opacity:.6;background-color:var(--surface-disabled);color:var(--text-disabled);border-color:var(--border-subtle)}.date-range-reset-button:disabled:hover{box-shadow:none;transform:none}.rdp-selected>button,td[aria-selected=true]>button,td[data-selected=true]>button{background-color:var(--action-primary)!important;color:var(--text-inverse)!important;font-weight:500!important}.rdp-selected>button:hover,td[aria-selected=true]>button:hover,td[data-selected=true]>button:hover{background-color:var(--action-primary-hover)!important}@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-space-x-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
/**
 * Status Indicators & State Display Module
 * Centralizes status display patterns for sync states, loading states, etc.
 */

/* ========================================
   BASE STATUS INDICATOR
   ======================================== */

._statusBase_5qxf5_10 {
  display: flex;
  align-items: center;
  gap: 0.125rem; /* 2px - tight spacing for status indicators */
  padding: 0.25rem; /* 4px */
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition:
    transform var(--transition-fast),
    background-color var(--transition-fast);
  font-size: var(--font-size-xs);
}

._statusBase_5qxf5_10:hover {
  transform: scale(1.1);
}

._statusBase_5qxf5_10:active {
  transform: scale(0.95);
}

/* ========================================
   SYNC STATUS STATES
   ======================================== */

._statusSynced_5qxf5_35 {
  color: var(--color-green-600);
  background-color: var(--color-green-50);
}

._statusSynced_5qxf5_35:hover {
  background-color: var(--color-green-100);
}

._statusPending_5qxf5_45 {
  color: var(--color-yellow-600);
  background-color: var(--color-yellow-50);
}

._statusPending_5qxf5_45:hover {
  background-color: var(--color-yellow-100);
}

._statusError_5qxf5_55 {
  color: var(--color-red-600);
  background-color: var(--color-red-50);
}

._statusError_5qxf5_55:hover {
  background-color: var(--color-red-100);
}

._statusUnknown_5qxf5_65 {
  color: var(--color-gray-400);
  background-color: transparent;
}

._statusUnknown_5qxf5_65:hover {
  background-color: var(--color-gray-100);
}

/* ========================================
   STATUS BADGES (LARGER)
   ======================================== */

._badgeBase_5qxf5_79 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem; /* 4px */
  padding: 0.25rem 0.5rem; /* 4px 8px */
  border-radius: var(--radius);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition:
    transform var(--transition-fast),
    background-color var(--transition-fast);
}

._badgeBase_5qxf5_79:hover {
  transform: scale(1.05);
}

._badgeBase_5qxf5_79:active {
  transform: scale(0.95);
}

._badgeSynced_5qxf5_101 {
  background-color: var(--color-green-100);
  color: var(--color-green-700);
  border: 1px solid var(--color-green-200);
}

._badgeSynced_5qxf5_101:hover {
  background-color: var(--color-green-200);
}

._badgePending_5qxf5_112 {
  background-color: var(--color-yellow-100);
  color: var(--color-yellow-700);
  border: 1px solid var(--color-yellow-200);
}

._badgePending_5qxf5_112:hover {
  background-color: var(--color-yellow-200);
}

._badgePartial_5qxf5_123 {
  background-color: var(--color-blue-100);
  color: var(--color-blue-700);
  border: 1px solid var(--color-blue-200);
}

._badgePartial_5qxf5_123:hover {
  background-color: var(--color-blue-200);
}

._badgeError_5qxf5_134 {
  background-color: var(--color-red-100);
  color: var(--color-red-700);
  border: 1px solid var(--color-red-200);
}

._badgeError_5qxf5_134:hover {
  background-color: var(--color-red-200);
}

/* ========================================
   PROCESSING STATES
   ======================================== */

._processing_5qxf5_149 {
  color: var(--color-blue-600);
  background-color: var(--color-blue-50);
  animation: _pulse_5qxf5_1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes _pulse_5qxf5_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

/* Loading spinner for status indicators */
._spinner_5qxf5_167 {
  display: inline-block;
  width: 0.75rem; /* 12px */
  height: 0.75rem; /* 12px */
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: _spin_5qxf5_167 1s linear infinite;
}

@keyframes _spin_5qxf5_167 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Logo breathing animation for loading states */
._logoLoading_5qxf5_187 {
  animation: _logoPulse_5qxf5_1 1.3s ease-in-out infinite;
}

@keyframes _logoPulse_5qxf5_1 {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.85;
  }
  50% {
    transform: scale(1.12);
    opacity: 1;
  }
}

/* Logo spinner - rotating ring around the logo */
._logoSpinner_5qxf5_204 {
  animation: _spin_5qxf5_167 1s linear infinite;
}

/* ========================================
   ICON SIZING FOR STATUS INDICATORS
   ======================================== */

._statusIcon_5qxf5_212 {
  width: 0.625rem; /* 10px */
  height: 0.625rem; /* 10px */
  flex-shrink: 0;
}

._badgeIcon_5qxf5_218 {
  width: 0.875rem; /* 14px */
  height: 0.875rem; /* 14px */
  flex-shrink: 0;
}

/* ========================================
   GROUPED STATUS DISPLAYS
   ======================================== */

._statusGroup_5qxf5_228 {
  display: flex;
  align-items: center;
  gap: 0.25rem; /* 4px */
}

._statusSeparator_5qxf5_234 {
  width: 1px;
  height: 1rem; /* 16px */
  background-color: var(--border-subtle);
  margin: 0 0.25rem;
}

/* ========================================
   STATUS TEXT LABELS
   ======================================== */

._statusLabel_5qxf5_245 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin-left: 0.25rem;
}

._statusValue_5qxf5_252 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}

/* ========================================
   PROGRESS INDICATORS
   ======================================== */

._progressContainer_5qxf5_262 {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* 8px */
  padding: 0.375rem 0.75rem; /* 6px 12px */
  background-color: var(--surface-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-subtle);
}

._progressBar_5qxf5_272 {
  flex: 1;
  height: 0.25rem; /* 4px */
  background-color: var(--surface-tertiary);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._progressFill_5qxf5_280 {
  height: 100%;
  background-color: var(--action-primary);
  transition: width var(--transition-base);
  border-radius: var(--radius-full);
}

._progressText_5qxf5_287 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  white-space: nowrap;
}

/* ========================================
   DARK MODE SUPPORT
   ======================================== */

[data-theme='dark'] ._statusSynced_5qxf5_35,
[data-theme='dark-contrasted'] ._statusSynced_5qxf5_35 {
  background-color: var(--color-green-900);
}

[data-theme='dark'] ._statusPending_5qxf5_45,
[data-theme='dark-contrasted'] ._statusPending_5qxf5_45 {
  background-color: var(--color-yellow-900);
}

[data-theme='dark'] ._statusError_5qxf5_55,
[data-theme='dark-contrasted'] ._statusError_5qxf5_55 {
  background-color: var(--color-red-900);
}

[data-theme='dark'] ._processing_5qxf5_149,
[data-theme='dark-contrasted'] ._processing_5qxf5_149 {
  background-color: var(--color-blue-900);
}

/* ========================================
   ACCESSIBILITY SUPPORT
   ======================================== */

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  ._statusBase_5qxf5_10:hover,
  ._badgeBase_5qxf5_79:hover {
    transform: none;
  }

  ._processing_5qxf5_149 {
    animation: none;
  }

  ._spinner_5qxf5_167 {
    animation: none;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
  }

  ._logoLoading_5qxf5_187 {
    animation: none;
    opacity: 0.7;
  }

  ._logoSpinner_5qxf5_204 {
    animation: none;
    border-top-color: currentColor;
    border-right-color: currentColor;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  ._statusBase_5qxf5_10,
  ._badgeBase_5qxf5_79 {
    border: 2px solid currentColor;
  }
}

/* Focus styles for keyboard navigation */
._statusBase_5qxf5_10:focus-visible,
._badgeBase_5qxf5_79:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}
/**
 * Layout Utilities Module
 * Centralizes common layout patterns for auth, navigation, and content areas
 */

/* ========================================
   AUTHENTICATION LAYOUTS
   ======================================== */

/* Full-screen authentication container */
._authContainer_985ez_11 {
  min-height: 100vh;
  background-color: var(--color-gray-50);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem; /* 24px */
}

/* Authentication card wrapper */
._authCard_985ez_21 {
  max-width: 28rem; /* 448px */
  width: 100%;
  background-color: var(--color-white);
  border-radius: 1rem; /* 16px - rounded-2xl */
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-gray-200);
  padding: 2rem; /* 32px */
  text-align: center;
}

/* Authentication loading screen */
._authLoadingContainer_985ez_33 {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--color-blue-50) 0%,
    #e0e7ff 100%
  ); /* blue-50 to indigo-100 */
}

._authLoadingContent_985ez_45 {
  text-align: center;
}

._authLoadingSpinner_985ez_49 {
  animation: _spin_985ez_1 1s linear infinite;
  border-radius: 50%;
  height: 3rem; /* 48px */
  width: 3rem; /* 48px */
  border: 2px solid transparent;
  border-bottom: 2px solid var(--color-blue-600);
  margin: 0 auto 1rem; /* 16px bottom margin */
}

@keyframes _spin_985ez_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Authentication error screen */
._authErrorContainer_985ez_69 {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--color-red-50) 0%,
    #fce7e7 100%
  ); /* red-50 to rose-100 */
}

._authErrorContent_985ez_81 {
  text-align: center;
  max-width: 28rem; /* 448px */
  padding: 0 1.5rem; /* 24px */
}

/* ========================================
   NAVIGATION LAYOUTS
   ======================================== */

/* Sidebar base layout */
._sidebarContainer_985ez_92 {
  transition: all 0.3s ease;
  /* positioning and sizing set via props/state */
}

/* Desktop sidebar - fixed positioning */
._sidebarDesktop_985ez_98 {
  position: fixed;
  left: 0;
  top: 3.5rem; /* 56px - below header */
  z-index: var(--z-elevated);
  height: calc(100vh - 3.5rem);
  border-right: 1px solid var(--border-default);
  background-color: var(--surface-base);
}

._sidebarDesktopCollapsed_985ez_109 {
  width: 4rem; /* 64px */
}

._sidebarDesktopExpanded_985ez_113 {
  width: 13rem; /* 208px */
}

/* Mobile sidebar - overlay */
._sidebarMobile_985ez_118 {
  height: 100%;
  width: 100%;
  border-right: 1px solid var(--border-default);
  box-shadow: var(--shadow-xl);
  background-color: var(--color-white);
}

/* Sidebar content layout */
._sidebarContent_985ez_128 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 1rem; /* 16px */
  padding: 1rem; /* 16px */
}

/* Navigation button base */
._navButton_985ez_137 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem; /* 8px */
  border-radius: var(--radius);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
}

._navButton_985ez_137:hover {
  transform: scale(1.05);
}

/* Navigation button variants */
._navButtonStart_985ez_158 {
  justify-content: flex-start;
}

._navButtonCenter_985ez_162 {
  justify-content: center;
}

/* Navigation icon styling */
._navIcon_985ez_167 {
  width: 1rem; /* 16px */
  height: 1rem; /* 16px */
  transition: all var(--transition-fast);
}

._navIcon_985ez_167:hover {
  transform: scale(1.1);
}

._navIconWithText_985ez_177 {
  margin-right: 0.5rem; /* 8px */
}

/* ========================================
   HEADER LAYOUTS
   ======================================== */

._headerContainer_985ez_185 {
  position: sticky;
  top: 0;
  z-index: var(--z-elevated);
  width: 100%;
  border-bottom: 1px solid var(--border-default);
  opacity: 1;
  background-color: var(--surface-base);
}

._headerDraggable_985ez_195 {
  cursor: grab;
}

._headerDraggable_985ez_195:active {
  cursor: grabbing;
}

._headerContent_985ez_203 {
  display: flex;
  height: 3rem; /* 48px - slimmer header */
  align-items: center;
  /* Use padding-right only; left padding is set dynamically for Tauri traffic lights */
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 1rem; /* 16px */
  padding-left: 1rem; /* 16px - overridden by Tauri-specific class */
}

@media (min-width: 768px) {
  ._headerContent_985ez_203 {
    padding-right: 1.5rem; /* 24px */
  }
}

/* Tauri desktop app - space for macOS traffic lights */
._headerContentTauri_985ez_221 {
  padding-left: 80px;
}

._headerLogo_985ez_225 {
  margin-right: 1rem; /* 16px */
  display: flex;
  align-items: center;
  gap: 0.5rem; /* 8px */
}

._headerNavigation_985ez_232 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}

._headerActions_985ez_239 {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* 8px */
}

@media (min-width: 768px) {
  ._headerActions_985ez_239 {
    gap: 0.75rem; /* 12px */
  }
}

/* ========================================
   CONTENT LAYOUTS
   ======================================== */

/* Main content wrapper */
._mainContent_985ez_256 {
  min-height: 100vh;
  background-color: var(--surface-base);
  padding-right: 0.5rem; /* 8px */
  padding-bottom: 1rem; /* 16px */
}

/* Page content container */
._pageContainer_985ez_264 {
  max-width: 100%;
  margin: 0 auto;
}

/* Tab navigation layout */
._tabContainer_985ez_270 {
  padding: 0 0.5rem; /* 8px */
  padding-bottom: 0.5rem; /* 8px */
}

._tabNavigation_985ez_275 {
  space-y: 0.5rem; /* 8px */
}

._tabList_985ez_279 {
  overflow-x: auto;
}

._tabListInner_985ez_283 {
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}

/* Action bar layout */
._actionBar_985ez_290 {
  background-color: var(--surface-primary);
  padding-right: 0.5rem; /* 8px */
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid var(--border-default);
}

._actionBarContent_985ez_298 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem; /* 8px */
}

._actionBarLeft_985ez_305 {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* 8px */
}

/* ========================================
   RESPONSIVE UTILITIES
   ======================================== */

/* Mobile-first responsive helpers */
._hideOnMobile_985ez_316 {
  display: none;
}

@media (min-width: 640px) {
  ._hideOnMobile_985ez_316 {
    display: block;
  }

  ._showOnlyMobile_985ez_325 {
    display: none;
  }
}

._showOnlyMobile_985ez_325 {
  display: block;
}

/* Tablet and desktop responsive helpers */
@media (min-width: 768px) {
  ._hideOnTablet_985ez_336 {
    display: none;
  }

  ._showOnlyTablet_985ez_340 {
    display: block;
  }
}

._hideOnTablet_985ez_336 {
  display: block;
}

._showOnlyTablet_985ez_340 {
  display: none;
}

/* ========================================
   SPACING UTILITIES
   ======================================== */

._spacerVertical_985ez_357 {
  flex: 1;
}

._spacerHorizontal_985ez_361 {
  flex-grow: 1;
}

/* Content sections */
._section_985ez_366 {
  margin-bottom: 2rem; /* 32px */
}

._sectionBorder_985ez_370 {
  border-top: 1px solid var(--border-default);
  padding-top: 1rem; /* 16px */
}

/* ========================================
   FLEX LAYOUTS
   ======================================== */

._flexRow_985ez_379 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._flexCol_985ez_385 {
  display: flex;
  flex-direction: column;
}

._flexBetween_985ez_390 {
  justify-content: space-between;
}

._flexCenter_985ez_395 {
  justify-content: center;
}

._flexEnd_985ez_400 {
  justify-content: flex-end;
}

/* Gap utilities */
._gap1_985ez_406 {
  gap: 0.25rem;
} /* 4px */
._gap2_985ez_409 {
  gap: 0.5rem;
} /* 8px */
._gap3_985ez_412 {
  gap: 0.75rem;
} /* 12px */
._gap4_985ez_415 {
  gap: 1rem;
} /* 16px */
._gap6_985ez_418 {
  gap: 1.5rem;
} /* 24px */

/* ========================================
   DARK MODE SUPPORT
   ======================================== */

[data-theme='dark'] ._authContainer_985ez_11,
[data-theme='dark-contrasted'] ._authContainer_985ez_11 {
  background-color: var(--surface-base);
}

[data-theme='dark'] ._authCard_985ez_21,
[data-theme='dark-contrasted'] ._authCard_985ez_21 {
  background-color: var(--surface-primary);
  border-color: var(--border-default);
}

[data-theme='dark'] ._sidebarMobile_985ez_118,
[data-theme='dark-contrasted'] ._sidebarMobile_985ez_118 {
  background-color: var(--surface-primary);
}

/* ========================================
   ACCESSIBILITY SUPPORT
   ======================================== */

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  ._sidebarContainer_985ez_92,
  ._navButton_985ez_137,
  ._navIcon_985ez_167,
  ._authLoadingSpinner_985ez_49 {
    transition: none;
    animation: none;
  }

  ._navButton_985ez_137:hover,
  ._navIcon_985ez_167:hover {
    transform: none;
  }
}
/**
 * Interactive UI Elements - Hover & State Effects Module
 * Centralizes repetitive interaction patterns found across components
 */

/* ========================================
   SCALE-BASED HOVER EFFECTS
   ======================================== */

._hoverScale_qnwxh_10 {
  transition: transform var(--transition-fast);
}

._hoverScale_qnwxh_10:hover {
  transform: scale(1.05);
}

._hoverScale_qnwxh_10:active {
  transform: scale(0.95);
}

/* Specific scale variants for different use cases */
._hoverScaleSubtle_qnwxh_23 {
  transition: transform var(--transition-fast);
}

._hoverScaleSubtle_qnwxh_23:hover {
  transform: scale(1.02);
}

._hoverScaleSubtle_qnwxh_23:active {
  transform: scale(0.98);
}

._hoverScaleLarge_qnwxh_35 {
  transition: transform var(--transition-fast);
}

._hoverScaleLarge_qnwxh_35:hover {
  transform: scale(1.1);
}

._hoverScaleLarge_qnwxh_35:active {
  transform: scale(0.9);
}

/* ========================================
   COLOR-CODED HOVER EFFECTS
   ======================================== */

/* Base class for color transitions */
._colorTransition_qnwxh_52 {
  transition:
    background-color var(--transition-fast),
    color var(--transition-fast),
    border-color var(--transition-fast);
}

/* Blue theme (primary actions, read operations) */
._hoverBlue_qnwxh_60 {
}

._hoverBlue_qnwxh_60:hover {
  background-color: var(--color-blue-50);
  color: var(--color-blue-700);
}

/* Green theme (sync, success actions) */
._hoverGreen_qnwxh_70 {
}

._hoverGreen_qnwxh_70:hover {
  background-color: var(--color-green-50);
  color: var(--color-green-700);
}

/* Purple theme (BigQuery, analytics) */
._hoverPurple_qnwxh_80 {
}

._hoverPurple_qnwxh_80:hover {
  background-color: #f3e8ff; /* purple-50 */
  color: #7c3aed; /* purple-700 */
}

/* Red theme (delete, error actions) */
._hoverRed_qnwxh_90 {
}

._hoverRed_qnwxh_90:hover {
  background-color: var(--color-red-50);
  color: var(--color-red-700);
}

/* Orange theme (plugins, secondary actions) */
._hoverOrange_qnwxh_100 {
}

._hoverOrange_qnwxh_100:hover {
  background-color: #fff7ed; /* orange-50 */
  color: #c2410c; /* orange-700 */
}

/* Gray theme (admin, neutral actions) */
._hoverGray_qnwxh_110 {
}

._hoverGray_qnwxh_110:hover {
  background-color: var(--color-gray-100);
  color: var(--color-gray-700);
}

/* Indigo theme (dashboard, navigation) */
._hoverIndigo_qnwxh_120 {
}

._hoverIndigo_qnwxh_120:hover {
  background-color: #eef2ff; /* indigo-50 */
  color: #4338ca; /* indigo-700 */
}

/* ========================================
   COMBINED EFFECTS
   ======================================== */

/* Scale + Color combinations for enhanced interactivity */
._hoverScaleBlue_qnwxh_134 {
}

._hoverScaleGreen_qnwxh_138 {
}

._hoverScalePurple_qnwxh_142 {
}

._hoverScaleRed_qnwxh_146 {
}

._hoverScaleOrange_qnwxh_150 {
}

._hoverScaleGray_qnwxh_154 {
}

._hoverScaleIndigo_qnwxh_158 {
}

/* ========================================
   SPECIALIZED BUTTON EFFECTS
   ======================================== */

/* Lift effect for important buttons */
._hoverLift_qnwxh_167 {
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}

._hoverLift_qnwxh_167:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

._hoverLift_qnwxh_167:active {
  transform: translateY(0);
  box-shadow: none;
}

/* Press effect for clickable elements */
._pressEffect_qnwxh_184 {
  transition: transform var(--transition-fast);
}

._pressEffect_qnwxh_184:active {
  transform: scale(0.98);
}

/* ========================================
   STATE-SPECIFIC STYLES
   ======================================== */

/* Disabled state overrides */
._disabled_qnwxh_197 {
  cursor: not-allowed;
  opacity: 0.5;
}

._disabled_qnwxh_197:hover {
  transform: none !important;
  background-color: var(--surface-disabled) !important;
  color: var(--text-disabled) !important;
}

/* Loading state */
._loading_qnwxh_209 {
  cursor: default;
  pointer-events: none;
}

._loading_qnwxh_209:hover {
  transform: none !important;
}

/* ========================================
   NAVIGATION SPECIFIC
   ======================================== */

/* Navigation item hover effects */
._navItem_qnwxh_223 {
  transition: all var(--transition-fast);
}

._navItem_qnwxh_223:hover {
  transform: scale(1.05);
}

/* Mobile navigation adjustments */
@media (max-width: 768px) {
  ._navItemMobile_qnwxh_233 {
    transition: background-color var(--transition-fast);
  }

  ._navItemMobile_qnwxh_233:hover {
    transform: none; /* Disable scale on mobile */
  }
}

/* ========================================
   ACCESSIBILITY SUPPORT
   ======================================== */

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  ._hoverScale_qnwxh_10,
  ._hoverScaleSubtle_qnwxh_23,
  ._hoverScaleLarge_qnwxh_35,
  ._hoverScaleBlue_qnwxh_134,
  ._hoverScaleGreen_qnwxh_138,
  ._hoverScalePurple_qnwxh_142,
  ._hoverScaleRed_qnwxh_146,
  ._hoverScaleOrange_qnwxh_150,
  ._hoverScaleGray_qnwxh_154,
  ._hoverScaleIndigo_qnwxh_158,
  ._hoverLift_qnwxh_167,
  ._pressEffect_qnwxh_184,
  ._navItem_qnwxh_223 {
    transition:
      background-color var(--transition-fast),
      color var(--transition-fast);
  }

  ._hoverScale_qnwxh_10:hover,
  ._hoverScaleSubtle_qnwxh_23:hover,
  ._hoverScaleLarge_qnwxh_35:hover,
  ._hoverLift_qnwxh_167:hover,
  ._navItem_qnwxh_223:hover {
    transform: none;
  }

  ._hoverScale_qnwxh_10:active,
  ._hoverScaleSubtle_qnwxh_23:active,
  ._hoverScaleLarge_qnwxh_35:active,
  ._pressEffect_qnwxh_184:active {
    transform: none;
  }
}

/* Focus visible styles for keyboard navigation */
._focusRing_qnwxh_283:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}
/**
 * Dropdown Menu Component Styles
 * Clean CSS modules architecture with component-specific design tokens
 * Compatible with Base UI Menu data attributes
 * NO opacity anywhere - solid colors only for maintainable styling
 */

/* Positioner wrapper - ensures entire dropdown stack is above page content */
._positioner_q3bfn_9 {
  z-index: var(--z-dropdown);
}

/* Dropdown Menu Content */
._content_q3bfn_14 {
  /* Positioning */
  position: relative;
  z-index: var(--z-dropdown);
  max-height: var(--available-height);
  min-width: 8rem;

  /* Layout */
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--dropdown-padding);

  /* Design using component-specific tokens */
  background-color: var(--dropdown-background);
  color: var(--dropdown-text);
  border: 1px solid var(--dropdown-border);
  border-radius: var(--dropdown-radius);
  box-shadow: var(--dropdown-shadow);

  /* Transform origin for animations */
  transform-origin: var(--transform-origin);
}

/* Base UI uses data-open instead of data-state */
._content_q3bfn_14[data-open] {
  animation: _dropdownIn_q3bfn_1 200ms ease-out;
}

._content_q3bfn_14:not([data-open]) {
  animation: _dropdownOut_q3bfn_1 200ms ease-in;
}

/* Sub Content */
._subContent_q3bfn_47 {
  z-index: var(--z-dropdown);
  min-width: 8rem;
  overflow: hidden;
  padding: var(--space-1);

  background-color: var(--surface-overlay);
  color: var(--text-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);

  transform-origin: var(--transform-origin);
}

._subContent_q3bfn_47[data-open] {
  animation: _dropdownIn_q3bfn_1 200ms ease-out;
}

._subContent_q3bfn_47:not([data-open]) {
  animation: _dropdownOut_q3bfn_1 200ms ease-in;
}

/* Sub Trigger */
._subTrigger_q3bfn_71 {
  display: flex;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-2) var(--space-2) var(--space-2);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  outline: none;
  transition: all var(--transition-fast);
}

/* Base UI uses data-highlighted for focus/hover state */
._subTrigger_q3bfn_71[data-highlighted] {
  background-color: var(--surface-hover);
}

._subTrigger_q3bfn_71[data-open] {
  background-color: var(--surface-hover);
}

._subTrigger_q3bfn_71._inset_q3bfn_93 {
  padding-left: var(--space-8);
}

._subTrigger_q3bfn_71 svg {
  pointer-events: none;
  width: var(--space-4);
  height: var(--space-4);
  flex-shrink: 0;
}

/* Menu Item */
._item_q3bfn_105 {
  position: relative;
  display: flex;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  outline: none;
  transition: all var(--transition-fast);
}

/* Base UI uses data-highlighted for focus/hover state */
._item_q3bfn_105[data-highlighted] {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._item_q3bfn_105[data-disabled] {
  pointer-events: none;
  color: var(--dropdown-item-disabled-text);
}

._item_q3bfn_105._inset_q3bfn_93 {
  padding-left: var(--space-8);
}

._item_q3bfn_105 svg {
  width: var(--space-4);
  height: var(--space-4);
  flex-shrink: 0;
}

/* Checkbox Item */
._checkboxItem_q3bfn_141 {
  position: relative;
  display: flex;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  padding: var(--space-2) var(--space-2) var(--space-2) var(--space-8);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  outline: none;
  transition: all var(--transition-fast);
}

._checkboxItem_q3bfn_141[data-highlighted] {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._checkboxItem_q3bfn_141[data-disabled] {
  pointer-events: none;
  color: var(--dropdown-item-disabled-text);
}

._checkboxIndicator_q3bfn_164 {
  position: absolute;
  left: var(--space-2);
  display: flex;
  height: var(--space-4);
  width: var(--space-4);
  align-items: center;
  justify-content: center;
}

/* Radio Item */
._radioItem_q3bfn_175 {
  position: relative;
  display: flex;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  padding: var(--space-2) var(--space-2) var(--space-2) var(--space-8);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  outline: none;
  transition: all var(--transition-fast);
}

._radioItem_q3bfn_175[data-highlighted] {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._radioItem_q3bfn_175[data-disabled] {
  pointer-events: none;
  color: var(--dropdown-item-disabled-text);
}

._radioIndicator_q3bfn_198 {
  position: absolute;
  left: var(--space-2);
  display: flex;
  height: var(--space-4);
  width: var(--space-4);
  align-items: center;
  justify-content: center;
}

/* Label */
._label_q3bfn_209 {
  padding: var(--space-2);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

._label_q3bfn_209._inset_q3bfn_93 {
  padding-left: var(--space-8);
}

/* Separator */
._separator_q3bfn_220 {
  margin: var(--space-1) calc(-1 * var(--space-1));
  height: 1px;
  background-color: var(--border-default);
}

/* Shortcut */
._shortcut_q3bfn_227 {
  margin-left: auto;
  font-size: var(--dropdown-shortcut-font-size);
  letter-spacing: var(--dropdown-shortcut-letter-spacing);
  color: var(--dropdown-shortcut-text);
}

/* Animations - NO OPACITY, scale and slide only */
@keyframes _dropdownIn_q3bfn_1 {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}

@keyframes _dropdownOut_q3bfn_1 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.95);
  }
}

/* Side-specific slide animations - Base UI uses data-side */
._content_q3bfn_14[data-side='bottom'] {
  transform-origin: top;
}

._content_q3bfn_14[data-side='top'] {
  transform-origin: bottom;
}

._content_q3bfn_14[data-side='left'] {
  transform-origin: right;
}

._content_q3bfn_14[data-side='right'] {
  transform-origin: left;
}

._subContent_q3bfn_47[data-side='bottom'] {
  transform-origin: top;
}

._subContent_q3bfn_47[data-side='top'] {
  transform-origin: bottom;
}

._subContent_q3bfn_47[data-side='left'] {
  transform-origin: right;
}

._subContent_q3bfn_47[data-side='right'] {
  transform-origin: left;
}
/**
 * Productivity/Planner Layout Module
 * Layout styles for the weekly planner view
 */

/* ========================================
   FOCUS STYLES - Accessible focus indicators
   ======================================== */

/* Use design system focus styles instead of removing outlines */
._container_5roa3_11 *:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

/* ========================================
   MAIN CONTAINER
   ======================================== */

._container_5roa3_11 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* ========================================
   WEEK HEADER - Compact
   ======================================== */

._weekHeader_5roa3_32 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-base);
  flex-shrink: 0;
}

._weekNavLeft_5roa3_43 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._weekInfo_5roa3_49 {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 160px;
}

._weekNavArrows_5roa3_56 {
  display: flex;
  align-items: center;
  gap: 0;
}

._headerSpinner_5roa3_62 {
  color: var(--text-tertiary);
  animation: _spin_5roa3_1 1s linear infinite;
}

@keyframes _spin_5roa3_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._weekRange_5roa3_76 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._weekId_5roa3_82 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._weekNav_5roa3_43 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: absolute;
  right: 1rem;
}

._weekNavBtn_5roa3_95 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._weekNavBtn_5roa3_95:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._weekNavBtn_5roa3_95:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._todayBtn_5roa3_119 {
  width: auto;
  padding: 0 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  gap: 0.25rem;
}

._todayBtnCompact_5roa3_128 {
  margin-left: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--action-primary);
  background: transparent;
  border: 1px solid var(--action-primary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._todayBtnCompact_5roa3_128:hover {
  background: var(--action-primary);
  color: white;
}

._todayBtnCompact_5roa3_128:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ========================================
   OBJECTIVES BAR - Inline
   ======================================== */

._objectivesBar_5roa3_155 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.375rem 1rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-elevated);
  overflow-x: auto;
  flex-shrink: 0;
}

._objectivesLabel_5roa3_166 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

._objectivesList_5roa3_175 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

._objectiveChip_5roa3_183 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-full);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  cursor: pointer;
  transition: all var(--transition-fast);
}

._objectiveChip_5roa3_183:hover {
  border-color: var(--border-default);
  background-color: var(--surface-primary);
}

._objectiveChipCompleted_5roa3_203 {
  text-decoration: line-through;
  opacity: 0.6;
}

._objectiveCheckbox_5roa3_209 {
  width: 0.75rem;
  height: 0.75rem;
  accent-color: var(--action-primary);
}

._addObjectiveBtn_5roa3_215 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--radius-full);
  border: 1px dashed var(--border-default);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
  flex-shrink: 0;
}

._addObjectiveBtn_5roa3_215:hover {
  border-color: var(--text-secondary);
  color: var(--text-secondary);
}

/* ========================================
   DAYS GRID - Main content area
   ======================================== */

/* Main layout with days grid and sidebar */
._mainLayout_5roa3_240 {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background-color: var(--surface-base);
}

._daysGrid_5roa3_248 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 0;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  background-color: var(--surface-base);
}

/* ========================================
   RIGHT SIDEBAR
   ======================================== */

._rightSidebar_5roa3_264 {
  width: 260px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--border-default);
  background-color: var(--surface-base);
  overflow: hidden;
}

._sidebarSection_5roa3_274 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--radius-sm);
  transition: box-shadow var(--transition-fast);
}

/* Only show hover when keyboard nav is NOT active */
:not([data-keyboard-nav]) ._sidebarSection_5roa3_274:hover {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--action-primary) 40%, transparent);
}

._sidebarSection_5roa3_274:first-child {
  /* Border removed for cleaner look */
}

._sidebarSectionHeader_5roa3_293 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  flex-shrink: 0;
}

._sidebarSectionIcon_5roa3_301 {
  color: var(--text-tertiary);
}

._sidebarSectionTitle_5roa3_305 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

._sidebarSectionCount_5roa3_313 {
  margin-left: auto;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  background-color: var(--surface-base);
  border-radius: var(--radius-full);
  color: var(--text-tertiary);
}

._sidebarSectionContent_5roa3_323 {
  flex: 1;
  overflow-y: auto;
  padding: 0.375rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._sidebarEmpty_5roa3_332 {
  padding: 0.75rem;
  text-align: center;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._sidebarEmptyClickable_5roa3_339 {
  padding: 1rem 0.75rem;
  text-align: center;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._sidebarEmptyClickable_5roa3_339:hover {
  color: var(--action-primary);
}

._sidebarEmptyState_5roa3_352 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 1rem;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._emptyStateIcon_5roa3_364 {
  opacity: 0.5;
}

._emptyStateHint_5roa3_368 {
  font-size: var(--font-size-xs);
  opacity: 0.7;
}

._sidebarSectionClickable_5roa3_373 {
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

._sidebarSectionClickable_5roa3_373:hover {
  background-color: color-mix(in srgb, var(--action-primary) 5%, transparent);
}

._sidebarAddBtn_5roa3_382 {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._sidebarAddBtn_5roa3_382:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

/* Goal items in sidebar */
._goalItem_5roa3_403 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: left;
}

._goalItem_5roa3_403:hover {
  background-color: var(--surface-base);
}

._goalItemCompleted_5roa3_421 {
}

._goalItemCompleted_5roa3_421 ._goalTitle_5roa3_425 {
  text-decoration: line-through;
  color: var(--text-tertiary);
}

._goalCheckbox_5roa3_430 {
  width: 0.75rem;
  height: 0.75rem;
  accent-color: var(--action-primary);
  flex-shrink: 0;
}

._goalTitle_5roa3_425 {
  flex: 1;
  font-size: var(--font-size-xs);
  color: var(--text-primary);
  line-height: 1.3;
}

/* Sidebar Tabs */
._sidebarTabs_5roa3_445 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

._sidebarTabsList_5roa3_453 {
  display: flex;
  gap: 0;
  margin-top: 0.5rem;
  padding: 0.375rem;
  background: transparent;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  flex-shrink: 0;
}

._sidebarTabTrigger_5roa3_463 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._sidebarTabTrigger_5roa3_463:hover {
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
}

._sidebarTabTrigger_5roa3_463[data-selected] {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
}

._sidebarTabCount_5roa3_490 {
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  background-color: var(--surface-elevated);
  border-radius: var(--radius-full);
  color: var(--text-secondary);
}

._sidebarTabTrigger_5roa3_463[data-selected] ._sidebarTabCount_5roa3_490 {
  background-color: var(--action-primary);
  color: white;
}

/* Colored sidebar tab icons */
._iconGoals_5roa3_505 {
  color: #f59e0b; /* Amber/orange for goals/targets */
}

._iconInbox_5roa3_509 {
  color: #3b82f6; /* Blue for inbox */
}

._iconDeferred_5roa3_513 {
  color: #8b5cf6; /* Purple for deferred/paused */
}

._sidebarTabContent_5roa3_517 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  margin-top: 0;
}

._sidebarTabHeader_5roa3_526 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  flex-shrink: 0;
}

._sidebarGroupBySelect_5roa3_535 {
  height: 1.5rem;
  min-width: 5rem;
  padding: 0 0.375rem;
  font-size: var(--font-size-xs);
  background: transparent;
  border-color: transparent;
}

._sidebarGroupBySelect_5roa3_535:hover {
  border-color: var(--border-default);
}

/* Week Selector - Compact Grid */
._weekSelector_5roa3_549 {
  flex-shrink: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  padding: 0.5rem;
}

._weekSelectorHeader_5roa3_555 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

._weekSelectorTitle_5roa3_562 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

._weekSelectorNavBtn_5roa3_573 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._weekSelectorNavBtn_5roa3_573:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._weekSelectorGrid_5roa3_592 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
}

._weekSelectorCell_5roa3_598 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.25rem;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: all 0.1s ease;
}

._weekSelectorCell_5roa3_598:hover {
  background-color: var(--action-primary);
  color: white;
  border-color: transparent;
}

._weekSelectorCellSelected_5roa3_617 {
  background-color: var(--action-primary);
  color: white;
}

._weekSelectorCellSelected_5roa3_617:hover {
  background-color: var(--action-primary-hover);
  border-color: transparent;
}

._weekSelectorCellCurrent_5roa3_627 {
  border-color: var(--action-primary);
}

._weekSelectorCellCurrent_5roa3_627:not(._weekSelectorCellSelected_5roa3_617):not(:hover) {
  color: var(--action-primary);
}

._weekSelectorCellOutside_5roa3_635 {
  opacity: 0.35;
}

._weekSelectorCellOutside_5roa3_635:hover {
  opacity: 1;
}

._weekSelectorCellNum_5roa3_643 {
  font-size: 0.6rem;
  font-weight: var(--font-weight-medium);
  opacity: 0.7;
  line-height: 1;
}

._weekSelectorCellDate_5roa3_650 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

._weekSelectorCellMonth_5roa3_656 {
  margin-left: 0.125rem;
  font-size: 0.55rem;
  font-weight: var(--font-weight-normal);
  opacity: 0.8;
  color: var(--action-primary);
}

/* Inbox type sections (Work/Personal) */
._inboxTypeSection_5roa3_665 {
  margin-bottom: 0.5rem;
}

._inboxTypeSection_5roa3_665:last-child {
  margin-bottom: 0;
}

._inboxTypeSection_5roa3_665 + ._inboxTypeSection_5roa3_665 {
  margin-top: 0.5rem;
}

._inboxTypeHeader_5roa3_677 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.25rem;
  margin-bottom: 0.125rem;
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
  color: var(--text-secondary);
}

._inboxTypeHeaderWork_5roa3_688 {
}

._inboxTypeHeaderWork_5roa3_688 svg {
  color: var(--color-blue-500);
}

._inboxTypeHeaderPersonal_5roa3_696 {
}

._inboxTypeHeaderPersonal_5roa3_696 svg {
  color: var(--color-green-500);
}

/* ========================================
   DAY COLUMN
   ======================================== */

._dayColumn_5roa3_708 {
  display: flex;
  flex-direction: column;
  background-color: var(--surface-base);
  min-height: 0;
  border-radius: 0;
  border-right: 1px solid color-mix(in srgb, black 8%, transparent);
  outline: none !important;
}

/* Remove right border on last column of each row (3rd and 6th items) */
._dayColumn_5roa3_708:nth-child(3),
._dayColumn_5roa3_708:nth-child(6) {
  border-right: none;
}

/* Add bottom border to first row (first 3 items) */
._dayColumn_5roa3_708:nth-child(-n + 3) {
  border-bottom: 1px solid color-mix(in srgb, black 8%, transparent);
}

._dayColumn_5roa3_708:focus,
._dayColumn_5roa3_708:focus-visible {
  outline: none !important;
  /* Focus indication handled by ::after pseudo-element */
}

._dayColumnToday_5roa3_735 {
  /* Same background as other days - only header text indicates "today" */
}

/* Past days - subtle de-emphasis to shift focus to upcoming days */
._dayColumnPast_5roa3_741 {
  position: relative;
}

._dayColumnPast_5roa3_741::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--surface-base);
  opacity: 0.5;
  pointer-events: none;
  z-index: 1;
}

/* Reduce opacity of content in past days */
._dayColumnPast_5roa3_741 ._dayHeader_5roa3_757,
._dayColumnPast_5roa3_741 ._dayTasks_5roa3_758,
._dayColumnPast_5roa3_741 ._dayTasksEmpty_5roa3_759 {
  opacity: 0.6;
}

._dayHeader_5roa3_757 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 0.375rem 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  flex-shrink: 0;
  /* Clickable header - navigates to Today View */
  cursor: pointer;
  transition: background-color 0.15s ease;
}

._dayHeader_5roa3_757:hover {
  background-color: var(--surface-hover);
}

._dayHeaderToday_5roa3_780 {
  background-color: var(--color-blue-100);
}

._dayHeaderToday_5roa3_780:hover {
  background-color: var(--color-blue-200);
}

@media (prefers-color-scheme: dark) {
  ._dayHeaderToday_5roa3_780 {
    background-color: color-mix(in srgb, var(--color-blue-500) 20%, transparent);
  }

  ._dayHeaderToday_5roa3_780:hover {
    background-color: color-mix(in srgb, var(--color-blue-500) 30%, transparent);
  }
}

._dayHeaderLeft_5roa3_799 {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
  justify-content: flex-start;
  flex: 1;
}

._dayName_5roa3_807 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-tertiary);
}

._dayNameToday_5roa3_815 {
  color: var(--action-primary);
}

._dayNumber_5roa3_820 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._dayNumberToday_5roa3_826 {
  color: var(--action-primary);
}

._todayBadge_5roa3_831 {
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
  color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 15%, transparent);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-full);
  margin-left: 0.25rem;
}

._eventsCount_5roa3_841 {
  font-size: 0.625rem;
  color: var(--text-tertiary);
  margin-left: 0.375rem;
}

/* Gap Summary Badge */
._gapBadgeContainer_5roa3_848 {
  position: absolute;
  right: 0.5rem;
  display: inline-flex;
  overflow: visible;
}

._gapBadge_5roa3_848 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--success-text, #166534);
  background: var(--success-bg, #dcfce7);
  border: 1px solid var(--success-border, #86efac);
  border-radius: var(--radius-sm);
  padding: 0.125rem 0.375rem;
  margin-left: 0.25rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}

._gapBadge_5roa3_848:hover {
  background: color-mix(in srgb, var(--success-bg, #dcfce7) 80%, var(--success-text, #166534));
  color: var(--success-text, #166534);
}

._focusScore_5roa3_875 {
  font-size: 0.75rem;
  font-weight: 700;
}

._slotBreakdown_5roa3_880 {
  font-size: 0.625rem;
  font-weight: 600;
}

/* Gap Popover */
._gapPopover_5roa3_886 {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.25rem;
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  padding: 0.5rem;
  min-width: 200px;
  z-index: 1000;
}

._gapPopoverHeader_5roa3_900 {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._gapPopoverTotal_5roa3_910 {
  font-weight: 400;
  font-size: 0.625rem;
  color: var(--text-tertiary);
}

._gapPopoverEmpty_5roa3_916 {
  font-size: 0.625rem;
  color: var(--text-tertiary);
}

._gapPopoverList_5roa3_921 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._gapPopoverItem_5roa3_927 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.625rem;
}

._gapCategoryBadge_5roa3_934 {
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  font-size: 0.5625rem;
  font-weight: 600;
  flex-shrink: 0;
  white-space: nowrap;
}

._gapLarge_5roa3_948 {
  background: var(--success-bg, #dcfce7);
  color: var(--success-text, #166534);
}

._gapMedium_5roa3_953 {
  background: var(--warning-bg, #fef3c7);
  color: var(--warning-text, #92400e);
}

._gapSmall_5roa3_958 {
  background: var(--muted-bg, #f3f4f6);
  color: var(--muted-text, #6b7280);
}

._gapTimeRange_5roa3_963 {
  color: var(--text-secondary);
  flex: 1;
}

._gapDuration_5roa3_968 {
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, monospace);
}

._addTaskBtn_5roa3_973 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
  opacity: 0;
}

._dayColumn_5roa3_708:hover ._addTaskBtn_5roa3_973,
._addTaskBtn_5roa3_973:focus {
  opacity: 1;
}

._addTaskBtn_5roa3_973:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._dayNote_5roa3_1000 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  font-style: italic;
  background-color: var(--surface-base);
  border-bottom: 1px solid var(--border-default);
}

._dayTasks_5roa3_758 {
  flex: 1;
  padding: 0.375rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  outline: none !important;
}

._dayTasks_5roa3_758:focus,
._dayTasks_5roa3_758:focus-visible {
  outline: none !important;
}

._dayTasksEmpty_5roa3_759 {
  align-items: center;
  justify-content: center;
}

._emptyDayText_5roa3_1030 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  font-style: italic;
}

/* ========================================
   TASK CARD
   ======================================== */

/* Wrapper for task card with optional subtasks below */
._taskCardWrapper_5roa3_1041 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0;
  margin-bottom: 0.375rem; /* 6px spacing between tasks */
  border-radius: var(--radius);
  background-color: var(--surface-base);
  border: 1px solid transparent;
  cursor: grab;
  transition: all var(--transition-fast);
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

._taskCardWrapper_5roa3_1041:hover {
  background-color: var(--item-hover-bg);
}

._taskCardWrapperDragging_5roa3_1060 {
  opacity: 0.5;
  cursor: grabbing;
  border-style: dashed;
  border-color: rgba(59, 130, 246, 0.5);
  background-color: var(--item-hover-bg);
}

/* Single-row layout: checkbox | title | badges */
._taskCardMainRow_5roa3_1070 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0; /* Allow text truncation */
}

/* Inline badges container - appears on the right of title */
._taskCardInlineBadges_5roa3_1078 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  margin-left: auto;
}

/* Legacy taskCard class for backwards compatibility */
._taskCard_5roa3_1041 {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius-sm);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  cursor: grab;
  transition: all var(--transition-fast);
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

._taskCard_5roa3_1041:hover {
  border-color: var(--border-default);
  box-shadow: var(--shadow-sm);
}

._taskCardDragging_5roa3_1106 {
  opacity: 0.4;
  cursor: grabbing;
  border-style: dashed;
  border-color: var(--border-default);
  background-color: color-mix(in srgb, var(--surface-base) 50%, transparent);
}

/* Keyboard navigation highlight */
._taskCardHighlighted_5roa3_1116 {
  outline: 2px solid var(--action-primary);
  outline-offset: 1px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

/* Completed task styling (when showing completed tasks instead of hiding them) */
._taskCardCompleted_5roa3_1123 {
  opacity: 0.6;
  background-color: transparent;
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast);
}

._taskCardCompleted_5roa3_1123:hover {
  opacity: 0.8;
  background-color: var(--item-hover-bg);
}

/* Won't Do task styling (more muted than completed, visually distinct) */
._taskCardWontDo_5roa3_1137 {
  opacity: 0.5;
  background-color: transparent;
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast);
}

._taskCardWontDo_5roa3_1137:hover {
  opacity: 0.7;
  background-color: var(--item-hover-bg);
}

/* Task completion animation */
@keyframes _taskComplete_5roa3_1 {
  0% {
    transform: scale(1);
    opacity: 1;
    background-color: var(--surface-base);
  }
  30% {
    transform: scale(1.02);
    background-color: color-mix(in srgb, #22c55e 15%, var(--surface-base));
  }
  100% {
    transform: scale(0.95);
    opacity: 0;
    background-color: color-mix(in srgb, #22c55e 10%, var(--surface-base));
  }
}

/* Height collapse animation for task wrapper - starts collapsing after fade completes */
@keyframes _taskCollapseHeight_5roa3_1 {
  0%,
  70% {
    max-height: 150px;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  100% {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@keyframes _checkmarkPop_5roa3_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

._taskCardCompleting_5roa3_1195 {
  animation:
    _taskComplete_5roa3_1 400ms ease-out forwards,
    _taskCollapseHeight_5roa3_1 400ms ease-out forwards;
  pointer-events: none;
  overflow: hidden;
}

._taskCardCompleting_5roa3_1195 ._taskCheckbox_5roa3_1203 {
  animation: _checkmarkPop_5roa3_1 200ms ease-out;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  ._taskCardCompleting_5roa3_1195 {
    animation: none;
    opacity: 0.5;
    transition: opacity 150ms ease-out;
  }

  ._taskCardCompleting_5roa3_1195 ._taskCheckbox_5roa3_1203 {
    animation: none;
  }
}

/* Task deletion animation - similar to completion but with red tint */
@keyframes _taskDelete_5roa3_1 {
  0% {
    transform: scale(1);
    opacity: 1;
    background-color: var(--surface-base);
  }
  30% {
    transform: scale(1.02);
    background-color: color-mix(in srgb, #ef4444 15%, var(--surface-base));
  }
  100% {
    transform: scale(0.95);
    opacity: 0;
    background-color: color-mix(in srgb, #ef4444 10%, var(--surface-base));
  }
}

._taskCardDeleting_5roa3_1238 {
  animation:
    _taskDelete_5roa3_1 350ms ease-out forwards,
    _taskCollapseHeight_5roa3_1 350ms ease-out forwards;
  pointer-events: none;
  overflow: hidden;
}

/* Respect reduced motion preferences for delete animation */
@media (prefers-reduced-motion: reduce) {
  ._taskCardDeleting_5roa3_1238 {
    animation: none;
    opacity: 0.5;
    transition: opacity 150ms ease-out;
  }
}

/* Pending state for optimistic task creation */
/* @see Issue #45: Add optimistic UI for task creation */
@keyframes _taskPendingPulse_5roa3_1 {
  0%,
  100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.4;
  }
}

._taskCardPending_5roa3_1267 {
  opacity: 0.6;
  animation: _taskPendingPulse_5roa3_1 1.5s ease-in-out infinite;
  pointer-events: none;
  position: relative;
  overflow: hidden;
}

._taskCardPending_5roa3_1267::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(99, 102, 241, 0.1) 50%, transparent 100%);
  animation: _taskPendingShimmer_5roa3_1 1.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes _taskPendingShimmer_5roa3_1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* Respect reduced motion preferences for pending animation */
@media (prefers-reduced-motion: reduce) {
  ._taskCardPending_5roa3_1267 {
    animation: none;
    opacity: 0.5;
  }

  ._taskCardPending_5roa3_1267::after {
    animation: none;
    display: none;
  }
}

/* Failed state for task creation error - subtle background tint only */
._taskCardFailed_5roa3_1310 {
  background-color: color-mix(in srgb, var(--status-error, #ef4444) 5%, var(--surface-elevated));
}

/* Compact inline failed task actions */
._failedTaskActions_5roa3_1315 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: var(--space-1);
}

._failedBadge_5roa3_1322 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--status-error, #ef4444);
}

._failedRetryBtn_5roa3_1329 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 150ms ease;
}

._failedRetryBtn_5roa3_1329:hover {
  color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
}

._failedDismissBtn_5roa3_1349 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 150ms ease;
}

._failedDismissBtn_5roa3_1349:hover {
  color: var(--status-error, #ef4444);
  background-color: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent);
}

._sidebarSectionHighlighted_5roa3_1369 {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--action-primary) 40%, transparent);
  border-radius: var(--radius-sm);
}

._dayColumnHighlighted_5roa3_1374 {
  position: relative;
  z-index: var(--z-base);
}

._dayColumnHighlighted_5roa3_1374::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid color-mix(in srgb, var(--action-primary) 40%, transparent);
  border-radius: inherit;
  pointer-events: none;
  z-index: var(--z-raised);
}

._taskCheckbox_5roa3_1203 {
  width: 0.875rem;
  height: 0.875rem;
  accent-color: var(--action-primary);
  flex-shrink: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 2px solid var(--text-tertiary);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: all 0.1s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

._taskCheckbox_5roa3_1203:checked {
  background-color: var(--action-primary);
  border-color: var(--action-primary);
}

._taskCheckbox_5roa3_1203:checked::after {
  content: '';
  width: 0.25rem;
  height: 0.4rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-bottom: 2px;
}

._taskCheckbox_5roa3_1203:hover {
  border-color: var(--action-primary);
}

._taskTitle_5roa3_1425 {
  flex: 1;
  font-size: var(--font-size-xs);
  color: var(--text-primary);
  line-height: 1.3;
  min-width: 0;
}

._taskTitleCompleted_5roa3_1433 {
  text-decoration: line-through;
  color: var(--text-tertiary);
}

._taskTitleWontDo_5roa3_1439 {
  text-decoration: line-through;
  color: var(--text-disabled);
  font-style: italic;
}

/* Scheduled time display in task cards - right-aligned */
._taskScheduledTime_5roa3_1447 {
  font-size: 0.6875rem;
  font-weight: var(--font-weight-normal);
  color: var(--text-tertiary);
  opacity: 0.85;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  margin-left: auto;
}

/* Task section headers for Work/Personal grouping */
._taskSection_5roa3_1458 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._taskSection_5roa3_1458 + ._taskSection_5roa3_1458 {
  margin-top: 0.5rem;
}

._taskSectionHeader_5roa3_1468 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.25rem;
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
  color: var(--text-secondary);
}

._taskSectionHeader_5roa3_1468 svg {
  opacity: 0.7;
}

._taskSectionHeaderWork_5roa3_1482 {
}

._taskSectionHeaderWork_5roa3_1482 svg {
  color: var(--color-blue-500);
}

._taskSectionHeaderPersonal_5roa3_1490 {
}

._taskSectionHeaderPersonal_5roa3_1490 svg {
  color: var(--color-green-500);
}

._priorityBadge_5roa3_1498 {
  font-size: 0.625rem;
  font-weight: var(--font-weight-semibold);
  padding: 0.0625rem 0.25rem;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

._priorityP1_5roa3_1506 {
  background-color: var(--color-red-100);
  color: var(--color-red-700);
}

._priorityP2_5roa3_1512 {
  background-color: var(--color-orange-100);
  color: var(--color-orange-700);
}

._priorityP3_5roa3_1518 {
  background-color: var(--color-blue-100);
  color: var(--color-blue-700);
}

._priorityP4_5roa3_1524 {
  background-color: var(--color-gray-100);
  color: var(--color-gray-600);
}

/* ========================================
   WEEKEND COLUMN
   ======================================== */

._weekendColumn_5roa3_1534 {
}

._weekendHeader_5roa3_1538 {
}

._weekendHeaderToday_5roa3_1542 {
}

._weekendHeaderLeft_5roa3_1546 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  flex-wrap: nowrap;
  min-width: 0;
}

._weekendLabel_5roa3_1555 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-secondary);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: color 0.15s ease;
  flex-shrink: 0;
}

._weekendLabel_5roa3_1555:hover {
  color: var(--brand-primary);
}

._weekendDates_5roa3_1573 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

._weekendDateGroup_5roa3_1580 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

._weekendDateBtn_5roa3_1586 {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.15s ease;
  white-space: nowrap;
}

._weekendDateBtn_5roa3_1586:hover {
  opacity: 0.7;
}

._weekendSeparator_5roa3_1602 {
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  margin: 0 0.125rem;
}

/* ========================================
   HEADER STATUS INDICATOR
   Unified timer + focus mode pill
   ======================================== */

._statusIndicator_5roa3_1613 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: color-mix(in srgb, var(--color-blue-500) 12%, transparent);
  border: none;
  border-radius: var(--radius);
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease;
}

._statusIndicator_5roa3_1613:hover {
  background: color-mix(in srgb, var(--color-blue-500) 18%, transparent);
}

._statusIcon_5roa3_1631 {
  color: var(--color-blue-500);
  flex-shrink: 0;
}

._statusTitle_5roa3_1636 {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--font-weight-medium);
}

._statusTime_5roa3_1644 {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  color: var(--color-blue-600);
}

._statusText_5roa3_1650 {
  color: var(--text-tertiary);
  font-weight: var(--font-weight-medium);
}

._statusSeparator_5roa3_1655 {
  color: var(--text-tertiary);
  opacity: 0.5;
}

._statusCount_5roa3_1660 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._statusActionBtn_5roa3_1665 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._statusActionBtn_5roa3_1665:hover {
  background: var(--surface-elevated);
  color: var(--text-primary);
}

/* Snooze warning state - amber/orange colors */
._statusWarning_5roa3_1684 {
  background: color-mix(in srgb, var(--color-yellow-500) 15%, transparent);
  animation: _warningPulse_5roa3_1 2s ease-in-out infinite;
}

._statusWarning_5roa3_1684:hover {
  background: color-mix(in srgb, var(--color-yellow-500) 22%, transparent);
}

._statusIconWarning_5roa3_1693 {
  color: var(--color-yellow-500);
  flex-shrink: 0;
}

._statusWarning_5roa3_1684 ._statusTime_5roa3_1644 {
  color: var(--color-yellow-600);
}

._statusWarning_5roa3_1684 ._statusText_5roa3_1650 {
  color: var(--color-yellow-600);
  font-weight: var(--font-weight-semibold);
}

@keyframes _warningPulse_5roa3_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
}

/* ========================================
   BOTTOM TRAY - Inbox/Leftover
   ======================================== */

._bottomTray_5roa3_1721 {
  border-top: 1px solid var(--border-default);
  background-color: var(--surface-base);
  flex-shrink: 0;
  transition: height var(--transition-normal);
}

._bottomTrayCollapsed_5roa3_1728 {
}

._bottomTrayExpanded_5roa3_1732 {
  height: 12rem;
}

._bottomTrayHeader_5roa3_1737 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._bottomTrayHeader_5roa3_1737:hover {
  background-color: var(--surface-elevated);
}

._bottomTrayTabs_5roa3_1750 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._bottomTrayTab_5roa3_1750 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.25rem 0;
  border: none;
  background: transparent;
  transition: color var(--transition-fast);
}

._bottomTrayTab_5roa3_1750:hover {
  color: var(--text-primary);
}

._bottomTrayTabActive_5roa3_1774 {
  color: var(--text-primary);
  border-bottom: 2px solid var(--action-primary);
}

._bottomTrayCount_5roa3_1780 {
  font-size: 0.625rem;
  background-color: var(--surface-elevated);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-full);
}

._bottomTrayToggle_5roa3_1787 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._bottomTrayToggle_5roa3_1787:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._bottomTrayContent_5roa3_1806 {
  display: none;
  padding: 0.5rem 1rem;
  overflow-y: auto;
  max-height: 9rem;
}

._bottomTrayExpanded_5roa3_1732 ._bottomTrayContent_5roa3_1806 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* ========================================
   DRAG AND DROP
   ======================================== */

._dropZone_5roa3_1823 {
  min-height: 2rem;
  border-radius: var(--radius-sm);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid transparent;
}

._dropZoneActive_5roa3_1830 {
  background-color: color-mix(in srgb, var(--action-primary) 12%, transparent);
  border: 2px dashed var(--action-primary);
  transform: scale(1.01);
}

@keyframes _dropZonePulse_5roa3_1 {
  0%,
  100% {
    background-color: color-mix(in srgb, var(--action-primary) 12%, transparent);
  }
  50% {
    background-color: color-mix(in srgb, var(--action-primary) 18%, transparent);
  }
}

._dropZoneActive_5roa3_1830 {
  animation: _dropZonePulse_5roa3_1 1.5s ease-in-out infinite;
}

/* ========================================
   NEXT WEEK DROP ZONE
   ======================================== */

._nextWeekDropZone_5roa3_1854 {
  /* Positioned in flex layout between days grid and right sidebar */
  flex-shrink: 0;
  width: 60px;
  height: 120px;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background: color-mix(in srgb, var(--surface-elevated) 95%, transparent);
  border: 2px dashed var(--border-default);
  border-right: none;
  border-radius: var(--radius) 0 0 var(--radius);
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  font-weight: 500;
  z-index: var(--z-dropdown);
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    width 0.15s ease;
}

._nextWeekDropZone_5roa3_1854 span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

._nextWeekDropZoneActive_5roa3_1885 {
  width: 80px;
  background: color-mix(in srgb, var(--action-primary) 15%, var(--surface-elevated));
  border-color: var(--action-primary);
  color: var(--action-primary);
}

/* Previous Week Drop Zone (left edge) */
._prevWeekDropZone_5roa3_1893 {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background: color-mix(in srgb, var(--surface-elevated) 95%, transparent);
  border: 2px dashed var(--border-default);
  border-left: none;
  border-radius: 0 var(--radius) var(--radius) 0;
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  font-weight: 500;
  z-index: var(--z-dropdown);
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    width 0.15s ease;
}

._prevWeekDropZone_5roa3_1893 span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}

._prevWeekDropZoneActive_5roa3_1926 {
  width: 80px;
  background: color-mix(in srgb, var(--action-primary) 15%, var(--surface-elevated));
  border-color: var(--action-primary);
  color: var(--action-primary);
}

/* ========================================
   DARK MODE SUPPORT
   ======================================== */

[data-theme='dark'] ._priorityP1_5roa3_1506,
[data-theme='dark-contrasted'] ._priorityP1_5roa3_1506 {
  background-color: color-mix(in srgb, var(--color-red-500) 20%, transparent);
  color: var(--color-red-400);
}

[data-theme='dark'] ._priorityP2_5roa3_1512,
[data-theme='dark-contrasted'] ._priorityP2_5roa3_1512 {
  background-color: color-mix(in srgb, var(--color-orange-500) 20%, transparent);
  color: var(--color-orange-400);
}

[data-theme='dark'] ._priorityP3_5roa3_1518,
[data-theme='dark-contrasted'] ._priorityP3_5roa3_1518 {
  background-color: color-mix(in srgb, var(--color-blue-500) 20%, transparent);
  color: var(--color-blue-400);
}

[data-theme='dark'] ._priorityP4_5roa3_1524,
[data-theme='dark-contrasted'] ._priorityP4_5roa3_1524 {
  background-color: color-mix(in srgb, var(--color-gray-500) 20%, transparent);
  color: var(--color-gray-400);
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

@media (prefers-reduced-motion: reduce) {
  ._taskCard_5roa3_1041,
  ._dayColumn_5roa3_708,
  ._bottomTray_5roa3_1721,
  ._weekNavBtn_5roa3_95,
  ._addTaskBtn_5roa3_973,
  ._objectiveChip_5roa3_183,
  ._dropZone_5roa3_1823 {
    transition: none;
  }

  ._dropZoneActive_5roa3_1830 {
    animation: none;
    transform: none;
  }
}

/* ========================================
   LOADING & ERROR STATES
   ======================================== */

._loadingOverlay_5roa3_1986 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--surface-base) 80%, transparent);
  z-index: var(--z-raised);
}

._loadingSpinner_5roa3_1996 {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--border-default);
  border-top-color: var(--action-primary);
  border-radius: 50%;
  animation: _spin_5roa3_1 0.6s linear infinite;
}

._loadingSpinnerSmall_5roa3_2005 {
  width: 0.875rem;
  height: 0.875rem;
  border-width: 1.5px;
}

@keyframes _spin_5roa3_1 {
  to {
    transform: rotate(360deg);
  }
}

._errorBanner_5roa3_2018 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: color-mix(in srgb, var(--color-red-500) 10%, transparent);
  border-bottom: 1px solid var(--color-red-200);
  color: var(--color-red-700);
  font-size: var(--font-size-xs);
}

._errorBannerIcon_5roa3_2029 {
  flex-shrink: 0;
}

._errorBannerMessage_5roa3_2033 {
  flex: 1;
}

._errorBannerAction_5roa3_2037 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  background-color: var(--color-red-100);
  border: 1px solid var(--color-red-300);
  border-radius: var(--radius-sm);
  color: var(--color-red-700);
  cursor: pointer;
  transition: all 0.1s ease;
}

._errorBannerAction_5roa3_2037:hover {
  background-color: var(--color-red-200);
}

._daysGridLoading_5roa3_2053 {
  position: relative;
}

/* ========================================
   TASK MODAL
   ======================================== */

._modalOverlay_5roa3_2062 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-floating);
  animation: _fadeIn_5roa3_1 0.15s ease-out;
}

._modal_5roa3_2062 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-xl);
  width: 100%;
  max-width: 28rem;
  max-height: 90vh;
  overflow-y: auto;
  animation: _scaleIn_5roa3_1 0.15s ease-out;
}

._modalHeader_5roa3_2085 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._modalTitle_5roa3_2093 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._modalClose_5roa3_2099 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._modalClose_5roa3_2099:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._modalBody_5roa3_2118 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow-y: auto;
  flex: 1;
}

._modalFooter_5roa3_2127 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
}

/* Form fields */
._formGroup_5roa3_2137 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._formLabel_5roa3_2143 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._formInput_5roa3_2152 {
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background-color: var(--surface-base);
  color: var(--text-primary);
  outline: none;
  transition: border-color 0.1s ease;
}

._formInput_5roa3_2152:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

._formInput_5roa3_2152::-moz-placeholder {
  color: var(--text-tertiary);
}

._formInput_5roa3_2152::placeholder {
  color: var(--text-tertiary);
}

._formTextarea_5roa3_2172 {
  min-height: 4rem;
  resize: vertical;
}

/* Markdown editor in forms */
._formMarkdownEditor_5roa3_2179 {
  min-height: 100px;
}

._formRow_5roa3_2183 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

/* Priority selector */
._prioritySelector_5roa3_2190 {
  display: flex;
  gap: 0.375rem;
}

._priorityOption_5roa3_2195 {
  flex: 1;
  padding: 0.375rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  text-align: center;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background-color: var(--surface-base);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._priorityOption_5roa3_2195:hover {
  border-color: var(--border-default);
}

._priorityOptionP1_5roa3_2213 {
}

._priorityOptionP1Selected_5roa3_2217 {
  background-color: var(--color-red-100);
  border-color: var(--color-red-300);
  color: var(--color-red-700);
}

._priorityOptionP2_5roa3_2224 {
}

._priorityOptionP2Selected_5roa3_2228 {
  background-color: var(--color-orange-100);
  border-color: var(--color-orange-300);
  color: var(--color-orange-700);
}

._priorityOptionP3_5roa3_2235 {
}

._priorityOptionP3Selected_5roa3_2239 {
  background-color: var(--color-blue-100);
  border-color: var(--color-blue-300);
  color: var(--color-blue-700);
}

._priorityOptionP4_5roa3_2246 {
}

._priorityOptionP4Selected_5roa3_2250 {
  background-color: var(--color-gray-100);
  border-color: var(--color-gray-300);
  color: var(--color-gray-600);
}

/* Tags input */
._tagsContainer_5roa3_2258 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.375rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background-color: var(--surface-base);
  min-height: 2.25rem;
}

._tagsContainer_5roa3_2258:focus-within {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

._tag_5roa3_2258 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
}

._tagRemove_5roa3_2286 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.875rem;
  height: 0.875rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  border-radius: var(--radius-full);
}

._tagRemove_5roa3_2286:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._tagInput_5roa3_2304 {
  flex: 1;
  min-width: 4rem;
  padding: 0.125rem 0.25rem;
  font-size: var(--font-size-xs);
  border: none;
  background: transparent;
  color: var(--text-primary);
  outline: none;
}

._tagInput_5roa3_2304::-moz-placeholder {
  color: var(--text-tertiary);
}

._tagInput_5roa3_2304::placeholder {
  color: var(--text-tertiary);
}

/* Buttons */
._btnPrimary_5roa3_2320 {
  padding: 0.5rem 1rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  background-color: var(--action-primary);
  border: none;
  border-radius: var(--radius-sm);
  color: white;
  cursor: pointer;
  transition: all 0.1s ease;
}

._btnPrimary_5roa3_2320:hover {
  opacity: 0.9;
}

._btnPrimary_5roa3_2320:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._btnSecondary_5roa3_2341 {
  padding: 0.5rem 1rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._btnSecondary_5roa3_2341:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._btnDanger_5roa3_2358 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  background-color: transparent;
  border: 1px solid var(--color-red-500);
  border-radius: var(--radius-sm);
  color: var(--color-red-500);
  cursor: pointer;
  transition: all 0.15s ease;
  margin-right: 0.5rem;
}

._btnDanger_5roa3_2358:hover {
  background-color: var(--color-red-500);
  color: white;
}

/* ========================================
   TODOIST-STYLE TASK MODAL
   ======================================== */

._taskModalOverlay_5roa3_2383 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5vh 20px;
  z-index: var(--z-overlay);
  animation: _fadeIn_5roa3_1 0.15s ease-out;
}

._taskModal_5roa3_2383 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 900px;
  height: 92vh;
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  animation: _scaleIn_5roa3_1 0.15s ease-out;
  overflow: hidden;
}

/* Objective Modal - smaller variant */
._objectiveModal_5roa3_2410 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  animation: _scaleIn_5roa3_1 0.15s ease-out;
  overflow: hidden;
}

._objectiveInputGroup_5roa3_2422 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-bottom: 1rem;
}

._objectiveLabel_5roa3_2429 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._objectiveTitleInput_5roa3_2437 {
  width: 100%;
  padding: 0.625rem 0.75rem;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  outline: none;
  transition: border-color 0.15s ease;
}

._objectiveTitleInput_5roa3_2437:focus {
  border-color: var(--action-primary);
}

._objectiveTitleInput_5roa3_2437::-moz-placeholder {
  color: var(--text-tertiary);
  font-weight: var(--font-weight-normal);
}

._objectiveTitleInput_5roa3_2437::placeholder {
  color: var(--text-tertiary);
  font-weight: var(--font-weight-normal);
}

._objectiveDescriptionInput_5roa3_2459 {
  width: 100%;
  padding: 0.625rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  outline: none;
  resize: vertical;
  min-height: 80px;
  transition: border-color 0.15s ease;
}

._objectiveDescriptionInput_5roa3_2459:focus {
  border-color: var(--action-primary);
}

._objectiveDescriptionInput_5roa3_2459::-moz-placeholder {
  color: var(--text-tertiary);
}

._objectiveDescriptionInput_5roa3_2459::placeholder {
  color: var(--text-tertiary);
}

/* Task Modal Header */
._taskModalHeader_5roa3_2482 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._taskModalHeaderLeft_5roa3_2490 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

/* Header project selector */
._taskModalHeaderProject_5roa3_2499 {
  position: relative;
  display: inline-flex;
  align-items: center;
}

._taskModalHeaderProjectBtn_5roa3_2505 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  background: transparent;
  border: none;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: all 0.1s ease;
}

._taskModalHeaderProjectBtn_5roa3_2505:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._taskModalProjectDropdownHeader_5roa3_2524 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-elevated);
  min-width: 180px;
  margin-top: 0.25rem;
  padding: 0.375rem;
  background-color: var(--surface-overlay);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
}

._taskModalBreadcrumbSep_5roa3_2538 {
  color: var(--text-tertiary);
}

._taskModalBreadcrumbItem_5roa3_2542 {
  display: inline-flex;
  align-items: center;
}

._taskModalBreadcrumbLink_5roa3_2547 {
  background: none;
  border: none;
  padding: 0.125rem 0.25rem;
  margin: -0.125rem 0;
  font-size: inherit;
  color: var(--action-primary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background-color 0.1s ease;
}

._taskModalBreadcrumbLink_5roa3_2547:hover {
  background-color: var(--surface-base);
  text-decoration: underline;
}

._taskModalBreadcrumbCurrent_5roa3_2564 {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
}

._taskModalHeaderActions_5roa3_2569 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._taskModalDeleteBtn_5roa3_2575 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  background: var(--state-error-bg);
  color: var(--state-error);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._taskModalDeleteBtn_5roa3_2575:hover {
  background-color: var(--state-error);
  color: white;
}

._taskModalCloseBtn_5roa3_2594 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: -0.5rem; /* Move closer to edge */
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
}

._taskModalCloseBtn_5roa3_2594:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-secondary);
}

._taskModalContent_5roa3_2615 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}

._taskModalMain_5roa3_2622 {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  flex: 1;
  overflow-y: auto;
}

._taskModalTitleRow_5roa3_2630 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

._taskModalCheckbox_5roa3_2637 {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.25rem;
  border: 2px solid var(--text-tertiary);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.1s ease;
}

._taskModalCheckbox_5roa3_2637:hover {
  background-color: var(--surface-base);
}

._taskModalCheckbox_5roa3_2637:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

._taskModalCheckboxCompleted_5roa3_2658 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._taskModalTitleInput_5roa3_2664 {
  flex: 1;
  font-size: 1.25rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  border: none;
  background: transparent;
  outline: none;
  resize: none;
  line-height: 1.4;
  overflow: hidden;
}

._taskModalTitleInput_5roa3_2664::-moz-placeholder {
  color: var(--text-tertiary);
}

._taskModalTitleInput_5roa3_2664::placeholder {
  color: var(--text-tertiary);
}

._taskModalDescriptionRow_5roa3_2681 {
  padding-left: 1.875rem;
  margin-bottom: 0.5rem;
}

/* Description section with border */
._taskModalDescriptionSection_5roa3_2687 {
  padding: 0.75rem;
  margin-left: 1.875rem;
  margin-bottom: 0.5rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  background-color: var(--surface-base);
}

._taskModalDescriptionSection_5roa3_2687:focus-within {
  border-color: var(--action-primary);
}

._taskModalDescriptionLabel_5roa3_2700 {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold); /* Stronger weight */
  color: var(--text-secondary); /* Improved contrast */
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 0.375rem;
}

._taskModalDescriptionInput_5roa3_2710 {
  width: 100%;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  border: none;
  background: transparent;
  outline: none;
  resize: none;
  line-height: 1.5;
}

._taskModalDescriptionInput_5roa3_2710::-moz-placeholder {
  color: var(--text-tertiary);
}

._taskModalDescriptionInput_5roa3_2710::placeholder {
  color: var(--text-tertiary);
}

._taskModalDescriptionEditor_5roa3_2725 {
  width: 100%;
  min-height: 120px;
}

._taskModalAddSubtask_5roa3_2730 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
}

._taskModalAddSubtask_5roa3_2730:hover {
  color: var(--text-secondary);
  background-color: var(--surface-base);
}

._taskModalAddSubtask_5roa3_2730:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Subtask badge on TaskCard */
._subtaskBadge_5roa3_2755 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
  color: var(--text-tertiary);
  background: var(--surface-secondary);
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
}

/* Clickable subtask badge */
._subtaskBadgeClickable_5roa3_2767 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
  color: var(--text-tertiary);
  background: var(--surface-secondary);
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

._subtaskBadgeClickable_5roa3_2767:hover {
  background: var(--surface-tertiary);
  color: var(--text-secondary);
}

/* Duration badge on TaskCard */
._durationBadge_5roa3_2789 {
  display: inline-flex;
  align-items: center;
  font-size: 0.7rem;
  color: var(--text-tertiary);
  background: var(--surface-secondary);
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
}

/* Labels row below title in TaskCard */
._taskCardLabelsRow_5roa3_2800 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-left: 1.25rem; /* Align with task title */
  margin-top: 0.125rem;
}

/* Inline subtasks list in TaskCard */
._taskCardSubtasks_5roa3_2809 {
  margin-left: 1.25rem; /* Align with task title */
  margin-top: 0.125rem;
  padding-left: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0;
}

._taskCardSubtaskRow_5roa3_2818 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.0625rem 0;
  width: -moz-fit-content;
  width: fit-content; /* Prevent row from stretching, keeps items tightly packed */
  max-width: 100%; /* But don't exceed container */
}

._taskCardSubtaskCheckbox_5roa3_2827 {
  width: 12px;
  height: 12px;
  cursor: pointer;
  flex-shrink: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 1.5px solid var(--text-tertiary);
  border-radius: 50%;
  background: transparent;
  transition: all 0.1s ease;
}

._taskCardSubtaskCheckbox_5roa3_2827:checked {
  background-color: var(--action-primary);
  border-color: var(--action-primary);
}

._taskCardSubtaskCheckbox_5roa3_2827:checked::after {
  content: '';
  display: block;
  width: 3px;
  height: 5px;
  border: solid white;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
  margin: 1px auto 0;
}

._taskCardSubtaskCheckbox_5roa3_2827:hover {
  border-color: var(--action-primary);
}

._taskCardSubtaskTitle_5roa3_2860 {
  font-size: 0.75rem;
  color: var(--text-secondary);
  line-height: 1.3;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  text-align: left;
  cursor: pointer;
  transition: color 0.15s ease;
}

._taskCardSubtaskTitle_5roa3_2860:hover {
  color: var(--brand-primary);
  text-decoration: underline;
}

._taskCardSubtaskTitleCompleted_5roa3_2878 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  text-decoration: line-through;
  line-height: 1.3;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  text-align: left;
  cursor: pointer;
}

._taskCardSubtaskTitleCompleted_5roa3_2878:hover {
  text-decoration: underline line-through;
}

._taskCardSubtaskDuration_5roa3_2895 {
  font-size: 0.75rem; /* Same as subtask title */
  color: var(--text-secondary); /* Same as subtask title */
  line-height: 1.3; /* Same as subtask title */
  margin-left: 0.25rem; /* Small gap after title */
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

/* Subtasks section in modal - Linear-style: spacing instead of divider */
._subtasksSection_5roa3_2905 {
  margin-top: 1rem;
  margin-left: 1.875rem;
  padding-top: 0;
}

._subtasksSectionHeader_5roa3_2911 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

._subtaskCount_5roa3_2921 {
  font-weight: var(--font-weight-normal);
  color: var(--text-tertiary);
}

._subtaskRow_5roa3_2926 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0;
}

._subtaskCheckbox_5roa3_2933 {
  width: 14px;
  height: 14px;
  cursor: pointer;
  flex-shrink: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 2px solid var(--text-tertiary);
  border-radius: 50%;
  background: transparent;
  transition: all 0.1s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

._subtaskCheckbox_5roa3_2933:checked {
  background-color: var(--action-primary);
  border-color: var(--action-primary);
}

._subtaskCheckbox_5roa3_2933:checked::after {
  content: '';
  width: 0.2rem;
  height: 0.35rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-bottom: 1px;
}

._subtaskCheckbox_5roa3_2933:hover {
  border-color: var(--action-primary);
}

._subtaskTitleBtn_5roa3_2968 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  margin: -0.25rem 0;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  text-align: left;
  transition: background-color 0.1s ease;
}

._subtaskTitleBtn_5roa3_2968:hover {
  background-color: var(--surface-base);
}

._subtaskTitle_5roa3_2968 {
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._subtaskTitleCompleted_5roa3_2994 {
  flex: 1;
  font-size: var(--font-size-sm);
  text-decoration: line-through;
  color: var(--text-tertiary);
}

/* Inline editing input for subtask titles */
._subtaskInlineInput_5roa3_3002 {
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  padding: 0.25rem 0.5rem;
  outline: none;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

._subtaskInlineInput_5roa3_3002:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--primary-translucent);
}

._subtaskScheduledDate_5roa3_3021 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  white-space: nowrap;
  flex-shrink: 0;
}

._subtaskChevron_5roa3_3031 {
  color: var(--text-tertiary);
  opacity: 0;
  transition: opacity 0.1s ease;
}

._subtaskTitleBtn_5roa3_2968:hover ._subtaskChevron_5roa3_3031 {
  opacity: 1;
}

._subtaskDeleteBtn_5roa3_3041 {
  opacity: 0;
  background: none;
  border: none;
  color: var(--text-tertiary);
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.1s ease;
}

._subtaskRow_5roa3_2926:hover ._subtaskDeleteBtn_5roa3_3041 {
  opacity: 1;
}

._subtaskDeleteBtn_5roa3_3041:hover {
  color: var(--danger);
}

/* Sortable subtask row - for drag-and-drop reordering */
._sortableSubtaskRow_5roa3_3063 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition:
    transform 0.15s ease,
    opacity 0.15s ease;
}

._subtaskDragHandle_5roa3_3072 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  color: var(--text-tertiary);
  cursor: grab;
  opacity: 0;
  transition: opacity 0.1s ease;
  background: none;
  border: none;
  flex-shrink: 0;
}

._subtaskDragHandle_5roa3_3072:active {
  cursor: grabbing;
}

._sortableSubtaskRow_5roa3_3063:hover ._subtaskDragHandle_5roa3_3072 {
  opacity: 1;
}

._subtaskRowContent_5roa3_3094 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  padding: 0.375rem 0;
  min-width: 0;
}

._addSubtaskRow_5roa3_3103 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0;
  color: var(--text-tertiary);
}

._addSubtaskRow_5roa3_3103 input {
  flex: 1;
  background: none;
  border: none;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  outline: none;
}

._addSubtaskRow_5roa3_3103 input::-moz-placeholder {
  color: var(--text-tertiary);
}

._addSubtaskRow_5roa3_3103 input::placeholder {
  color: var(--text-tertiary);
}

._taskModalSpacer_5roa3_3124 {
  flex: 1;
  min-height: 1rem;
}

/* Meta bar - reorganized with labeled sections */
._taskModalMetaBar_5roa3_3130 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
  background-color: var(--surface-base);
}

/* Meta section with label */
._taskModalMetaSection_5roa3_3140 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._taskModalMetaSectionLabel_5roa3_3146 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

._taskModalMetaSectionRow_5roa3_3154 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* Horizontal meta layout for combined sections */
._taskModalMetaHorizontal_5roa3_3162 {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

._taskModalMetaItem_5roa3_3168 {
  position: relative;
}

._taskModalMetaBtn_5roa3_3172 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: var(--surface-elevated); /* Linear-style: elevation instead of border */
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
  white-space: nowrap;
}

._taskModalMetaBtn_5roa3_3172:hover {
  background-color: var(--surface-hover);
}

/* Meta label inline with field */
._taskModalMetaLabel_5roa3_3192 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-right: 0.25rem;
}

/* Static meta label (outside button) */
._taskModalMetaLabelStatic_5roa3_3199 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-right: 0.5rem;
}

/* Priority wrapper with label */
._taskModalPriorityWrapper_5roa3_3206 {
  display: flex;
  align-items: center;
}

._taskModalDateInput_5roa3_3211 {
  width: auto;
  min-width: 0;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

._taskModalDateInput_5roa3_3211::-webkit-calendar-picker-indicator {
  display: none;
}

._taskModalTimeInput_5roa3_3226 {
  width: auto;
  min-width: 0;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

._taskModalTimeInput_5roa3_3226::-webkit-calendar-picker-indicator {
  display: none;
}

._taskModalDateWrapper_5roa3_3241 {
  display: flex;
  align-items: center;
  position: relative;
}

._taskModalDateClear_5roa3_3247 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: -4px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._taskModalDateClear_5roa3_3247:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

._taskModalPriorityGroup_5roa3_3268 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.125rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
}

._taskModalTagsInline_5roa3_3277 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
  flex: 1;
  min-width: 100px;
}

._taskModalTagSmall_5roa3_3286 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
  border-radius: var(--radius-sm);
}

._taskModalTagSmall_5roa3_3286 button {
  display: flex;
  padding: 0;
  background: none;
  border: none;
  color: var(--text-tertiary);
  cursor: pointer;
}

._taskModalTagSmall_5roa3_3286 button:hover {
  color: var(--text-primary);
}

._taskModalAddTagInline_5roa3_3310 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: text;
}

._taskModalAddTagInline_5roa3_3310 input {
  width: 60px;
  border: none;
  background: transparent;
  outline: none;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._taskModalAddTagInline_5roa3_3310 input::-moz-placeholder {
  color: var(--text-tertiary);
}

._taskModalAddTagInline_5roa3_3310 input::placeholder {
  color: var(--text-tertiary);
}

/* Footer with delete and save buttons */
._taskModalFooter_5roa3_3334 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
}

._taskModalDeleteBtnFooter_5roa3_3342 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--state-error);
  background: var(--state-error-bg);
  border: 1px solid color-mix(in srgb, var(--state-error) 30%, transparent);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._taskModalDeleteBtnFooter_5roa3_3342:hover {
  color: white;
  border-color: var(--state-error);
  background-color: var(--state-error);
}

._taskModalSaveBtn_5roa3_3363 {
  padding: 0.5rem 1.25rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  background-color: var(--action-primary);
  border: none;
  border-radius: var(--radius-sm);
  color: white;
  cursor: pointer;
  transition: all 0.15s ease;
}

._taskModalSaveBtn_5roa3_3363:hover {
  opacity: 0.9;
}

._taskModalSaveBtn_5roa3_3363:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Legacy bottom styles - keep for backwards compat */
._taskModalBottom_5roa3_3385 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-default);
  background-color: var(--surface-base);
  flex-shrink: 0;
}

._taskModalFieldsRow_5roa3_3395 {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

._taskModalFieldCompact_5roa3_3401 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._taskModalProjectLabelsRow_5roa3_3407 {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-default);
  margin-bottom: 0.75rem;
}

._taskModalLabelsRow_5roa3_3416 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._taskModalLabelsRow_5roa3_3416 ._taskModalFieldLabel_5roa3_3422 {
  flex-shrink: 0;
}

._taskModalLabelsRow_5roa3_3416 ._taskModalTagsWrapper_5roa3_3426 {
  flex: 1;
}

._taskModalLabelsRow_5roa3_3416 ._btnPrimary_5roa3_2320 {
  flex-shrink: 0;
  margin-left: auto;
}

._taskModalField_5roa3_3395 {
  padding: 0.75rem 0;
  /* Linear-style: use spacing instead of dividers between fields */
}

._taskModalField_5roa3_3395 + ._taskModalField_5roa3_3395 {
  padding-top: 0.5rem; /* slightly reduced since gap provides separation */
}

._taskModalFieldLabel_5roa3_3422 {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

._taskModalFieldValueWrapper_5roa3_3454 {
  position: relative;
}

._taskModalFieldValue_5roa3_3454 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.375rem 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
  text-align: left;
}

._taskModalFieldValue_5roa3_3454:hover {
  background-color: var(--surface-elevated);
}

._taskModalFieldIcon_5roa3_3478 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._taskModalFieldIconDeadline_5roa3_3483 {
  color: var(--state-error);
  flex-shrink: 0;
}

._taskModalDateRow_5roa3_3488 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
}

._taskModalDateRow_5roa3_3488:hover {
  background-color: var(--surface-elevated);
}

._taskModalDateInputVisible_5roa3_3502 {
  flex: 1;
  padding: 0.25rem 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  outline: none;
  transition: border-color 0.1s ease;
}

._taskModalDateInputVisible_5roa3_3502:hover {
  border-color: var(--border-default);
}

._taskModalDateInputVisible_5roa3_3502:focus {
  border-color: var(--action-primary);
}

._taskModalDropdown_5roa3_3523 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  z-index: var(--z-raised);
  margin-top: 0.25rem;
  animation: _fadeIn_5roa3_1 0.1s ease-out;
}

._taskModalDropdownItem_5roa3_3537 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.1s ease;
  text-align: left;
}

._taskModalDropdownItem_5roa3_3537:hover {
  background-color: var(--surface-base);
}

/* Project dropdown - wider and no truncation */
._taskModalProjectDropdown_5roa3_2524 {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  max-width: 300px;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  z-index: var(--z-raised);
  margin-top: 0.25rem;
  animation: _fadeIn_5roa3_1 0.1s ease-out;
  max-height: 300px;
  overflow-y: auto;
}

._taskModalProjectDropdownItem_5roa3_3574 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.1s ease;
  text-align: left;
}

._taskModalProjectDropdownItem_5roa3_3574:hover {
  background-color: var(--surface-base);
}

._taskModalProjectName_5roa3_3593 {
  white-space: normal;
  word-break: break-word;
  text-align: left;
}

._taskModalPriorityOptions_5roa3_3599 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

._taskModalPriorityBtn_5roa3_3605 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
}

._taskModalPriorityBtn_5roa3_3605:hover {
  background-color: var(--surface-elevated);
}

._taskModalPriorityActive_5roa3_3622 {
  background-color: var(--surface-elevated);
  border-color: currentColor;
}

._taskModalTagsWrapper_5roa3_3426 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

._taskModalTag_5roa3_3277 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  background-color: var(--surface-elevated);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
}

._taskModalTagRemove_5roa3_3645 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.875rem;
  height: 0.875rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  border-radius: var(--radius-full);
}

._taskModalTagRemove_5roa3_3645:hover {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

._taskModalAddTagLabel_5roa3_3663 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
  cursor: text;
  transition: all 0.1s ease;
}

._taskModalAddTagLabel_5roa3_3663:hover {
  background-color: var(--surface-elevated);
}

._taskModalAddTagLabel_5roa3_3663:focus-within {
  background-color: var(--surface-elevated);
  color: var(--text-secondary);
}

._taskModalTagInputVisible_5roa3_3683 {
  flex: 1;
  min-width: 5rem;
  padding: 0.25rem;
  font-size: var(--font-size-sm);
  border: none;
  background: transparent;
  color: var(--text-primary);
  outline: none;
}

._taskModalTagInputVisible_5roa3_3683::-moz-placeholder {
  color: var(--text-tertiary);
}

._taskModalTagInputVisible_5roa3_3683::placeholder {
  color: var(--text-tertiary);
}

/* ========================================
   TASK MODAL V2 - Two Column Layout
   ======================================== */

._taskModalV2_5roa3_3702 {
  /* Positioning - centered without transform (avoids stacking context trap) */
  position: fixed;
  inset: 0;
  margin: auto;
  z-index: var(--z-modal);

  /* Size - 10% horizontal margins, 2.5% vertical margins */
  width: 80%;
  max-width: 1100px;
  height: 95vh;
  min-height: 500px;
  max-height: 95vh;

  /* Layout */
  background-color: var(--surface-overlay);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  display: flex;
  flex-direction: column;
  overflow: visible; /* Allow popovers to escape */
}

._taskModalHeaderV2_5roa3_3725 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  background-color: var(--surface-base);
  overflow: visible;
  position: relative;
  z-index: var(--z-raised);
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

/* Left side of header - close button and breadcrumb */
._taskModalHeaderLeft_5roa3_2490 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._taskModalBreadcrumbV2_5roa3_3746 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  overflow: visible;
}

/* Parent task link - shown when viewing a subtask */
._taskModalParentLink_5roa3_3756 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--text-primary);
  font-size: var(--font-size-sm);
}

._taskModalParentLink_5roa3_3756:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-strong);
}

._taskModalParentLink_5roa3_3756 svg {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._taskModalParentLabel_5roa3_3780 {
  color: var(--text-tertiary);
  font-weight: var(--font-weight-normal);
  flex-shrink: 0;
}

._taskModalParentTitle_5roa3_3786 {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}

/* Auto-save status indicator */
._taskModalAutoSaveStatus_5roa3_3796 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}

._taskModalAutoSaveSpinner_5roa3_3803 {
  color: var(--text-tertiary);
  animation: _spin_5roa3_1 1s linear infinite;
}

@keyframes _spin_5roa3_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._taskModalAutoSaveSaved_5roa3_3817 {
  color: #22c55e;
  filter: drop-shadow(0 0 2px rgba(34, 197, 94, 0.4));
}

._taskModalAutoSaveError_5roa3_3822 {
  color: var(--status-error);
}

/* Sync status in header (top right) */
._taskModalSyncStatus_5roa3_3827 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._taskModalSyncText_5roa3_3835 {
  color: var(--text-secondary);
  font-weight: var(--font-weight-medium);
}

._taskModalSyncTextError_5roa3_3840 {
  color: var(--status-error);
  font-weight: var(--font-weight-medium);
}

._taskModalSyncIcon_5roa3_3845 {
  color: var(--text-secondary);
}

._taskModalSyncSpinner_5roa3_3849 {
  color: var(--text-tertiary);
  animation: _spin_5roa3_1 1s linear infinite;
}

._taskModalSyncError_5roa3_3854 {
  color: var(--status-error);
}

._taskModalBodyV2_5roa3_3858 {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* Left column - main content */
._taskModalLeftColumn_5roa3_3866 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem; /* Reduced from 1.5rem for compact look */
  overflow-y: auto;
  border-right: 1px solid var(--border-default);
}

._taskModalTitleRowV2_5roa3_3875 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

._taskModalCheckboxV2_5roa3_3882 {
  width: 24px;
  height: 24px;
  border: 2px solid var(--border-default);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 4px;
  transition: all 0.15s ease;
}

._taskModalCheckboxV2_5roa3_3882:hover:not(:disabled) {
  background-color: var(--surface-base);
}

._taskModalCheckboxCompleted_5roa3_2658 {
  animation: _checkmarkPopModal_5roa3_1 250ms ease-out;
}

@keyframes _checkmarkPopModal_5roa3_1 {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.35);
  }
  100% {
    transform: scale(1);
  }
}

._taskModalTitleInputV2_5roa3_3917 {
  flex: 1;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  background: transparent;
  border: none;
  outline: none;
  resize: none;
  overflow: hidden;
  line-height: 1.4;
}

._taskModalTitleInputV2_5roa3_3917::-moz-placeholder {
  color: var(--text-tertiary);
}

._taskModalTitleInputV2_5roa3_3917::placeholder {
  color: var(--text-tertiary);
}

._taskModalTitleInputCompleted_5roa3_3934 {
  text-decoration: line-through;
  color: var(--text-tertiary);
}

._taskModalDescriptionV2_5roa3_3939 {
  margin-bottom: 1.5rem;
  padding-left: 1rem;
}

._taskModalSubtasksV2_5roa3_3944 {
  flex: 1;
  padding-left: 1rem;
  padding-top: 1rem;
  /* Linear-style: spacing instead of divider */
}

._taskModalSubtasksLabel_5roa3_3951 {
}

._taskModalSubtasksHeader_5roa3_3955 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

._hideCompletedToggle_5roa3_3963 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._hideCompletedToggle_5roa3_3963:hover {
  color: var(--text-secondary);
  background: var(--surface-hover);
}

._addSubtaskRowV2_5roa3_3982 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  color: var(--text-tertiary);
}

._addSubtaskRowV2_5roa3_3982 input {
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: transparent;
  border: none;
  outline: none;
}

._taskModalAddSubtaskV2_5roa3_3999 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
}

._taskModalAddSubtaskV2_5roa3_3999:hover:not(:disabled) {
  color: var(--text-secondary);
}

._taskModalAddSubtaskV2_5roa3_3999:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Pending subtasks (create mode) */
._pendingSubtasksList_5roa3_4022 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}

._pendingSubtaskRow_5roa3_4029 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  background: var(--surface-secondary);
  border-radius: 4px;
  font-size: var(--font-size-sm);
}

._pendingSubtaskDot_5roa3_4039 {
  color: var(--text-tertiary);
  font-size: 12px;
}

._pendingSubtaskTitle_5roa3_4044 {
  flex: 1;
  color: var(--text-primary);
}

._pendingSubtaskDelete_5roa3_4049 {
  opacity: 0;
  padding: 2px;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    opacity 0.15s ease,
    background 0.15s ease;
}

._pendingSubtaskRow_5roa3_4029:hover ._pendingSubtaskDelete_5roa3_4049 {
  opacity: 0.7;
}

._pendingSubtaskDelete_5roa3_4049:hover {
  opacity: 1 !important;
  background: var(--surface-active);
  color: var(--state-error);
}

._taskModalFooterV2_5roa3_4075 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1rem;
  margin-top: auto;
}

._taskModalDeleteBtnV2_5roa3_4084 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--text-tertiary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  margin-right: auto;
}

._taskModalDeleteBtnV2_5roa3_4084:hover {
  color: var(--state-error);
  border-color: var(--state-error);
  background-color: color-mix(in srgb, var(--state-error) 10%, transparent);
}

._taskModalDeferBtn_5roa3_4105 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._taskModalDeferBtn_5roa3_4105:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
}

._taskModalWontDoBtn_5roa3_4125 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._taskModalWontDoBtn_5roa3_4125:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-primary);
}

/* Focus split button in bottom bar - Linear-style: neutral with hover effect on whole button */
._focusSplitButton_5roa3_4147 {
  display: flex;
  align-items: stretch;
  border-radius: var(--radius-sm);
  overflow: hidden;
}

/* Hover effect on the whole split button */
._focusSplitButton_5roa3_4147:hover ._focusSplitMain_5roa3_4155,
._focusSplitButton_5roa3_4147:hover ._focusSplitArrow_5roa3_4156 {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
}

._focusSplitMain_5roa3_4155 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-right: none;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusSplitMain_5roa3_4155._focusSplitRunning_5roa3_4177 {
  color: white;
  border-color: #ef4444;
  background-color: #ef4444;
  border-radius: var(--radius-sm);
}

._focusSplitMain_5roa3_4155._focusSplitRunning_5roa3_4177:hover {
  border-color: #dc2626;
  background-color: #dc2626;
}

._focusSplitArrow_5roa3_4156 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.375rem;
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-left: 1px solid var(--border-default);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusDropdownContent_5roa3_4203 {
  padding: 0.5rem;
  min-width: 120px;
}

._focusDropdownOption_5roa3_4208 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background-color 0.1s ease;
}

._focusDropdownOption_5roa3_4208:hover {
  background-color: var(--surface-hover);
}

._focusDropdownOption_5roa3_4208 input[type='checkbox'] {
  width: 14px;
  height: 14px;
  accent-color: var(--action-primary);
  cursor: pointer;
}

._focusDropdownOption_5roa3_4208 input[type='checkbox']:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._focusDropdownOption_5roa3_4208 span {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._taskModalSaveBtnV2_5roa3_4240 {
  padding: 0.375rem 1rem; /* Reduced from 0.5rem 1.25rem for compact look */
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  background-color: var(--action-primary);
  border: none;
  border-radius: var(--radius-sm);
  color: white;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

._taskModalSaveBtnV2_5roa3_4240:hover {
  opacity: 0.9;
}

._taskModalSaveBtnV2_5roa3_4240:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Bottom bar spanning full width */
._taskModalBottomBar_5roa3_4262 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  background-color: var(--surface-base);
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

._taskModalBottomBarSpacer_5roa3_4273 {
  flex: 1;
}

/* TaskModal Bottom Tabs (Focus / History) - Linear-style: subtle dividers, flush to edges */
._taskModalBottomTabs_5roa3_4278 {
  border-top: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  margin-left: -1rem; /* Extend to edge */
  margin-right: -1rem; /* Extend to edge */
  padding-left: 1rem; /* Restore content alignment */
  padding-right: 1rem;
}

._taskModalTabBar_5roa3_4286 {
  display: flex;
  gap: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  background-color: var(--surface-base);
  margin-left: -1rem; /* Extend separator to edge */
  margin-right: -1rem;
  padding-left: 1rem; /* Restore tab alignment */
}

._taskModalTab_5roa3_4286 {
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-bottom: -1px;
}

._taskModalTab_5roa3_4286:first-child {
  padding-left: 0; /* Tab bar already has padding-left */
}

._taskModalTab_5roa3_4286:hover {
  color: var(--text-secondary);
}

._taskModalTabActive_5roa3_4317 {
  color: var(--text-primary);
  border-bottom-color: var(--action-primary);
}

._taskModalTabContent_5roa3_4322 {
  padding: 0.75rem 1rem;
}

/* Clickable project in breadcrumb */
._taskModalBreadcrumbProject_5roa3_4327 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  background: transparent;
  border: none;
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  cursor: pointer;
  transition: background-color 0.15s ease;
}

._taskModalBreadcrumbProject_5roa3_4327:hover {
  background-color: var(--surface-hover);
}

/* Right sidebar */
._taskModalRightSidebar_5roa3_4347 {
  width: 270px;
  flex-shrink: 0;
  padding: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--surface-base);
}

/* TaskModal sidebar section - use .taskModalSidebarSection to avoid
   conflicts with the WeeklyPlanner .sidebarSection which has hover effects.
   Linear-style: use spacing instead of dividers between sections */
._taskModalSidebarSection_5roa3_4356 {
  padding-bottom: 0;
  margin-bottom: 1.25rem; /* Increased from 0.75rem - spacing replaces divider */
}

._taskModalSidebarSection_5roa3_4356:last-child {
  margin-bottom: 0;
}

._taskModalSidebarSectionLabel_5roa3_4368 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-primary);
  margin-bottom: 0.625rem;
}

._sidebarField_5roa3_4377 {
  display: flex;
  align-items: center; /* Vertical center alignment */
  gap: 0.5rem;
  padding: 0.375rem 0; /* Linear-style: consistent padding, no dividers */
}

._taskModalSidebarSection_5roa3_4356 ._sidebarField_5roa3_4377 {
  padding: 0.375rem 0;
}

/* Consistent minimum width for sidebar scheduling controls */
._sidebarField_5roa3_4377 ._recurrenceSelector_5roa3_4389,
._sidebarField_5roa3_4377 ._recurrenceTrigger_5roa3_4390,
._sidebarField_5roa3_4377 ._sidebarDurationSelect_5roa3_4391,
._sidebarField_5roa3_4377 ._sidebarReminderToggle_5roa3_4392 {
  min-width: 90px;
}

/* Icon prefix for sidebar fields - aligns icons vertically */
._sidebarFieldIcon_5roa3_4397 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  flex-shrink: 0;
  color: var(--text-tertiary);
}

._sidebarClearBtn_5roa3_4406 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

._sidebarClearBtn_5roa3_4406:hover {
  background: var(--surface-hover);
  color: var(--text-secondary);
}

._sidebarFieldRow_5roa3_4426 {
  display: flex;
  gap: 0.75rem;
  padding: 0.375rem 0;
  border-bottom: 1px solid var(--border-default);
}

._sidebarFieldHalf_5roa3_4433 {
  flex: 1;
  min-width: 0;
}

._sidebarFieldHalf_5roa3_4433 ._sidebarFieldValue_5roa3_4438 {
  font-size: var(--font-size-xs);
}

._sidebarFieldLabel_5roa3_4442 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  width: 58px; /* Fixed width for consistent value alignment */
  flex-shrink: 0;
  line-height: 20px; /* Match icon height for top alignment */
}

._sidebarFieldValueWrapper_5roa3_4451 {
  position: relative;
}

._sidebarFieldValue_5roa3_4438 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem 0;
  width: 100%;
  text-align: left;
  position: relative;
}

._sidebarFieldValue_5roa3_4438:hover {
  color: var(--action-primary);
}

._sidebarDateInput_5roa3_4474 {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: var(--z-raised);
}

._sidebarDateInput_5roa3_4474::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

._sidebarTimeInput_5roa3_4496 {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: var(--z-raised);
}

._sidebarTimeInput_5roa3_4496::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

/* Custom TimePicker component in sidebar */
._sidebarTimePicker_5roa3_4519 {
  height: 2rem;
  font-size: var(--font-size-xs);
  border: none;
  background: transparent;
  box-shadow: none;
}

._sidebarTimePicker_5roa3_4519:focus-within {
  ring: none;
}

._sidebarDurationSelect_5roa3_4391 {
  height: 28px;
  min-width: 90px;
  padding: 0 0.5rem;
  font-size: var(--font-size-xs);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  /* Override Select component defaults */
  box-shadow: none;
}

._sidebarDurationSelect_5roa3_4391:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._sidebarDurationSelect_5roa3_4391:focus {
  outline: none;
  border-color: var(--action-primary);
}

/* Ensure the chevron icon is visible and properly sized */
._sidebarDurationSelect_5roa3_4391 svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  opacity: 0.5;
}

/* Duration chips container - 2x2 grid layout */
._sidebarDurationChips_5roa3_4564 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.375rem;
}

/* Duration quick-select chip */
._sidebarDurationChip_5roa3_4564 {
  height: 26px;
  padding: 0 0.625rem;
  font-size: var(--font-size-xs);
  font-weight: 500;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._sidebarDurationChip_5roa3_4564:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--border-hover);
}

._sidebarDurationChipSelected_5roa3_4590 {
  background-color: var(--action-primary);
  border-color: var(--action-primary);
  color: white;
}

._sidebarDurationChipSelected_5roa3_4590:hover {
  background-color: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
  color: white;
}

/* Smaller "more" dropdown for additional duration options */
._sidebarDurationMoreSelect_5roa3_4603 {
  height: 26px;
  min-width: 48px;
  width: 48px;
  padding: 0 0.25rem;
  font-size: var(--font-size-xs);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  box-shadow: none;
}

._sidebarDurationMoreSelect_5roa3_4603:hover {
  background-color: var(--surface-hover);
  color: var(--text-secondary);
}

/* Selected state for the "+1h" dropdown when custom duration is set */
._sidebarDurationMoreSelect_5roa3_4603._sidebarDurationChipSelected_5roa3_4590 {
  background-color: var(--action-primary);
  border-color: var(--action-primary);
  color: white;
}

._sidebarDurationMoreSelect_5roa3_4603._sidebarDurationChipSelected_5roa3_4590:hover {
  background-color: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
}

._sidebarDurationMoreSelect_5roa3_4603 svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  opacity: 0.5;
}

/* Required field indicator */
._requiredIndicator_5roa3_4642 {
  color: var(--state-error);
  margin-left: 2px;
}

/* Validation error message */
._validationError_5roa3_4648 {
  font-size: var(--font-size-xs);
  color: var(--state-error);
  margin-top: 4px;
}

/* Inline validation error (near buttons) */
._validationErrorInline_5roa3_4655 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--font-size-xs);
  color: var(--state-error);
  padding: 0 8px;
}

/* sidebarDropdown is used both standalone (position: absolute) and inside Popover.
   When used with Popover, the Popover handles positioning and these properties
   are overridden by PopoverContent wrapper. */
._sidebarDropdown_5roa3_4667 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 220px;
  z-index: 9999;
  margin-top: 0.25rem;
  padding: 0.375rem;
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  box-shadow: var(--shadow-xl);
}

._sidebarDropdownItem_5roa3_4681 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
}

._sidebarDropdownItem_5roa3_4681 svg {
  flex-shrink: 0;
}

._sidebarDropdownItemText_5roa3_4701 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}

/* When dropdown item has hint with row wrapper */
._sidebarDropdownItem_5roa3_4681:has(._sidebarDropdownItemRow_5roa3_4709) {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

._sidebarDropdownItemRow_5roa3_4709 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._sidebarDropdownItem_5roa3_4681:hover {
  background-color: var(--surface-base);
}

/* Priority selector - simplified with only options */
._sidebarPrioritySelector_5roa3_4726 {
  display: flex;
  gap: 0.125rem;
}

._sidebarPriorityOption_5roa3_4731 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  height: var(--control-height-sm); /* 28px - standardized */
  padding: 0 0.375rem;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 11px;
  color: var(--priority-color);
  opacity: 0.7; /* More visible unselected state */
  transition: all 0.15s ease;
}

._sidebarPriorityOption_5roa3_4731:hover {
  opacity: 1;
  background-color: var(--surface-elevated);
}

._sidebarPriorityOptionSelected_5roa3_4753 {
  opacity: 1;
  border-color: var(--priority-color);
  background-color: color-mix(in srgb, var(--priority-color) 10%, transparent);
}

/* Project selector button in sidebar - Linear-style: elevation, no border */
._sidebarProjectBtn_5roa3_4760 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: var(--control-height); /* 32px - standardized */
  padding: 0 0.625rem;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  transition: all 0.15s ease;
  max-width: 180px;
  overflow: hidden;
}

._sidebarProjectBtn_5roa3_4760 > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._sidebarProjectBtn_5roa3_4760:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

/* Type selector styles */
._sidebarTypeSelector_5roa3_4789 {
  display: flex;
  gap: 0.25rem;
}

._sidebarTypeBtn_5roa3_4794 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height-sm); /* 28px - standardized */
  height: var(--control-height-sm);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--text-tertiary);
  transition: all 0.15s ease;
}

._sidebarTypeBtn_5roa3_4794:hover {
  border-color: var(--border-hover);
  color: var(--text-secondary);
}

._sidebarTypeBtnActive_5roa3_4813 {
  border-color: var(--text-tertiary);
  color: var(--text-secondary);
  background-color: color-mix(in srgb, var(--text-tertiary) 10%, transparent);
}

._sidebarTypeBtnActiveWork_5roa3_4819 {
  border-color: var(--color-blue-500);
  color: var(--color-blue-600);
  background-color: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
}

._sidebarTypeBtnActivePersonal_5roa3_4825 {
  border-color: var(--color-green-500);
  color: var(--color-green-600);
  background-color: color-mix(in srgb, var(--color-green-500) 15%, transparent);
}

._sidebarTypeInherited_5roa3_4831 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._sidebarTypeInheritedTag_5roa3_4839 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  font-style: italic;
}

/* Type toggle buttons (Work/Personal with icon + text) */
._sidebarTypeToggleBtn_5roa3_4846 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: var(--control-height); /* 32px - standardized */
  padding: 0 0.625rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: all 0.15s ease;
}

._sidebarTypeToggleBtn_5roa3_4846:hover {
  border-color: var(--border-hover);
  color: var(--text-secondary);
}

/* Type-colored tinted backgrounds for selected state */
._sidebarTypeToggleBtnActiveWork_5roa3_4867 {
  border-color: var(--color-blue-500);
  color: var(--text-primary);
  background-color: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
}

._sidebarTypeToggleBtnActiveWork_5roa3_4867:hover {
  background-color: color-mix(in srgb, var(--color-blue-500) 20%, transparent);
}

._sidebarTypeToggleBtnActivePersonal_5roa3_4877 {
  border-color: var(--color-green-500);
  color: var(--text-primary);
  background-color: color-mix(in srgb, var(--color-green-500) 15%, transparent);
}

._sidebarTypeToggleBtnActivePersonal_5roa3_4877:hover {
  background-color: color-mix(in srgb, var(--color-green-500) 20%, transparent);
}

/* Reminder toggle button */
._sidebarReminderToggle_5roa3_4392 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: var(--control-height); /* 32px - standardized */
  padding: 0 0.625rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: all 0.15s ease;
}

._sidebarReminderToggle_5roa3_4392:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-secondary);
}

._sidebarReminderToggleActive_5roa3_4909 {
  border-color: var(--color-amber-500);
  color: var(--color-amber-600);
  background-color: color-mix(in srgb, var(--color-amber-500) 15%, transparent);
}

._sidebarReminderToggleActive_5roa3_4909:hover {
  background-color: color-mix(in srgb, var(--color-amber-500) 20%, transparent);
}

/* Compact reminder bell icon (inline with When field) */
._sidebarReminderIcon_5roa3_4920 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._sidebarReminderIcon_5roa3_4920:hover {
  background-color: var(--surface-hover);
  color: var(--text-secondary);
}

._sidebarReminderIconActive_5roa3_4940 {
  color: var(--color-amber-500);
  background-color: color-mix(in srgb, var(--color-amber-500) 15%, transparent);
}

._sidebarReminderIconActive_5roa3_4940:hover {
  background-color: color-mix(in srgb, var(--color-amber-500) 25%, transparent);
}

._sidebarLabelsValue_5roa3_4949 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
}

._sidebarTag_5roa3_4956 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
  border-radius: var(--radius-sm);
}

._sidebarTag_5roa3_4956 button {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  color: var(--text-tertiary);
  cursor: pointer;
  padding: 0;
}

._sidebarTag_5roa3_4956 button:hover {
  color: var(--text-primary);
}

._sidebarAddLabel_5roa3_4981 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--text-tertiary);
  cursor: pointer;
}

._sidebarAddLabel_5roa3_4981 input {
  width: 60px;
  font-size: var(--font-size-xs);
  color: var(--text-primary);
  background: transparent;
  border: none;
  outline: none;
}

._sidebarAddLabel_5roa3_4981 input::-moz-placeholder {
  color: var(--text-tertiary);
}

._sidebarAddLabel_5roa3_4981 input::placeholder {
  color: var(--text-tertiary);
}

._sidebarTimeTracking_5roa3_5002 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._sidebarTimeTrackingOf_5roa3_5007 {
  color: var(--text-tertiary);
}

/* Timer Controls */
._sidebarTimerControls_5roa3_5012 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

._sidebarTimerRunning_5roa3_5019 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._sidebarTimerDot_5roa3_5025 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--state-error);
  animation: _pulse_5roa3_1 1.5s ease-in-out infinite;
}

@keyframes _pulse_5roa3_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

._sidebarTimerTime_5roa3_5043 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

._sidebarTimerIdle_5roa3_5050 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._sidebarTimerStartBtn_5roa3_5055,
._sidebarTimerStopBtn_5roa3_5056 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._sidebarTimerStartBtn_5roa3_5055 {
  background: var(--action-primary);
  color: white;
}

._sidebarTimerStartBtn_5roa3_5055:hover:not(:disabled) {
  opacity: 0.9;
}

._sidebarTimerStopBtn_5roa3_5056 {
  background: var(--state-error);
  color: var(--text-inverse);
}

._sidebarTimerStopBtn_5roa3_5056:hover:not(:disabled) {
  opacity: 0.9;
}

._sidebarTimerStartBtn_5roa3_5055:disabled,
._sidebarTimerStopBtn_5roa3_5056:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._sidebarTimerProgress_5roa3_5092 {
  margin-top: 0.5rem;
  height: 4px;
  background: var(--surface-elevated);
  border-radius: 2px;
  overflow: hidden;
}

._sidebarTimerProgressBar_5roa3_5100 {
  height: 100%;
  background: var(--action-primary);
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* Focus Block Styles */
._sidebarFocusBlockBtn_5roa3_5108 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 32px;
  padding: 0 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._sidebarFocusBlockBtn_5roa3_5108:hover:not(:disabled) {
  background: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--border-strong);
}

._sidebarFocusBlockBtn_5roa3_5108:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._sidebarFieldDisabledHint_5roa3_5134 {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-top: 0.25rem;
}

._sidebarFocusBlockActive_5roa3_5141 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 32px;
  padding: 0 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--accent-primary);
  background: rgba(var(--accent-primary-rgb), 0.1);
  border: 1px solid rgba(var(--accent-primary-rgb), 0.3);
  border-radius: var(--radius-sm);
}

._sidebarFocusBlockActive_5roa3_5141 span {
  flex: 1;
}

._sidebarFocusBlockDelete_5roa3_5158 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._sidebarFocusBlockDelete_5roa3_5158:hover {
  background: rgba(var(--danger-rgb), 0.1);
  color: var(--danger);
}

._sidebarDropdownHint_5roa3_5176 {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-top: 0.125rem;
}

/* ========================================
   SEARCHABLE PROJECT SELECT
   ======================================== */

._searchableSelectSearch_5roa3_5187 {
  padding: 0.375rem;
  border-bottom: 1px solid var(--border-default);
}

._searchableSelectInput_5roa3_5192 {
  height: 1.75rem;
  font-size: var(--font-size-sm);
}

._searchableSelectList_5roa3_5197 {
  max-height: 240px;
  overflow-y: auto;
  padding: 0.25rem;
}

._sidebarDropdownItemHighlighted_5roa3_5203 {
  background-color: var(--surface-base);
}

._searchableSelectCheck_5roa3_5207 {
  margin-left: auto;
  color: var(--action-primary);
  flex-shrink: 0;
}

._searchableSelectEmpty_5roa3_5213 {
  padding: 0.75rem 0.5rem;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

/* Wider dropdown for KR/Objective selectors */
._sidebarDropdownWide_5roa3_5221 {
  width: 320px;
  padding: 0;
  background: var(--surface-raised);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  box-shadow: var(--shadow-elevated);
}

/* Key Result selector display in trigger button */
._krSelectDisplay_5roa3_5231 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-sm);
}

._krSelectObjective_5roa3_5238 {
  color: var(--text-tertiary);
}

._krSelectSeparator_5roa3_5242 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._krSelectKR_5roa3_5247 {
  color: var(--text-primary);
}

/* Objective header in KR dropdown (not selectable) */
._krSelectObjectiveHeader_5roa3_5252 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem 0.25rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background-color: var(--surface-base);
  border-top: 1px solid var(--border-subtle);
}

._krSelectObjectiveHeader_5roa3_5252:first-of-type {
  border-top: none;
}

._krSelectObjectiveProgress_5roa3_5268 {
  margin-left: auto;
  color: var(--text-tertiary);
}

/* Key result item in dropdown */
._krSelectItem_5roa3_5274 {
  padding-left: 1.5rem; /* Indent under objective */
}

._krSelectComplete_5roa3_5278 {
  color: var(--status-success);
}

._krSelectProgress_5roa3_5282 {
  margin-left: auto;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
}

/* Objective selector display in trigger button */
._objSelectDisplay_5roa3_5290 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
}

._objSelectTitle_5roa3_5297 {
  color: var(--text-primary);
}

._objSelectPeriod_5roa3_5301 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* ========================================
   QUICK ADD INPUT
   ======================================== */

._quickAddForm_5roa3_5310 {
  width: 100%;
  animation: _slideIn_5roa3_1 0.15s ease-out;
}

._quickAddInput_5roa3_5315 {
  width: 100%;
  padding: 0.375rem 0.5rem;
  font-size: var(--font-size-xs);
  border: 1px solid color-mix(in srgb, var(--action-primary) 50%, transparent);
  border-radius: var(--radius-sm);
  background-color: var(--surface-base);
  color: var(--text-primary);
  outline: none;
  transition: border-color 0.1s ease;
}

._quickAddInput_5roa3_5315:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

._quickAddInput_5roa3_5315::-moz-placeholder {
  color: var(--text-tertiary);
}

._quickAddInput_5roa3_5315::placeholder {
  color: var(--text-tertiary);
}

/* ========================================
   MODE TOGGLE
   ======================================== */

._modeToggle_5roa3_5340 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-default);
  background-color: var(--surface-base);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._modeToggle_5roa3_5340:hover {
  border-color: var(--border-default);
  color: var(--text-primary);
}

._modeToggleMock_5roa3_5359 {
  background-color: color-mix(in srgb, var(--color-orange-500) 10%, transparent);
  border-color: var(--color-orange-300);
  color: var(--color-orange-700);
}

._modeToggleLive_5roa3_5366 {
  background-color: color-mix(in srgb, var(--color-green-500) 10%, transparent);
  border-color: var(--color-green-300);
  color: var(--color-green-700);
}

/* ========================================
   CALENDAR SYNC BUTTON
   ======================================== */

._syncBtn_5roa3_5377 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-default);
  background-color: var(--surface-base);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._syncBtn_5roa3_5377:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--action-primary) 50%, transparent);
  background-color: color-mix(in srgb, var(--action-primary) 5%, transparent);
  color: var(--action-primary);
}

._syncBtn_5roa3_5377:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._syncBtnSpinning_5roa3_5403 {
  animation: _spin_5roa3_1 1s linear infinite;
}

._calendarSyncWrapper_5roa3_5407 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._calendarStatusOk_5roa3_5413 {
  display: flex;
  align-items: center;
  color: var(--color-green-600);
}

._calendarStatusError_5roa3_5419 {
  display: flex;
  align-items: center;
  color: var(--color-orange-500);
  cursor: help;
}

._fetchingIndicator_5roa3_5426 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: 9999px;
}

/* ========================================
   HEADER FILTER SELECT
   ======================================== */

._headerFilterGroup_5roa3_5442 {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}

._headerFilterSelect_5roa3_5448 {
  height: 1.75rem;
  min-width: 7rem;
  padding: 0 0.5rem;
  font-size: var(--font-size-xs);
  background: transparent;
  border-color: var(--border-default);
}

._headerFilterSelect_5roa3_5448:hover {
  background-color: var(--surface-elevated);
}

/* Header dropdown buttons (Filters & Actions) */
._headerDropdownBtn_5roa3_5462 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-default);
  background-color: var(--surface-base);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._headerDropdownBtn_5roa3_5462:hover {
  border-color: color-mix(in srgb, var(--action-primary) 50%, transparent);
  background-color: color-mix(in srgb, var(--action-primary) 5%, transparent);
  color: var(--action-primary);
}

._headerDropdownLabel_5roa3_5483 {
  display: none;
}

@media (min-width: 640px) {
  ._headerDropdownLabel_5roa3_5483 {
    display: inline;
  }
}

._headerDropdownItem_5roa3_5493 {
  display: flex;
  align-items: center;
}

._menuItemCount_5roa3_5498 {
  color: var(--text-tertiary);
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 0.5rem;
  padding: 0.125rem 0.375rem;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-sm);
}

/* ========================================
   PLANNER FILTER BAR
   ======================================== */

._plannerFilterBar_5roa3_5512 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.375rem 1rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-base);
  flex-shrink: 0;
}

._plannerFilterGroup_5roa3_5522 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._plannerFilterIcon_5roa3_5528 {
  color: var(--text-tertiary);
}

._plannerFilterLabel_5roa3_5532 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
}

._plannerFilterButtons_5roa3_5538 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._plannerFilterBtn_5roa3_5544 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._plannerFilterBtn_5roa3_5544:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._plannerFilterBtnActive_5roa3_5564 {
  background-color: var(--surface-elevated);
  border-color: var(--action-primary);
  color: var(--action-primary);
}

._plannerFilterBtnActiveWork_5roa3_5570 {
  background-color: var(--color-blue-50);
  border-color: var(--color-blue-500);
  color: var(--color-blue-600);
}

[data-theme='dark'] ._plannerFilterBtnActiveWork_5roa3_5570 {
  background-color: color-mix(in srgb, var(--color-blue-500) 20%, transparent);
  color: var(--color-blue-400);
}

._plannerFilterBtnActivePersonal_5roa3_5581 {
  background-color: var(--color-purple-50);
  border-color: var(--color-purple-500);
  color: var(--color-purple-600);
}

[data-theme='dark'] ._plannerFilterBtnActivePersonal_5roa3_5581 {
  background-color: color-mix(in srgb, var(--color-purple-500) 20%, transparent);
  color: var(--color-purple-400);
}

/* ========================================
   CALENDAR EVENTS
   ======================================== */

._calendarEventsSection_5roa3_5596 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.25rem 0.375rem;
  border-bottom: 1px solid var(--border-default);
}

/* Compact calendar event (default in day column) */
._calendarEventCompact_5roa3_5605 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  font-size: 0.625rem;
  line-height: 1.2;
  overflow: hidden;
  border: 1px solid;
  border-left-width: 2px;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: all var(--transition-fast);
  color: var(--text-primary);
}

._calendarEventCompact_5roa3_5605:hover {
  opacity: 0.85;
  transform: translateX(1px);
}

._calendarEventStartTime_5roa3_5628 {
  flex-shrink: 0;
  font-weight: var(--font-weight-medium);
  opacity: 0.7;
  min-width: 2.25rem;
}

._calendarEventCompact_5roa3_5605 ._calendarEventTitle_5roa3_5635 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._calendarEventCompact_5roa3_5605 ._calendarEventIcon_5roa3_5642 {
  flex-shrink: 0;
  opacity: 0.7;
}

/* Full calendar event card */
._calendarEvent_5roa3_5596 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  border: 1px solid;
  border-left-width: 3px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: all var(--transition-fast);
  color: var(--text-primary);
}

._calendarEvent_5roa3_5596:hover {
  opacity: 0.85;
}

._calendarEventHeader_5roa3_5669 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._calendarEventTitle_5roa3_5635 {
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._calendarEventIcon_5roa3_5642 {
  flex-shrink: 0;
}

._calendarEventTime_5roa3_5684 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._calendarEventLocation_5roa3_5693 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  color: var(--text-tertiary);
}

/* Event type colors - unified background, differentiated by left border only */
._calendarEventMeeting_5roa3_5702,
._calendarEventFocus_5roa3_5703,
._calendarEventOOO_5roa3_5704,
._calendarEventWorking_5roa3_5705,
._calendarEventDefault_5roa3_5706 {
  color: var(--text-secondary);
  background-color: transparent;
}

/* Left border colors indicate event type */
._calendarEventMeeting_5roa3_5702 {
  border-left-color: var(--color-blue-500);
}

._calendarEventFocus_5roa3_5703 {
  border-left-color: var(--color-purple-500);
}

._calendarEventOOO_5roa3_5704 {
  border-left-color: var(--color-orange-500);
}

._calendarEventWorking_5roa3_5705 {
  border-left-color: var(--color-green-500);
}

._calendarEventDefault_5roa3_5706 {
  border-left-color: var(--text-tertiary);
}

/* Calendar event details modal */
._calendarEventDetailsOverlay_5roa3_5733 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-floating);
  animation: _fadeIn_5roa3_1 0.15s ease-out;
}

._calendarEventDetails_5roa3_5733 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  width: 100%;
  max-width: 400px;
  margin: 1rem;
  animation: _scaleIn_5roa3_1 0.15s ease-out;
}

._calendarEventDetailsHeader_5roa3_5754 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 1px solid var(--border-default);
}

._calendarEventDetailsIcon_5roa3_5762 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-sm);
  background-color: var(--surface-base);
  flex-shrink: 0;
}

._calendarEventDetailsTitle_5roa3_5773 {
  flex: 1;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
  line-height: 1.3;
}

._calendarEventDetailsClose_5roa3_5782 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
  flex-shrink: 0;
}

._calendarEventDetailsClose_5roa3_5782:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._calendarEventDetailsBody_5roa3_5802 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._calendarEventDetailsRow_5roa3_5809 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._calendarEventDetailsRow_5roa3_5809 svg {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._calendarEventDetailsDescription_5roa3_5822 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: 1.5;
  white-space: pre-wrap;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-default);
}

._calendarEventLink_5roa3_5831 {
  color: var(--action-primary);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
}

._calendarEventLink_5roa3_5831:hover {
  text-decoration: underline;
}

._calendarEventOpenLink_5roa3_5841 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-default);
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

._calendarEventOpenLink_5roa3_5841:hover {
  color: var(--action-primary);
}

/* ========================================
   ANIMATIONS
   ======================================== */

@keyframes _slideIn_5roa3_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _fadeIn_5roa3_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _scaleIn_5roa3_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Apply subtle animations */
._dayColumn_5roa3_708 {
  animation: _fadeIn_5roa3_1 0.2s ease-out;
}

._taskCard_5roa3_1041 {
  animation: _scaleIn_5roa3_1 0.15s ease-out;
}

._objectiveChip_5roa3_183 {
  animation: _fadeIn_5roa3_1 0.1s ease-out;
}

/* Task hover lift effect */
._taskCard_5roa3_1041:hover {
  transform: translateY(-1px);
}

/* Button press effect */
._weekNavBtn_5roa3_95:active,
._addTaskBtn_5roa3_973:active,
._bottomTrayToggle_5roa3_1787:active {
  transform: scale(0.95);
}

/* Smooth transitions for interactive elements */
._taskCard_5roa3_1041,
._objectiveChip_5roa3_183,
._weekNavBtn_5roa3_95,
._addTaskBtn_5roa3_973,
._bottomTrayToggle_5roa3_1787,
._modeToggle_5roa3_5340 {
  transition:
    transform 0.1s ease,
    background-color 0.1s ease,
    border-color 0.1s ease,
    color 0.1s ease,
    box-shadow 0.1s ease;
}

/* ========================================
   DAY TIMELINE (Hourly Calendar View)
   ======================================== */

._dayTimeline_5roa3_5937 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
}

._allDaySection_5roa3_5945 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
  padding: 0.25rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-base);
}

._allDayEvent_5roa3_5954 {
  padding: 0.125rem 0.25rem;
  font-size: 0.5rem;
  font-weight: var(--font-weight-medium);
  color: white;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 1.2;
}

._timelineGrid_5roa3_5967 {
  position: relative;
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

._hourRow_5roa3_5976 {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  z-index: 0;
}

._hourLabel_5roa3_5985 {
  width: 32px;
  padding-right: 0.375rem;
  font-size: 0.6875rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  text-align: right;
  flex-shrink: 0;
  margin-top: -0.35rem;
}

/* First hour label shouldn't have negative margin to avoid clipping */
._hourRow_5roa3_5976:first-child ._hourLabel_5roa3_5985 {
  margin-top: 0;
}

._hourLine_5roa3_6001 {
  flex: 1;
  height: 1px;
  background-color: var(--border-default);
}

._eventsContainer_5roa3_6007 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: auto;
  z-index: 1;
}

._timelineEvent_5roa3_6017 {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  border: 1px solid;
  border-left-width: 3px;
  font-size: 0.75rem;
  overflow: hidden;
  cursor: pointer;
  pointer-events: auto;
  text-align: left;
  transition: all var(--transition-fast);
  min-height: 1.25rem;
  line-height: 1.3;
  color: var(--text-primary);
  z-index: 2;
}

._timelineEvent_5roa3_6017:hover {
  filter: brightness(0.95);
}

._timelineEventTime_5roa3_6043 {
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  flex-shrink: 0;
}

._eventTypeLabel_5roa3_6049 {
  font-size: 0.65rem;
  font-weight: var(--font-weight-medium);
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
  flex-shrink: 0;
}

._timelineEventTitle_5roa3_6059 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

/* Compact mode for week planner - single line, fit to height */
._timelineEventCompact_5roa3_6068 {
  /* Override base styles that prevent fitting to height */
  min-height: 0 !important;
  max-height: none;
  padding: 0 2px !important;
  gap: 3px;
  align-items: flex-start;
  line-height: 1;
  overflow: hidden !important;
  box-sizing: border-box;
}

._timelineEventCompact_5roa3_6068 ._timelineEventTime_5roa3_6043,
._timelineEventCompact_5roa3_6068 ._timelineEventTitle_5roa3_6059 {
  font-size: inherit;
  font-weight: var(--font-weight-normal);
  line-height: 1;
}

._timelineEventCompact_5roa3_6068 ._timelineEventTime_5roa3_6043 {
  opacity: 0.85;
  flex-shrink: 0;
}

._timelineEventCompact_5roa3_6068 ._timelineEventTitle_5roa3_6059 {
  min-width: 0;
}

/* Editable calendar event (focus block) - can be dragged and resized */
._timelineEventEditable_5roa3_6097 {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._timelineEventEditable_5roa3_6097:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  filter: brightness(0.97);
}

/* Focus block menu */
._focusBlockMenuContainer_5roa3_6108 {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 100;
  pointer-events: auto;
  isolation: isolate;
}

._focusBlockMenuButton_5roa3_6117 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: none;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  cursor: pointer;
  opacity: 0;
  transition:
    opacity 0.15s ease,
    background-color 0.15s ease;
  color: var(--text-secondary);
  pointer-events: auto;
  position: relative;
}

._timelineEventEditable_5roa3_6097:hover ._focusBlockMenuButton_5roa3_6117 {
  opacity: 1;
}

._focusBlockMenuButton_5roa3_6117:hover {
  background: rgba(255, 255, 255, 1);
  color: var(--text-primary);
}

._focusBlockMenu_5roa3_6108 {
  position: fixed;
  z-index: 9999;
  min-width: 180px;
  padding: 4px;
  background: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._focusBlockMenuItem_5roa3_6156 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  border: none;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8125rem;
  color: var(--text-primary);
  text-align: left;
  transition: background-color 0.15s ease;
}

._focusBlockMenuItem_5roa3_6156:hover {
  background: var(--bg-secondary);
}

._focusBlockMenuItem_5roa3_6156 svg {
  color: var(--text-secondary);
  flex-shrink: 0;
}

._focusBlockMenuItem_5roa3_6156:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Visibility indicator on focus blocks */
._focusBlockVisibilityIndicator_5roa3_6187 {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  opacity: 0.6;
  flex-shrink: 0;
}

._focusBlockVisibilityIndicator_5roa3_6187 svg {
  color: var(--text-secondary);
}

/* Clickable visibility toggle button */
._visibilityToggleButton_5roa3_6200 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin-left: 4px;
  border: none;
  background: transparent;
  border-radius: 3px;
  cursor: pointer;
  opacity: 0.6;
  flex-shrink: 0;
  transition:
    opacity 0.15s ease,
    background 0.15s ease;
  pointer-events: auto;
  position: relative;
  z-index: 5;
}

._visibilityToggleButton_5roa3_6200:hover:not(:disabled) {
  opacity: 1;
  background: rgba(0, 0, 0, 0.08);
}

._visibilityToggleButton_5roa3_6200:disabled {
  cursor: default;
}

._visibilityToggleButton_5roa3_6200 svg {
  color: var(--text-secondary);
}

/* Menu divider */
._focusBlockMenuDivider_5roa3_6234 {
  height: 1px;
  background: var(--border-subtle);
  margin: 4px 0;
}

/* Read-only calendar event (external) */
._timelineEventReadOnly_5roa3_6241 {
  cursor: default;
}

/* Resize handles - positioned at top and bottom edges */
/* Event resize handles - larger hit area (12px) for easier grabbing */
._eventResizeHandle_5roa3_6247 {
  position: absolute;
  left: 0;
  right: 0;
  height: 12px;
  cursor: ns-resize;
  opacity: 0;
  transition:
    opacity 0.15s ease,
    background-color 0.1s ease;
  z-index: 2;
}

/* Position handles to extend 6px outside the event boundary */
/* Top resize handle leaves space for menu button (18px button + 2px right margin + 4px gap) */
._eventResizeHandleTop_5roa3_6262 {
  top: -6px;
  right: 24px;
  background: linear-gradient(to bottom, var(--color-border-secondary) 0%, transparent 100%);
  border-radius: 3px 3px 0 0;
}

._eventResizeHandleBottom_5roa3_6269 {
  bottom: -6px;
  background: linear-gradient(to top, var(--color-border-secondary) 0%, transparent 100%);
  border-radius: 0 0 3px 3px;
}

/* Show handles on hover with better visibility */
._timelineEventEditable_5roa3_6097:hover ._eventResizeHandle_5roa3_6247 {
  opacity: 0.8;
}

/* More prominent handles when being grabbed */
._eventResizeHandle_5roa3_6247:hover {
  opacity: 1 !important;
  background: var(--color-accent-primary);
}

/* Visual indicator line to show grab target */
._eventResizeHandleTop_5roa3_6262::after,
._eventResizeHandleBottom_5roa3_6269::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  background: var(--color-text-tertiary);
  border-radius: 1px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

._eventResizeHandleTop_5roa3_6262::after {
  top: 4px;
}

._eventResizeHandleBottom_5roa3_6269::after {
  bottom: 4px;
}

/* Show the grab indicator on hover */
._timelineEventEditable_5roa3_6097:hover ._eventResizeHandle_5roa3_6247::after {
  opacity: 0.6;
}

._eventResizeHandle_5roa3_6247:hover::after {
  opacity: 1;
  background: white;
}

/* Active resize state */
._timelineEventResizing_5roa3_6320 {
  opacity: 0.7;
  z-index: 10;
  box-shadow: 0 0 0 2px var(--color-accent-primary);
}

/* Keep handles visible during resize */
._timelineEventResizing_5roa3_6320 ._eventResizeHandle_5roa3_6247 {
  opacity: 1;
  background: var(--color-accent-primary);
}

._timelineEventResizing_5roa3_6320 ._eventResizeHandle_5roa3_6247::after {
  opacity: 1;
  background: white;
}

/* Resize preview (ghost indicator) */
._eventResizePreview_5roa3_6338 {
  position: absolute;
  background: rgba(59, 130, 246, 0.15);
  border: 2px dashed var(--color-blue-500);
  border-radius: 3px;
  pointer-events: none;
  z-index: 5;
}

/* Dragging state for focus block */
._timelineEventDragging_5roa3_6348 {
  opacity: 0.5;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Current time indicator */
._currentTimeIndicator_5roa3_6355 {
  position: absolute;
  left: 24px;
  right: 0;
  display: flex;
  align-items: center;
  z-index: var(--z-raised);
  pointer-events: none;
}

._currentTimeDot_5roa3_6365 {
  width: 6px;
  height: 6px;
  background-color: var(--color-red-500);
  border-radius: 50%;
  margin-left: -3px;
  flex-shrink: 0;
}

._currentTimeLine_5roa3_6374 {
  flex: 1;
  height: 1px;
  background-color: var(--color-red-500);
}

/* ============================================================================
   Unified Timeline - Scheduled Tasks
   ============================================================================ */

/* Scheduled task on timeline - calendar slot style with border box */
/* Uses teal/cyan to differentiate from calendar events (which use blues/purples) */
._timelineTask_5roa3_6386 {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  border: 2px solid var(--color-teal-500, #14b8a6);
  background-color: color-mix(in srgb, var(--color-teal-500, #14b8a6) 12%, transparent);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
  z-index: 1;
  box-sizing: border-box;
}

._timelineTask_5roa3_6386:hover {
  background-color: color-mix(in srgb, var(--color-teal-500, #14b8a6) 22%, transparent);
  border-color: var(--color-teal-600, #0d9488);
}

._timelineTaskCompact_5roa3_6409 {
  padding: 0.125rem 0.375rem;
}

._timelineTaskCompleted_5roa3_6413 {
  opacity: 0.5;
  border-style: solid;
}

._timelineTaskCompleted_5roa3_6413 ._timelineTaskTitle_5roa3_6418 {
  text-decoration: line-through;
}

._timelineTaskCheckbox_5roa3_6422 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 0.5rem;
  color: var(--color-teal-600, #0d9488);
  cursor: pointer;
}

._timelineTaskCheckbox_5roa3_6422:hover {
  color: var(--color-teal-700, #0f766e);
}

._timelineTaskCheckboxChecked_5roa3_6436 {
  color: var(--color-teal-500, #14b8a6);
}

._timelineTaskTitle_5roa3_6418 {
  flex: 1;
  min-width: 0;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

/* Parent task prefix for subtasks on timeline */
._timelineSubtaskParent_5roa3_6452 {
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-normal);
  font-size: 0.9em;
}

._timelineTaskRight_5roa3_6458 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 0.5rem;
}

._timelineTaskTime_5roa3_6467 {
  font-size: 0.7rem;
  color: var(--color-text-secondary);
  white-space: nowrap;
}

/* Scheduled task sync to calendar button */
._scheduledTaskSyncContainer_5roa3_6474 {
  position: relative;
}

._scheduledTaskSyncButton_5roa3_6478 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border: none;
  background: transparent;
  color: var(--color-text-secondary);
  cursor: pointer;
  border-radius: 3px;
  opacity: 0.6;
  transition:
    opacity 0.15s,
    background-color 0.15s;
}

._scheduledTaskSyncButton_5roa3_6478:hover {
  opacity: 1;
  background: var(--color-bg-tertiary);
}

._scheduledTaskVisibilityMenu_5roa3_6499 {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 100;
  min-width: 100px;
  overflow: hidden;
}

._scheduledTaskVisibilityOption_5roa3_6513 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  border: none;
  background: transparent;
  color: var(--color-text-primary);
  font-size: 0.8rem;
  cursor: pointer;
  transition: background-color 0.15s;
}

._scheduledTaskVisibilityOption_5roa3_6513:hover {
  background: var(--color-bg-secondary);
}

._scheduledTaskVisibilityOption_5roa3_6513:first-child {
  border-bottom: 1px solid var(--color-border);
}

/* Draggable task styles */
._timelineTaskDraggable_5roa3_6536 {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._timelineTaskDragging_5roa3_6541 {
  opacity: 0.5;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

._timelineTaskResizing_5roa3_6547 {
  opacity: 0.7;
  z-index: 10;
}

/* Task resize handle - positioned at bottom edge */
/* Task resize handles - larger hit area (12px) for easier grabbing */
._taskResizeHandle_5roa3_6554 {
  position: absolute;
  left: 0;
  right: 0;
  height: 12px;
  cursor: ns-resize;
  opacity: 0;
  transition:
    opacity 0.15s ease,
    background-color 0.1s ease;
  z-index: 2;
}

/* Position handle to extend 6px outside the task boundary */
._taskResizeHandleBottom_5roa3_6568 {
  bottom: -6px;
  background: linear-gradient(to top, var(--color-teal-500, #14b8a6) 0%, transparent 100%);
  border-radius: 0 0 4px 4px;
}

/* Show handle on hover */
._timelineTaskDraggable_5roa3_6536:hover ._taskResizeHandle_5roa3_6554 {
  opacity: 0.6;
}

/* More prominent when being grabbed */
._taskResizeHandle_5roa3_6554:hover {
  opacity: 1 !important;
  background: var(--color-teal-500, #14b8a6);
}

/* Visual indicator line to show grab target */
._taskResizeHandleBottom_5roa3_6568::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  background: var(--color-text-tertiary);
  border-radius: 1px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

._timelineTaskDraggable_5roa3_6536:hover ._taskResizeHandle_5roa3_6554::after {
  opacity: 0.6;
}

._taskResizeHandle_5roa3_6554:hover::after {
  opacity: 1;
  background: white;
}

/* Active resize state for tasks */
._timelineTaskResizing_5roa3_6547 {
  opacity: 0.7;
  z-index: 10;
  box-shadow: 0 0 0 2px var(--color-teal-500, #14b8a6);
}

/* Keep handles visible during resize */
._timelineTaskResizing_5roa3_6547 ._taskResizeHandle_5roa3_6554 {
  opacity: 1;
  background: var(--color-teal-500, #14b8a6);
}

._timelineTaskResizing_5roa3_6547 ._taskResizeHandle_5roa3_6554::after {
  opacity: 1;
  background: white;
}

/* Task resize preview */
._taskResizePreview_5roa3_6628 {
  position: absolute;
  background: rgba(20, 184, 166, 0.15);
  border: 2px dashed var(--color-teal-500, #14b8a6);
  border-radius: 4px;
  pointer-events: none;
  z-index: 5;
}

/* Task syncing spinner - inline right-aligned */
._taskSyncingSpinner_5roa3_6638 {
  flex-shrink: 0;
  color: var(--color-teal-600, #0d9488);
  animation: _spin_5roa3_1 0.8s linear infinite;
}

@keyframes _spin_5roa3_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ============================================================================
   Unified Timeline - Lunch Break Indicator
   ============================================================================ */

._lunchBreakBlock_5roa3_6657 {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 4px,
    color-mix(in srgb, var(--text-tertiary) 8%, transparent) 4px,
    color-mix(in srgb, var(--text-tertiary) 8%, transparent) 8px
  );
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  pointer-events: none;
  z-index: 0;
}

._lunchBreakLabel_5roa3_6677 {
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  background: var(--surface-primary);
  padding: 2px 8px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ============================================================================
   Unified Timeline - Gap Indicators
   ============================================================================ */

._timelineGap_5roa3_6692 {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: color-mix(in srgb, var(--status-success) 6%, transparent);
  opacity: 0.85;
  transition:
    opacity 0.2s ease,
    background 0.2s ease;
  cursor: pointer;
  z-index: 0;
}

._timelineGap_5roa3_6692:hover,
._timelineGapExpanded_5roa3_6711 {
  opacity: 1;
  background: color-mix(in srgb, var(--status-success) 12%, transparent);
}

._timelineGapLabel_5roa3_6716 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  color: var(--status-success);
  background: var(--surface-primary);
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

._timelineGapHint_5roa3_6730 {
  font-size: 9px;
  color: var(--text-tertiary);
}

/* Slot badges in gaps (L/M/S indicators) */
._gapSlotBadges_5roa3_6736 {
  display: flex;
  gap: 3px;
  margin-left: 4px;
}

._gapSlotBreakdown_5roa3_6742 {
  display: flex;
  gap: 4px;
}

._gapSlotL_5roa3_6747,
._gapSlotM_5roa3_6748,
._gapSlotS_5roa3_6749 {
  font-size: 9px;
  font-weight: var(--font-weight-semibold);
  padding: 1px 4px;
  border-radius: 3px;
}

._gapSlotL_5roa3_6747 {
  background: #dcfce7;
  color: #166534;
}

._gapSlotM_5roa3_6748 {
  background: #fef3c7;
  color: #92400e;
}

._gapSlotS_5roa3_6749 {
  background: #f3f4f6;
  color: #6b7280;
}

/* Slot blocks - positioned work time blocks within gaps */
._slotBlock_5roa3_6772 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid;
  opacity: 0.9;
  transition: opacity 0.15s ease;
}

._slotBlock_5roa3_6772:hover {
  opacity: 1;
}

._slotBlockL_5roa3_6787 {
  background: color-mix(in srgb, #16a34a 8%, transparent);
  border-color: #16a34a;
}

._slotBlockM_5roa3_6792 {
  background: color-mix(in srgb, #d97706 8%, transparent);
  border-color: #d97706;
}

._slotBlockS_5roa3_6797 {
  background: color-mix(in srgb, #6b7280 8%, transparent);
  border-color: #9ca3af;
}

._slotBlockBadge_5roa3_6802 {
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  padding: 2px 5px;
  border-radius: 3px;
  flex-shrink: 0;
}

._slotBlockL_5roa3_6787 ._slotBlockBadge_5roa3_6802 {
  background: #dcfce7;
  color: #166534;
}

._slotBlockM_5roa3_6792 ._slotBlockBadge_5roa3_6802 {
  background: #fef3c7;
  color: #92400e;
}

._slotBlockS_5roa3_6797 ._slotBlockBadge_5roa3_6802 {
  background: #f3f4f6;
  color: #6b7280;
}

._slotBlockTime_5roa3_6825 {
  font-size: 10px;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

/* Suggestion pills in gaps */
._gapSuggestions_5roa3_6832 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 4px;
  max-width: 100%;
  justify-content: center;
}

._gapSuggestionPill_5roa3_6841 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 3px;
  background: var(--surface-primary);
  border: 1px solid var(--border-primary);
  cursor: pointer;
  white-space: nowrap;
  max-width: 120px;
  transition: background-color 0.15s ease;
}

._gapSuggestionPill_5roa3_6841:hover {
  background: var(--surface-hover);
}

._gapSuggestionTitle_5roa3_6860 {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-primary);
}

/* ============================================================================
   Unified Timeline - Drag & Drop
   ============================================================================ */

/* Timeline active drop state - shows when dragging over */
._timelineDropActive_5roa3_6871 {
  background: color-mix(in srgb, var(--color-blue-500) 8%, transparent);
  outline: 2px dashed var(--color-blue-400, #60a5fa);
  outline-offset: -2px;
}

/* Drop preview on timeline */
._timelineDropPreview_5roa3_6878 {
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
  border: 2px dashed var(--color-blue-500);
  background: color-mix(in srgb, var(--color-blue-500) 10%, transparent);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-600);
  pointer-events: none;
  z-index: 10;
}

/* Shift held indicator (calendar creation) */
._timelineDropPreviewWithCalendar_5roa3_6898 {
  border-color: var(--color-green-500);
  background: color-mix(in srgb, var(--color-green-500) 10%, transparent);
  color: var(--color-green-600);
}

._calendarIndicator_5roa3_6904 {
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 3px;
  background: var(--color-green-500);
  color: white;
}

._gapSuggestionDuration_5roa3_6912 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

/* Timeline in day column - default scrollable container */
._dayColumnTimeline_5roa3_6918 {
  flex: 0 0 auto;
  max-height: 280px;
  min-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-default);
}

/* Timeline collapsed (tasks mode 20/80) - minimal, just shows toggle */
._dayColumnTimelineCollapsed_5roa3_6930 {
  flex: 0 0 auto;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Timeline planning mode (50/50 with drag-drop) */
._dayColumnTimelinePlanning_5roa3_6940 {
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-default);
}

/* Timeline expanded (calendar mode 80/20) - takes ~80% */
._dayColumnTimelineExpanded_5roa3_6952 {
  flex: 4;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-default);
}

/* Tasks in tasks mode (20/80) - takes most space */
._dayTasksExpanded_5roa3_6964 {
  flex: 4 !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Tasks planning mode (50/50 with drag-drop) */
._dayTasksPlanning_5roa3_6971 {
  flex: 1 !important;
  min-height: 0 !important;
}

/* Tasks collapsed (calendar mode 80/20) - takes ~20% */
._dayTasksCollapsed_5roa3_6977 {
  flex: 1 !important;
  min-height: 60px !important;
  max-height: 100px !important;
  overflow-y: auto;
}

/* View mode toggle button - collapsed state (in tasks mode) */
._viewModeToggleCollapsed_5roa3_6985 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  padding: 0.375rem;
  background: var(--bg-secondary);
  border: none;
  cursor: pointer;
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  transition: all 0.15s ease;
  flex-shrink: 0;
}

._viewModeToggleCollapsed_5roa3_6985:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

._viewModeToggleCollapsed_5roa3_6985:focus-visible {
  outline: none;
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

/* View mode toggle button - expanded state */
._viewModeToggle_5roa3_6985 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-tertiary);
  transition: all 0.15s ease;
  flex-shrink: 0;
}

._viewModeToggle_5roa3_6985:hover {
  background-color: var(--bg-secondary);
  color: var(--text-secondary);
}

._viewModeToggle_5roa3_6985:focus-visible {
  outline: none;
  background-color: var(--bg-secondary);
  color: var(--text-secondary);
}

/* Hidden tasks button */
._hiddenTasksBtn_5roa3_7039 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
}

._hiddenTasksBtn_5roa3_7039:hover {
  color: var(--action-primary);
  background-color: var(--bg-secondary);
}

/* Add Task Zone - Todoist-style clickable area */
._addTaskZone_5roa3_7059 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.5rem;
  margin-top: auto;
  font-size: var(--font-size-xs);
  color: var(--action-primary);
  background: transparent;
  border: none;
  border-top: 1px dashed var(--border-default);
  cursor: pointer;
  transition: all 0.15s ease;
  opacity: 0.7;
}

._addTaskZone_5roa3_7059:hover {
  opacity: 1;
  background-color: var(--surface-elevated);
}

._addTaskZone_5roa3_7059:focus-visible {
  opacity: 1;
  outline: 2px solid var(--action-primary);
  outline-offset: -2px;
  border-radius: var(--radius-sm);
}

/* ========================================
   PROJECTS VIEW
   ======================================== */

._projectsContainer_5roa3_7093 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 3.5rem);
  width: 100%;
  overflow: hidden;
  background-color: var(--surface-base);
}

._projectsHeader_5roa3_7102 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
}

._projectsHeaderRight_5roa3_7110 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._projectsTitle_5roa3_7116 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._projectsFilters_5roa3_7123 {
  display: flex;
  gap: 0.25rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
  padding: 0.125rem;
}

._filterButton_5roa3_7131 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._filterButton_5roa3_7131:hover {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
}

._filterButtonActive_5roa3_7148 {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  box-shadow: var(--shadow-sm);
}

._newProjectButton_5roa3_7155 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-inverse);
  background-color: var(--action-primary);
  border: 1px solid var(--action-primary);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
  flex-shrink: 0;
}

._newProjectButton_5roa3_7155:hover {
  background-color: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
}

._loadingState_5roa3_7176 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._errorBanner_5roa3_2018 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: color-mix(in srgb, var(--color-red-500) 10%, transparent);
  color: var(--color-red-600);
  font-size: var(--font-size-sm);
  border-bottom: 1px solid var(--border-default);
}

/* ========================================
   KANBAN GRID
   ======================================== */

._kanbanGrid_5roa3_7200 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  padding: 1rem;
  gap: 0.5rem;
}

._kanbanHeaderRow_5roa3_7209 {
  display: grid;
  grid-template-columns: 60px repeat(4, 1fr);
  gap: 0.5rem;
  position: sticky;
  top: 0;
  background-color: var(--surface-base);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-default);
  z-index: var(--z-raised);
}

._kanbanStatusHeader_5roa3_7221 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-tertiary);
  padding: 0.5rem;
  text-align: center;
}

._kanbanPriorityRow_5roa3_7231 {
  display: grid;
  grid-template-columns: 60px repeat(4, 1fr);
  gap: 0.5rem;
  min-height: 120px;
}

._kanbanPriorityLabel_5roa3_7238 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.5rem;
}

._priorityBadgeP1_5roa3_7245 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--color-red-500) 15%, transparent);
  color: var(--color-red-600);
}

._priorityBadgeP2_5roa3_7254 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--color-orange-500) 15%, transparent);
  color: var(--color-orange-600);
}

._priorityBadgeP3_5roa3_7263 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
  color: var(--color-blue-600);
}

._projectColumn_5roa3_7272 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius);
  padding: 0.5rem;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 2px solid transparent;
  transition: all var(--transition-fast);
}

._projectColumnActive_5roa3_7284 {
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
  border-color: color-mix(in srgb, var(--action-primary) 50%, transparent);
}

/* ========================================
   PROJECT CARD
   ======================================== */

._projectCard_5roa3_7294 {
  padding: 0.75rem;
  border-radius: var(--radius);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  cursor: grab;
  transition: all var(--transition-fast);
}

._projectCard_5roa3_7294:hover {
  border-color: var(--border-default);
  box-shadow: var(--shadow-sm);
}

._projectCardDragging_5roa3_7308 {
  opacity: 0.5;
  cursor: grabbing;
  box-shadow: var(--shadow-lg);
}

._projectCardHeader_5roa3_7315 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}

._projectName_5roa3_7323 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  line-height: 1.3;
}

._projectTypeBadgeWork_5roa3_7330 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
  color: var(--color-blue-600);
  white-space: nowrap;
  flex-shrink: 0;
}

._projectTypeBadgePersonal_5roa3_7344 {
  background-color: color-mix(in srgb, var(--color-green-500) 15%, transparent);
  color: var(--color-green-600);
}

._projectDescription_5roa3_7350 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}

._projectCardFooter_5roa3_7361 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.625rem;
  color: var(--text-tertiary);
}

._projectTaskCount_5roa3_7370 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._projectTargetDate_5roa3_7376 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* ========================================
   PROJECT MODAL
   ======================================== */

._projectModal_5roa3_7386 {
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  animation: _scaleIn_5roa3_1 0.2s ease-out;
  overflow: hidden;
}

._formRowDates_5roa3_7399 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

._typeButton_5roa3_7405 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
  flex: 1;
  justify-content: center;
}

._typeButton_5roa3_7405:hover {
  border-color: var(--border-default);
  color: var(--text-primary);
}

._typeButtonActive_5roa3_7427 {
  color: var(--action-primary);
  border-color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
}

._prioritySelector_5roa3_2190 {
  display: flex;
  gap: 0.5rem;
}

._priorityOption_5roa3_2195 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._priorityOption_5roa3_2195:hover {
  border-color: var(--border-default);
}

._priorityOptionP1Selected_5roa3_2217 {
  color: var(--color-red-600);
  border-color: var(--color-red-500);
  background-color: color-mix(in srgb, var(--color-red-500) 15%, transparent);
}

._priorityOptionP2Selected_5roa3_2228 {
  color: var(--color-orange-600);
  border-color: var(--color-orange-500);
  background-color: color-mix(in srgb, var(--color-orange-500) 15%, transparent);
}

._priorityOptionP3Selected_5roa3_2239 {
  color: var(--color-blue-600);
  border-color: var(--color-blue-500);
  background-color: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
}

/* Task project badge (for weekly planner) */
._taskProjectBadge_5roa3_7477 {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.5625rem;
  padding: 0.0625rem 0.25rem;
  border-radius: var(--radius-sm);
  background-color: var(--surface-elevated);
  color: var(--text-tertiary);
  margin-top: 0.25rem;
}

._taskProjectBadgeWork_5roa3_7489 {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  font-size: 0.5625rem;
  padding: 0.125rem 0.25rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
  color: var(--color-blue-600);
  flex-shrink: 0;
}

._taskProjectBadgePersonal_5roa3_7501 {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  font-size: 0.5625rem;
  padding: 0.125rem 0.25rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--color-green-500) 15%, transparent);
  color: var(--color-green-600);
  flex-shrink: 0;
}

/* Type badges - icon only, for tasks without project */
._taskTypeBadgeWork_5roa3_7514 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
  color: var(--color-blue-600);
  flex-shrink: 0;
}

._taskTypeBadgePersonal_5roa3_7525 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--color-green-500) 15%, transparent);
  color: var(--color-green-600);
  flex-shrink: 0;
}

._taskProjectBadgeName_5roa3_7536 {
  max-width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Project label - shown in labels row, styled like other labels */
._taskProjectLabel_5roa3_7544 {
  display: inline-flex;
  align-items: center;
  font-size: 0.6875rem;
  line-height: 1;
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  background: var(--surface-elevated);
  color: var(--text-tertiary);
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Inline edit wrappers and dropdowns */
._taskInlineEditWrapper_5roa3_7560 {
  position: relative;
  display: flex;
  align-items: center;
}

._taskAddProjectBtn_5roa3_7566 {
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._taskCard_5roa3_1041:hover ._taskAddProjectBtn_5roa3_7566 {
  display: flex;
}

._taskAddProjectBtn_5roa3_7566:hover {
  border-color: var(--action-primary);
  color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
}

._taskPriorityClickable_5roa3_7590 {
  cursor: pointer;
  transition: all 0.15s ease;
}

._taskPriorityClickable_5roa3_7590:hover {
  transform: scale(1.1);
}

._taskProjectBadgeWork_5roa3_7489,
._taskProjectBadgePersonal_5roa3_7501 {
  cursor: pointer;
  border: none;
  transition: all 0.15s ease;
}

._taskProjectBadgeWork_5roa3_7489:hover,
._taskProjectBadgePersonal_5roa3_7501:hover {
  transform: scale(1.05);
}

._taskInlineDropdown_5roa3_7611 {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 140px;
  max-width: 200px;
  background: var(--surface-overlay);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  z-index: var(--z-floating);
  margin-top: 0.25rem;
  animation: _fadeIn_5roa3_1 0.1s ease-out;
  max-height: 200px;
  overflow-y: auto;
  isolation: isolate;
}

/* Dark mode handled by semantic tokens */

._taskInlineDropdownItem_5roa3_7631 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.375rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-primary);
  background: inherit;
  border: none;
  cursor: pointer;
  transition: background-color 0.1s ease;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._taskInlineDropdownItem_5roa3_7631:hover {
  background-color: var(--surface-base);
}

._taskInlineDropdownItem_5roa3_7631 span {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Dark mode adjustments */
[data-theme='dark'] ._projectCard_5roa3_7294,
[data-theme='dark-contrasted'] ._projectCard_5roa3_7294 {
  background-color: var(--surface-base);
}

[data-theme='dark'] ._projectColumn_5roa3_7272,
[data-theme='dark-contrasted'] ._projectColumn_5roa3_7272 {
  background-color: color-mix(in srgb, var(--surface-elevated) 50%, transparent);
}

[data-theme='dark'] ._priorityBadgeP1_5roa3_7245,
[data-theme='dark-contrasted'] ._priorityBadgeP1_5roa3_7245 {
  background-color: color-mix(in srgb, var(--color-red-500) 20%, transparent);
}

[data-theme='dark'] ._priorityBadgeP2_5roa3_7254,
[data-theme='dark-contrasted'] ._priorityBadgeP2_5roa3_7254 {
  background-color: color-mix(in srgb, var(--color-orange-500) 20%, transparent);
}

[data-theme='dark'] ._priorityBadgeP3_5roa3_7263,
[data-theme='dark-contrasted'] ._priorityBadgeP3_5roa3_7263 {
  background-color: color-mix(in srgb, var(--color-blue-500) 20%, transparent);
}

/* ========================================
   PROJECT DETAIL MODAL
   ======================================== */

._projectDetailModal_5roa3_7688 {
  width: 100%;
  max-width: 600px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  animation: _scaleIn_5roa3_1 0.2s ease-out;
  overflow: hidden;
}

._projectDetailHeader_5roa3_7701 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--border-default);
}

._projectDetailHeaderLeft_5roa3_7709 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}

._projectDetailIcon_5roa3_7716 {
  color: var(--text-secondary);
  flex-shrink: 0;
}

._projectDetailTitleInput_5roa3_7721 {
  flex: 1;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  background: transparent;
  border: none;
  outline: none;
  padding: 0.25rem;
  border-radius: var(--radius-sm);
}

._projectDetailTitleInput_5roa3_7721:focus {
  background-color: var(--surface-base);
}

._projectDetailInfo_5roa3_7737 {
  padding: 1rem;
  padding-bottom: 1.5rem; /* Linear-style: spacing instead of divider */
}

._projectDetailField_5roa3_7742 {
  margin-bottom: 0.75rem;
}

._projectDetailDescriptionInput_5roa3_7746 {
  width: 100%;
  padding: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  outline: none;
  resize: none;
}

._projectDetailDescriptionInput_5roa3_7746:focus {
  background-color: var(--surface-base);
  border-color: var(--border-default);
}

._projectDetailDescriptionInput_5roa3_7746::-moz-placeholder {
  color: var(--text-tertiary);
}

._projectDetailDescriptionInput_5roa3_7746::placeholder {
  color: var(--text-tertiary);
}

/* Markdown editor for project description */
._projectDetailDescriptionEditor_5roa3_7768 {
  min-height: 80px;
}

._projectDetailMeta_5roa3_7772 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

._projectDetailMetaItem_5roa3_7778 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._projectDetailMetaLabel_5roa3_7784 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._projectDetailTypeToggle_5roa3_7792 {
  display: flex;
  gap: 0.25rem;
}

._typeButtonSmall_5roa3_7797 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._typeButtonSmall_5roa3_7797:hover {
  border-color: var(--border-default);
}

._typeButtonSmallActive_5roa3_7815 {
  color: var(--action-primary);
  border-color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
}

._projectDetailPriority_5roa3_7822 {
  display: flex;
  gap: 0.25rem;
}

._priorityBtnSmall_5roa3_7827 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._priorityBtnSmall_5roa3_7827:hover {
  border-color: var(--border-default);
}

._priorityBtnSmallActive_5roa3_7843 {
  color: var(--color-orange-600);
  border-color: var(--color-orange-500);
  background-color: color-mix(in srgb, var(--color-orange-500) 15%, transparent);
}

._projectDetailDateInput_5roa3_7850 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  outline: none;
}

._projectDetailDateInput_5roa3_7850:focus {
  border-color: var(--action-primary);
}

/* Tasks Section */
._projectDetailTasks_5roa3_7865 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._projectDetailTasksHeader_5roa3_7872 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._projectDetailAddTaskButton_5roa3_7880 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._projectDetailAddTaskButton_5roa3_7880:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}

._projectDetailTasksTitle_5roa3_7899 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._projectDetailTasksCount_5roa3_7909 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: var(--text-tertiary);
}

._projectDetailTasksList_5roa3_7915 {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}

._projectDetailTasksEmpty_5roa3_7921 {
  padding: 2rem 1rem;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._projectDetailTaskItem_5roa3_7928 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

._projectDetailTaskItem_5roa3_7928:hover {
  background-color: var(--surface-base);
}

._projectDetailTaskItemCompleted_5roa3_7942 {
  opacity: 0.6;
}

._projectDetailTaskCheckbox_5roa3_7947 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}

._projectDetailTaskCheckbox_5roa3_7947:hover {
  color: var(--action-primary);
}

._projectDetailTaskCheckboxDone_5roa3_7963 {
  color: var(--color-green-500);
}

._projectDetailTaskTitle_5roa3_7968 {
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._projectDetailTaskTitleDone_5roa3_7974 {
  text-decoration: line-through;
  color: var(--text-tertiary);
}

._projectDetailTaskDate_5roa3_7980 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._projectDetailTasksDivider_5roa3_7985 {
  padding: 0.5rem;
  margin-top: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  border-top: 1px solid var(--border-default);
}

._projectDetailTasksNote_5roa3_7993 {
  padding: 0.75rem 0.5rem;
  margin-top: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  font-style: italic;
}

/* ========================================
   RECURRENCE SELECTOR
   ======================================== */

._recurrenceSelector_5roa3_4389 {
  position: relative;
}

._recurrenceTrigger_5roa3_4390 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 32px;
  padding: 0 0.5rem;
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
  white-space: nowrap;
}

._recurrenceTrigger_5roa3_4390:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._recurrenceTrigger_5roa3_4390:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._recurrenceActiveIcon_5roa3_8036 {
  color: var(--action-primary);
}

._recurrenceActiveLabel_5roa3_8040 {
  color: var(--action-primary);
  font-weight: var(--font-weight-medium);
}

._recurrenceDropdown_5roa3_8045 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-floating);
  min-width: 180px;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  padding: 0.25rem;
  margin-top: 0.25rem;
}

._recurrenceOption_5roa3_8059 {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: none;
  background: transparent;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background-color var(--transition-fast);
}

._recurrenceOption_5roa3_8059:hover {
  background-color: var(--surface-base);
}

._recurrenceOptionActive_5roa3_8077 {
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
}

._recurrenceWeekdays_5roa3_8083 {
  padding: 0.5rem 0.75rem;
  border-top: 1px solid var(--border-default);
  margin-top: 0.25rem;
}

._recurrenceWeekdaysLabel_5roa3_8089 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-bottom: 0.375rem;
}

._recurrenceWeekdayButtons_5roa3_8095 {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

._recurrenceWeekdayBtn_5roa3_8101 {
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}

._recurrenceWeekdayBtn_5roa3_8101:hover {
  border-color: var(--action-primary);
  color: var(--action-primary);
}

._recurrenceWeekdayBtnActive_5roa3_8117 {
  background-color: var(--action-primary);
  border-color: var(--action-primary);
  color: white;
}

._recurrenceClearBtn_5roa3_8124 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: none;
  background: transparent;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-red-500);
  cursor: pointer;
  border-radius: var(--radius-sm);
  border-top: 1px solid var(--border-default);
  margin-top: 0.25rem;
  transition: background-color var(--transition-fast);
}

._recurrenceClearBtn_5roa3_8124:hover {
  background-color: var(--color-red-50);
}

/* ========================================
   RECURRING TASK INDICATOR
   ======================================== */

._recurringBadge_5roa3_8150 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
  font-size: var(--font-size-xs);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

._recurringBadgeModified_5roa3_8162 {
  background-color: var(--color-amber-50);
  color: var(--color-amber-600);
}

/* ========================================
   RECURRING DELETE DIALOG
   ======================================== */

._recurringDeleteDialog_5roa3_8172 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  width: 100%;
  max-width: 400px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._recurringDeleteHeader_5roa3_8184 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._recurringDeleteHeader_5roa3_8184 h3 {
  flex: 1;
  font-size: var(--font-size-lg);
  font-weight: 600;
  margin: 0;
  color: var(--text-primary);
}

._recurringDeleteIcon_5roa3_8198 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
  border-radius: var(--radius);
}

._recurringDeleteMessage_5roa3_8209 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
}

._recurringDeleteOptions_5roa3_8216 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._recurringDeleteOptionBtn_5roa3_8222 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
}

._recurringDeleteOptionBtn_5roa3_8222:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-strong);
}

._recurringDeleteOptionBtnDanger_5roa3_8240 {
}

._recurringDeleteOptionBtnDanger_5roa3_8240:hover {
  background-color: var(--color-red-50);
  border-color: var(--color-red-200);
}

._recurringDeleteOptionIcon_5roa3_8249 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  flex-shrink: 0;
}

._recurringDeleteOptionBtnDanger_5roa3_8240 ._recurringDeleteOptionIcon_5roa3_8249 {
  background-color: var(--color-red-100);
  color: var(--color-red-600);
}

._recurringDeleteOptionText_5roa3_8266 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._recurringDeleteOptionText_5roa3_8266 strong {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--text-primary);
}

._recurringDeleteOptionText_5roa3_8266 span {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._recurringDeleteCancelBtn_5roa3_8283 {
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: none;
  border-radius: var(--radius);
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._recurringDeleteCancelBtn_5roa3_8283:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

/* ========================================
   FOCUS BLOCK STYLES
   ======================================== */

/* Focus block button in TaskCard */
._focusBlockBtn_5roa3_8304 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  opacity: 0;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

._taskCardWrapper_5roa3_1041:hover ._focusBlockBtn_5roa3_8304,
._taskCardWrapperDragging_5roa3_1060 ._focusBlockBtn_5roa3_8304 {
  opacity: 1;
}

._focusBlockBtn_5roa3_8304:hover {
  background-color: var(--surface-secondary);
  color: var(--action-primary);
}

._focusBlockBtnActive_5roa3_8330 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  border: none;
  background-color: color-mix(in srgb, var(--action-primary) 15%, transparent);
  color: var(--action-primary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

._focusBlockBtnActive_5roa3_8330:hover {
  background-color: color-mix(in srgb, var(--action-primary) 25%, transparent);
}

/* ========================================
   TIME TRACKING STYLES
   ======================================== */

._timerContainer_5roa3_8353 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}

._timerDisplay_5roa3_8360 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  color: var(--text-tertiary);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  background-color: var(--surface-secondary);
}

._timerDisplayRunning_5roa3_8371 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  color: var(--success);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  background-color: color-mix(in srgb, var(--success) 15%, transparent);
  animation: _timerPulse_5roa3_1 2s ease-in-out infinite;
}

@keyframes _timerPulse_5roa3_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

._timerBtn_5roa3_8393 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  opacity: 0;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

._taskCardWrapper_5roa3_1041:hover ._timerBtn_5roa3_8393,
._taskCardWrapperDragging_5roa3_1060 ._timerBtn_5roa3_8393 {
  opacity: 1;
}

._timerBtn_5roa3_8393:hover {
  background-color: var(--surface-secondary);
  color: var(--success);
}

._timerBtnActive_5roa3_8419 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border: none;
  background-color: color-mix(in srgb, var(--success) 15%, transparent);
  color: var(--success);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

._timerBtnActive_5roa3_8419:hover {
  background-color: color-mix(in srgb, var(--danger) 15%, transparent);
  color: var(--danger);
}

/* Focus block confirmation dialog */
._focusBlockConfirmOverlay_5roa3_8440 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-dnd-overlay);
  animation: _fadeIn_5roa3_1 0.15s ease-out;
}

._focusBlockConfirmDialog_5roa3_8451 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-xl);
  width: 100%;
  max-width: 24rem;
  padding: 1.25rem;
  animation: _scaleIn_5roa3_1 0.15s ease-out;
}

._focusBlockConfirmTitle_5roa3_8462 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

._focusBlockConfirmText_5roa3_8469 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin-bottom: 1rem;
  line-height: 1.5;
}

._focusBlockConfirmActions_5roa3_8476 {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

._focusBlockConfirmCancel_5roa3_8482 {
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusBlockConfirmCancel_5roa3_8482:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._focusBlockConfirmKeep_5roa3_8498 {
  padding: 0.5rem 1rem;
  background-color: var(--action-primary);
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: white;
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusBlockConfirmKeep_5roa3_8498:hover {
  background-color: color-mix(in srgb, var(--action-primary) 85%, black);
}

._focusBlockConfirmDelete_5roa3_8514 {
  padding: 0.5rem 1rem;
  background-color: var(--color-red-500);
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: white;
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusBlockConfirmDelete_5roa3_8514:hover {
  background-color: var(--color-red-600);
}

/* Duration input for task modal - inline style (no double borders) */
._taskModalDurationInput_5roa3_8531 {
  width: 3rem;
  padding: 0;
  font-size: var(--font-size-xs);
  border: none;
  background: transparent;
  color: var(--text-secondary);
  text-align: left;
  outline: none;
}

._taskModalDurationInput_5roa3_8531:focus {
  color: var(--text-primary);
}

._taskModalDurationInput_5roa3_8531::-moz-placeholder {
  color: var(--text-tertiary);
}

._taskModalDurationInput_5roa3_8531::placeholder {
  color: var(--text-tertiary);
}

/* Hide number input spinners */
._taskModalDurationInput_5roa3_8531::-webkit-inner-spin-button,
._taskModalDurationInput_5roa3_8531::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._taskModalDurationSuffix_5roa3_8557 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  margin-left: 0.25rem;
}

._focusBlockDisabledNote_5roa3_8563 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  font-style: italic;
}

/* ========================================
   FOCUS BLOCKS LIST (TaskModal)
   ======================================== */

._focusBlocksSection_5roa3_8573 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-top: 1px solid var(--border-default);
  margin-top: 0.5rem;
}

._focusBlocksSectionHeader_5roa3_8582 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-secondary);
}

._focusBlocksSectionIcon_5roa3_8589 {
  color: var(--text-tertiary);
}

._focusBlocksSectionLabel_5roa3_8593 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._focusBlocksEmptyText_5roa3_8599 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  line-height: 1.4;
  margin: 0;
}

._focusBlocksListContainer_5roa3_8606 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._focusBlockListItem_5roa3_8612 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--surface-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
}

._focusBlockListItemMain_5roa3_8623 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}

._focusBlockListItemTime_5roa3_8631 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._focusBlockListItemTime_5roa3_8631 svg {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._focusBlockListItemDuration_5roa3_8644 {
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
}

._focusBlockListItemMeta_5roa3_8649 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
}

._focusBlockListItemVisibility_5roa3_8656 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--text-tertiary);
}

._focusBlockListItemLink_5roa3_8663 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  padding: 0.125rem;
  border-radius: var(--radius-sm);
  transition: all 0.1s ease;
}

._focusBlockListItemLink_5roa3_8663:hover {
  color: var(--action-primary);
  background-color: var(--surface-secondary);
}

._focusBlockListItemActions_5roa3_8678 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._focusBlockListItemAction_5roa3_8678 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: none;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._focusBlockListItemAction_5roa3_8678:hover {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
}

._focusBlocksAddWrapper_5roa3_8704 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._focusBlocksAddBtn_5roa3_8712 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--action-primary);
  background: none;
  border: 1px dashed var(--action-primary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusBlocksAddBtn_5roa3_8712:hover:not(:disabled) {
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
}

._focusBlocksAddBtn_5roa3_8712:disabled {
  color: var(--text-tertiary);
  border-color: var(--border-default);
  cursor: not-allowed;
}

._focusBlocksScheduleBtn_5roa3_8736 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: none;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusBlocksScheduleBtn_5roa3_8736:hover:not(:disabled) {
  color: var(--action-primary);
  border-color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 5%, transparent);
}

._focusBlocksScheduleBtn_5roa3_8736:disabled {
  color: var(--text-tertiary);
  cursor: not-allowed;
}

._focusBlocksHint_5roa3_8761 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._focusBlocksOptionsDropdown_5roa3_8766 {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  padding: 0.25rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  z-index: 10;
  min-width: 200px;
}

._focusBlocksOptionBtn_5roa3_8780 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: none;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  text-align: left;
  transition: background-color 0.1s ease;
}

._focusBlocksOptionBtn_5roa3_8780:hover {
  background-color: var(--surface-secondary);
}

._focusBlocksOptionBtn_5roa3_8780 svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

._focusBlocksOptionDesc_5roa3_8805 {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-left: auto;
}

/* ========================================
   FOCUS BLOCK SCHEDULER (Visual Calendar Picker)
   ======================================== */

._focusSchedulerOverlay_5roa3_8816 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-modal);
  animation: _fadeIn_5roa3_1 0.15s ease-out;
}

._focusScheduler_5roa3_8816 {
  width: 100%;
  max-width: 360px;
  max-height: 80vh;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: _scaleIn_5roa3_1 0.15s ease-out;
}

._focusSchedulerHeader_5roa3_8841 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._focusSchedulerNav_5roa3_8849 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

._focusSchedulerNavBtn_5roa3_8856 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: none;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._focusSchedulerNavBtn_5roa3_8856:hover {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
}

._focusSchedulerDateBtn_5roa3_8876 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  background: none;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color 0.1s ease;
}

._focusSchedulerDateBtn_5roa3_8876:hover {
  background-color: var(--surface-secondary);
}

._focusSchedulerToday_5roa3_8895 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 15%, transparent);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
}

._focusSchedulerHint_5roa3_8904 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._focusSchedulerQuickActions_5roa3_8913 {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-default);
  overflow-x: auto;
}

._focusSchedulerQuickBtn_5roa3_8921 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.625rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: var(--surface-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.1s ease;
}

._focusSchedulerQuickBtn_5roa3_8921:hover {
  background-color: var(--surface-secondary);
  border-color: var(--border-strong);
  color: var(--text-primary);
}

._focusSchedulerKbd_5roa3_8942 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.25rem;
  margin-left: 0.25rem;
  font-size: var(--font-size-xxs);
  font-family: var(--font-mono);
  color: var(--text-tertiary);
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
}

._focusSchedulerTimeline_5roa3_8958 {
  position: relative;
  overflow-y: auto;
  cursor: crosshair;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._focusSchedulerHourRow_5roa3_8965 {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
}

._focusSchedulerHourLabel_5roa3_8973 {
  width: 44px;
  padding-right: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: right;
  flex-shrink: 0;
}

._focusSchedulerHourLine_5roa3_8982 {
  flex: 1;
  height: 1px;
  background-color: var(--border-default);
  margin-top: 0.5rem;
}

._focusSchedulerEventsContainer_5roa3_8989 {
  position: absolute;
  top: 0;
  left: 48px;
  right: 8px;
  bottom: 0;
  pointer-events: none;
}

._focusSchedulerEvent_5roa3_8989 {
  position: absolute;
  left: 0;
  right: 0;
  border-left: 3px solid;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  padding: 0.125rem 0.375rem;
  overflow: hidden;
}

._focusSchedulerEventTitle_5roa3_9008 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._focusSchedulerSelection_5roa3_9016 {
  position: absolute;
  left: 48px;
  right: 8px;
  background-color: color-mix(in srgb, var(--action-primary) 25%, transparent);
  border: 2px solid var(--action-primary);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

._focusSchedulerSelectionLabel_5roa3_9029 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--action-primary);
  background-color: var(--surface-elevated);
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-sm);
}

._focusSchedulerCurrentTime_5roa3_9038 {
  position: absolute;
  left: 44px;
  right: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  z-index: 5;
}

._focusSchedulerCurrentTimeDot_5roa3_9048 {
  width: 8px;
  height: 8px;
  background-color: var(--color-red-500);
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: -4px;
}

._focusSchedulerCurrentTimeLine_5roa3_9057 {
  flex: 1;
  height: 2px;
  background-color: var(--color-red-500);
}

._focusSchedulerFooter_5roa3_9063 {
  display: flex;
  justify-content: flex-end;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
}

._focusSchedulerCancelBtn_5roa3_9070 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: none;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
}

._focusSchedulerCancelBtn_5roa3_9070:hover {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
}

/* ========================================
   TASK SEARCH MODAL (Cmd+K)
   ======================================== */

._searchModalOverlay_5roa3_9090 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 15vh;
  z-index: var(--z-dnd-overlay);
  animation: _fadeIn_5roa3_1 0.1s ease-out;
}

._searchModal_5roa3_9090 {
  width: 100%;
  max-width: 600px;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.25),
    0 0 0 1px var(--border-default);
  overflow: hidden;
  animation: _slideDown_5roa3_1 0.15s ease-out;
}

@keyframes _slideDown_5roa3_1 {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

._searchInputContainer_5roa3_9125 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-default);
}

._searchIcon_5roa3_9133 {
  flex-shrink: 0;
  color: var(--text-tertiary);
}

._searchInput_5roa3_9125 {
  flex: 1;
  background: none;
  border: none;
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  outline: none;
}

._searchInput_5roa3_9125::-moz-placeholder {
  color: var(--text-tertiary);
}

._searchInput_5roa3_9125::placeholder {
  color: var(--text-tertiary);
}

._searchClearBtn_5roa3_9151 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--radius-sm);
  border: none;
  background-color: var(--surface-primary);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._searchClearBtn_5roa3_9151:hover {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
}

._searchKbd_5roa3_9170 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-family: var(--font-mono);
  color: var(--text-tertiary);
  background-color: var(--surface-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
}

._searchResults_5roa3_9180 {
  max-height: 400px;
  overflow-y: auto;
}

._searchLoading_5roa3_9185 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

._searchLoadingSpinner_5roa3_9195 {
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--border-default);
  border-top-color: var(--action-primary);
  border-radius: 50%;
  animation: _spin_5roa3_1 0.6s linear infinite;
}

._searchEmpty_5roa3_9204 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

._searchResultItem_5roa3_9213 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.1s ease;
}

._searchResultItem_5roa3_9213:hover,
._searchResultItemSelected_5roa3_9227 {
  background-color: var(--surface-primary);
}

._searchResultItemSelected_5roa3_9227 {
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
}

._searchResultStatus_5roa3_9235 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._searchResultContent_5roa3_9242 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._searchResultTitle_5roa3_9250 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._searchResultTitleDone_5roa3_9259 {
  text-decoration: line-through;
  opacity: 0.6;
}

._searchResultDesc_5roa3_9264 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._searchResultMeta_5roa3_9272 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._searchResultArrow_5roa3_9281 {
  color: var(--action-primary);
  flex-shrink: 0;
}

._searchFooter_5roa3_9286 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 0.75rem;
  border-top: 1px solid var(--border-default);
  background-color: var(--surface-base);
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._searchFooter_5roa3_9286 span {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._searchFooter_5roa3_9286 kbd {
  padding: 0.125rem 0.375rem;
  font-family: var(--font-mono);
  font-size: 10px;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
}

/* ========================================
   COMMAND PALETTE TABS (Search + Tracker)
   ======================================== */

._commandPaletteTabs_5roa3_9317 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem 0;
  border-bottom: 1px solid var(--border-default);
}

._commandPaletteTab_5roa3_9317 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  background: none;
  border: none;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: all 0.15s ease;
}

._commandPaletteTab_5roa3_9317:hover {
  color: var(--text-secondary);
}

._commandPaletteTabActive_5roa3_9345 {
  color: var(--text-primary);
  border-bottom-color: var(--action-primary);
}

._commandPaletteTabKbd_5roa3_9350 {
  font-size: 10px;
  padding: 0.125rem 0.25rem;
  font-family: var(--font-mono);
  background-color: var(--surface-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-xs);
  color: var(--text-tertiary);
}

/* Tracker Quick View */
._trackerQuickView_5roa3_9361 {
  padding: 1rem 1.25rem;
  min-height: 200px;
}

._trackerHeader_5roa3_9366 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._trackerTitle_5roa3_9373 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._trackerWeekScore_5roa3_9379 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._trackerWeekScoreValue_5roa3_9387 {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._trackerHabitGrid_5roa3_9392 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}

._trackerHabitItem_5roa3_9398 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: var(--surface-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  transition: all 0.15s ease;
}

._trackerHabitItem_5roa3_9398:hover {
  border-color: var(--border-hover);
  background-color: var(--surface-hover);
}

._trackerHabitLabel_5roa3_9415 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._trackerHabitShortcut_5roa3_9424 {
  font-size: 10px;
  padding: 0.125rem 0.25rem;
  font-family: var(--font-mono);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-xs);
  color: var(--text-tertiary);
}

._trackerHabitControls_5roa3_9434 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._trackerHabitBtn_5roa3_9440 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  background: none;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._trackerHabitBtn_5roa3_9440:hover {
  background-color: var(--surface-secondary);
  border-color: var(--border-hover);
  color: var(--text-primary);
}

._trackerHabitBtn_5roa3_9440:active {
  transform: scale(0.95);
}

._trackerHabitValue_5roa3_9464 {
  min-width: 1.5rem;
  text-align: center;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._trackerHabitValueActive_5roa3_9472 {
  color: var(--color-green-600);
}

._trackerEmpty_5roa3_9476 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

/* Parent Task Search Modal (Move Subtask) */
._parentSearchHeader_5roa3_9488 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._parentSearchTitle_5roa3_9496 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._parentSearchCloseBtn_5roa3_9502 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  background: none;
  border: none;
  color: var(--text-tertiary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: all 0.1s ease;
}

._parentSearchCloseBtn_5roa3_9502:hover {
  background-color: var(--surface-hover);
  color: var(--text-secondary);
}

._promoteOption_5roa3_9520 {
  border-bottom: 1px solid var(--border-default);
}

._promoteOption_5roa3_9520 ._searchResultTitle_5roa3_9250 {
  color: var(--text-secondary);
}

/* More Menu (Task Modal Actions) */
._moreMenuTrigger_5roa3_9529 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  background: none;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._moreMenuTrigger_5roa3_9529:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-primary);
}

._moreMenuContent_5roa3_9550 {
  min-width: 180px;
  padding: 0.25rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
}

._moreMenuItem_5roa3_9559 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  background: none;
  border: none;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: all 0.1s ease;
  text-align: left;
}

._moreMenuItem_5roa3_9559:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._moreMenuItem_5roa3_9559 svg {
  flex-shrink: 0;
}

/* ========================================
   QUICK CAPTURE MODAL (Cmd+Shift+Space)
   ======================================== */

._quickCaptureOverlay_5roa3_9588 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 15vh;
  z-index: var(--z-dnd-overlay);
  animation: _fadeIn_5roa3_1 0.1s ease-out;
}

._quickCaptureModal_5roa3_9600 {
  width: 100%;
  max-width: 480px;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.25),
    0 0 0 1px var(--border-default);
  overflow: hidden;
  animation: _slideDown_5roa3_1 0.15s ease-out;
}

._quickCaptureHeader_5roa3_9612 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._quickCaptureIcon_5roa3_9624 {
  color: var(--action-primary);
}

._quickCaptureCloseBtn_5roa3_9628 {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.1s ease;
}

._quickCaptureCloseBtn_5roa3_9628:hover {
  background-color: var(--surface-primary);
  color: var(--text-primary);
}

._quickCaptureInputContainer_5roa3_9648 {
  padding: 1rem;
}

._quickCaptureInput_5roa3_9648 {
  width: 100%;
  padding: 0.75rem;
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  outline: none;
  transition: border-color 0.1s ease;
}

._quickCaptureInput_5roa3_9648:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

._quickCaptureInput_5roa3_9648::-moz-placeholder {
  color: var(--text-tertiary);
}

._quickCaptureInput_5roa3_9648::placeholder {
  color: var(--text-tertiary);
}

._quickCaptureSchedule_5roa3_9673 {
  display: flex;
  gap: 0.5rem;
  padding: 0 1rem 1rem;
}

._quickCaptureScheduleBtn_5roa3_9679 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all 0.1s ease;
}

._quickCaptureScheduleBtn_5roa3_9679:hover {
  background-color: var(--surface-primary);
  border-color: var(--text-tertiary);
}

._quickCaptureScheduleBtnActive_5roa3_9700 {
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
  border-color: var(--action-primary);
  color: var(--action-primary);
}

._quickCaptureScheduleBtn_5roa3_9679 kbd {
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--text-tertiary);
  opacity: 0.6;
}

._quickCaptureScheduleBtnActive_5roa3_9700 kbd {
  color: var(--action-primary);
  opacity: 0.8;
}

._quickCaptureFooter_5roa3_9718 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
  background-color: var(--surface-base);
}

._quickCaptureHint_5roa3_9727 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._quickCaptureHint_5roa3_9727 kbd {
  padding: 0.125rem 0.375rem;
  font-family: var(--font-mono);
  font-size: 10px;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
}

._quickCaptureSubmitBtn_5roa3_9744 {
  padding: 0.5rem 1rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: white;
  background-color: var(--action-primary);
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all 0.1s ease;
}

._quickCaptureSubmitBtn_5roa3_9744:hover:not(:disabled) {
  background-color: var(--action-primary-hover);
}

._quickCaptureSubmitBtn_5roa3_9744:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ========================================
   WEEKLY REVIEW STYLES
   ======================================== */

._reviewContainer_5roa3_9769 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  overflow-y: auto;
  background-color: var(--surface-base);
}

._reviewHeader_5roa3_9778 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

._reviewHeaderLeft_5roa3_9785 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

._reviewTitle_5roa3_9791 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}

._reviewWeekId_5roa3_9798 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._reviewNav_5roa3_9803 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._reviewNavBtn_5roa3_9809 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: var(--radius);
  background-color: var(--surface-secondary);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._reviewNavBtn_5roa3_9809:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._reviewTodayBtn_5roa3_9828 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all 0.15s ease;
}

._reviewTodayBtn_5roa3_9828:hover {
  background-color: color-mix(in srgb, var(--action-primary) 20%, transparent);
}

._reviewRefreshBtn_5roa3_9844 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: var(--radius);
  background-color: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._reviewRefreshBtn_5roa3_9844:hover {
  color: var(--text-primary);
}

._reviewRefreshBtn_5roa3_9844:disabled {
  cursor: not-allowed;
}

._reviewSpinning_5roa3_9866 {
  animation: _spin_5roa3_1 1s linear infinite;
}

@keyframes _spin_5roa3_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._reviewSubheader_5roa3_9879 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
}

._reviewLoading_5roa3_9888 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 3rem;
  color: var(--text-tertiary);
}

._reviewError_5roa3_9898 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  color: var(--danger);
}

._reviewError_5roa3_9898 button {
  padding: 0.5rem 1rem;
  background-color: var(--surface-secondary);
  border: none;
  border-radius: var(--radius);
  color: var(--text-primary);
  cursor: pointer;
}

._reviewEmpty_5roa3_9916 {
  padding: 3rem;
  text-align: center;
  color: var(--text-tertiary);
}

._reviewContent_5roa3_9922 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Stats Grid */
._reviewStatsGrid_5roa3_9929 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._reviewStatCard_5roa3_9935 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-default);
}

._reviewStatIcon_5roa3_9945 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius);
  background-color: var(--surface-secondary);
  flex-shrink: 0;
}

._reviewStatContent_5roa3_9956 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._reviewStatLabel_5roa3_9962 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._reviewStatValue_5roa3_9969 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}

._reviewStatSubValue_5roa3_9975 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* Section */
._reviewSection_5roa3_9981 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._reviewSectionTitle_5roa3_9987 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._reviewSectionTitle_5roa3_9987 svg {
  color: var(--text-tertiary);
}

/* Daily Grid */
._reviewDailyGrid_5roa3_10002 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.5rem;
}

._reviewDayCard_5roa3_10008 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: var(--surface-elevated);
  border-radius: var(--radius);
  border: 1px solid var(--border-default);
}

._reviewDayHeader_5roa3_10018 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._reviewDayName_5roa3_10024 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  text-transform: uppercase;
}

._reviewDayDate_5roa3_10031 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}

._reviewDayStats_5roa3_10037 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._reviewDayStat_5roa3_10037 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._reviewDayStat_5roa3_10037 svg {
  color: var(--text-tertiary);
}

/* Progress Bar */
._reviewProgressContainer_5roa3_10056 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._reviewProgressBar_5roa3_10062 {
  height: 4px;
  background-color: var(--surface-secondary);
  border-radius: 2px;
  overflow: hidden;
}

._reviewProgressFill_5roa3_10069 {
  height: 100%;
  background-color: var(--action-primary);
  border-radius: 2px;
  transition: width 0.3s ease;
}

._reviewProgressLabel_5roa3_10076 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: right;
}

/* Project List */
._reviewProjectList_5roa3_10083 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._reviewProjectRow_5roa3_10089 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--surface-elevated);
  border-radius: var(--radius);
  border: 1px solid var(--border-default);
}

._reviewProjectInfo_5roa3_10099 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._reviewProjectIconWork_5roa3_10105 {
  color: var(--state-info);
}

._reviewProjectIconPersonal_5roa3_10109 {
  color: var(--state-success);
}

._reviewProjectIconNone_5roa3_10113 {
  width: 14px;
  height: 14px;
}

._reviewProjectName_5roa3_10118 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._reviewProjectStats_5roa3_10124 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._reviewProjectCount_5roa3_10130 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._reviewProjectTime_5roa3_10135 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* Priority Grid */
._reviewPriorityGrid_5roa3_10141 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}

._reviewPriorityCard_5roa3_10147 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: var(--surface-elevated);
  border-radius: var(--radius);
  border: 1px solid var(--border-default);
}

._reviewPriorityHeader_5roa3_10157 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}

._reviewPriorityValue_5roa3_10165 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}

/* Time Accuracy */
._reviewTimeAccuracy_5roa3_10172 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background-color: var(--surface-elevated);
  border-radius: var(--radius);
  border: 1px solid var(--border-default);
}

._reviewTimeRow_5roa3_10182 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-sm);
}

._reviewTimeRow_5roa3_10182 span:first-child {
  color: var(--text-secondary);
}

._reviewTimeRow_5roa3_10182 span:last-child {
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._reviewTimeOver_5roa3_10198 {
  color: var(--danger) !important;
}

._reviewTimeUnder_5roa3_10202 {
  color: var(--warning) !important;
}

._reviewTimeAccurate_5roa3_10206 {
  color: var(--success) !important;
}

/* Rollover Note */
._reviewRolloverNote_5roa3_10211 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: color-mix(in srgb, var(--warning) 10%, transparent);
  border-radius: var(--radius);
  font-size: var(--font-size-sm);
  color: var(--warning);
}

/* Responsive */
@media (max-width: 768px) {
  ._reviewDailyGrid_5roa3_10002 {
    grid-template-columns: repeat(4, 1fr);
  }

  ._reviewPriorityGrid_5roa3_10141 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ========================================
   TIME PICKER
   ======================================== */

._timePickerWrapper_5roa3_10237 {
  position: relative;
}

._timePickerTrigger_5roa3_10241 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--text-primary); /* Match date text color */
  font-size: var(--font-size-sm); /* Same as sidebarFieldValue */
  cursor: pointer;
  transition: all var(--transition-fast);
}

._timePickerTrigger_5roa3_10241:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._timePickerDropdown_5roa3_10260 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-floating);
  margin-top: 0.25rem;
  padding: 0.75rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  min-width: 180px;
}

._timePickerSpinners_5roa3_10274 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}

._timePickerSpinner_5roa3_10274 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

._timePickerSpinner_5roa3_10274 button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 1.5rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}

._timePickerSpinner_5roa3_10274 button:hover {
  background-color: rgb(var(--action-primary-rgb) / 0.1);
  color: var(--text-primary);
}

._timePickerValue_5roa3_10308 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  min-width: 2.5rem;
  text-align: center;
}

._timePickerSeparator_5roa3_10316 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  padding: 0 0.125rem;
}

._timePickerQuick_5roa3_10323 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-default);
}

._timePickerQuick_5roa3_10323 button {
  padding: 0.375rem 0.25rem;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._timePickerQuick_5roa3_10323 button:hover {
  background-color: rgb(var(--action-primary-rgb) / 0.1);
  color: var(--text-primary);
}

._timePickerQuickSelected_5roa3_10347 {
  background-color: var(--action-primary);
  color: var(--text-inverse);
  font-weight: var(--font-weight-medium);
}

._timePickerQuickSelected_5roa3_10347:hover {
  background-color: var(--action-primary-hover);
}

._timePickerClear_5roa3_10357 {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.375rem;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._timePickerClear_5roa3_10357:hover {
  background-color: var(--surface-hover);
  color: var(--danger);
}

._sidebarTimePicker_5roa3_4519 {
  flex: 1;
}

/* ========================================
   TIME ENTRIES HISTORY
   ======================================== */

._timeEntriesContainer_5roa3_10384 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._timeEntriesLoading_5roa3_10390 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  padding: 0.5rem 0;
}

._timeEntriesEmpty_5roa3_10396 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  padding: 0.5rem 0;
}

._timeEntriesEmptyIcon_5roa3_10405 {
  opacity: 0.5;
}

._timeEntriesTotal_5roa3_10409 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0;
  border-bottom: 1px solid var(--border-default);
}

._timeEntriesTotalLabel_5roa3_10417 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._timeEntriesTotalValue_5roa3_10422 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

._timeEntriesList_5roa3_10429 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 180px;
  overflow-y: auto;
}

._timeEntryRow_5roa3_10437 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0.25rem;
  border-radius: var(--radius-sm);
  transition: background-color var(--transition-fast);
}

._timeEntryRow_5roa3_10437:hover {
  background-color: var(--surface-hover);
}

._timeEntryRow_5roa3_10437:hover ._timeEntryDeleteBtn_5roa3_10450 {
  opacity: 1;
}

._timeEntryInfo_5roa3_10454 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}

._timeEntryDuration_5roa3_10462 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

._timeEntryDate_5roa3_10469 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._timeEntryNote_5roa3_10474 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._timeEntryDeleteBtn_5roa3_10450 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  opacity: 0;
  transition: all var(--transition-fast);
}

._timeEntryDeleteBtn_5roa3_10450:hover:not(:disabled) {
  background-color: var(--state-error-subtle);
  color: var(--state-error);
}

._timeEntryDeleteBtn_5roa3_10450:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Task History Section */
._taskHistorySection_5roa3_10508 {
  margin-top: 0.75rem;
  border-top: 1px solid var(--border-default);
}

._taskHistoryToggle_5roa3_10513 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.5rem 0;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color var(--transition-fast);
}

._taskHistoryToggle_5roa3_10513:hover {
  color: var(--text-secondary);
}

._taskHistoryCount_5roa3_10531 {
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  background-color: var(--surface-secondary);
  border-radius: var(--radius-full);
  margin-left: auto;
  margin-right: 0.25rem;
}

._taskHistoryContent_5roa3_10541 {
  padding-bottom: 0.5rem;
}

._taskHistoryLoading_5roa3_10545,
._taskHistoryError_5roa3_10546,
._taskHistoryEmpty_5roa3_10547 {
  padding: 0.5rem 0;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
}

._taskHistoryError_5roa3_10546 {
  color: var(--state-error);
}

._taskHistoryList_5roa3_10558 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._taskHistoryEvent_5roa3_10564 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.375rem 0;
  font-size: var(--font-size-xs);
}

._taskHistoryEventAutomatic_5roa3_10572 {
  opacity: 0.7;
}

._taskHistoryEventIcon_5roa3_10576 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-full);
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._historyEventIconOverdue_5roa3_10588 {
  color: #ef4444;
}

._historyEventIconDeferred_5roa3_10592 {
  color: #f59e0b;
}

._taskHistoryEventContent_5roa3_10596 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

._taskHistoryEventLabel_5roa3_10603 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._taskHistoryAutoTag_5roa3_10611 {
  padding: 0.0625rem 0.25rem;
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  background-color: var(--surface-secondary);
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
}

._taskHistoryEventDetails_5roa3_10621 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._taskHistoryEventTime_5roa3_10626 {
  font-size: 0.65rem;
  color: var(--text-tertiary);
}

/* ========================================
   FOCUS & TIME SECTION
   Unified focus timer and time tracking
   ======================================== */

._focusTimeSection_5roa3_10636 {
  margin-top: 0.75rem;
  border-top: 1px solid var(--border-default);
}

._focusTimeSectionHeader_5roa3_10641 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._focusTimeSectionHeader_5roa3_10641:hover {
  /* No background - matches history section */
}

._focusTimeSectionTitle_5roa3_10654 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  transition: color var(--transition-fast);
}

._focusTimeSectionHeader_5roa3_10641:hover ._focusTimeSectionTitle_5roa3_10654 {
  color: var(--text-secondary);
}

._focusTimeTotalBadge_5roa3_10667 {
  padding: 0.125rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  background-color: var(--surface-tertiary);
  color: var(--text-secondary);
  border-radius: var(--radius-full);
}

._focusTimeSectionContent_5roa3_10676 {
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Timer controls - minimalist layout */
._focusTimeControls_5roa3_10684 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

._focusTimeButtonGroup_5roa3_10691 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Minimalist icon buttons */
._focusTimeIconBtnPlay_5roa3_10698,
._focusTimeIconBtnStop_5roa3_10699 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusTimeIconBtnPlay_5roa3_10698 {
  background-color: var(--state-success);
  color: white;
}

._focusTimeIconBtnPlay_5roa3_10698:hover:not(:disabled) {
  transform: scale(1.05);
  filter: brightness(1.1);
}

._focusTimeIconBtnStop_5roa3_10699 {
  background-color: var(--state-error);
  color: white;
}

._focusTimeIconBtnStop_5roa3_10699:hover:not(:disabled) {
  transform: scale(1.05);
  filter: brightness(1.1);
}

._focusTimeIconBtnPlay_5roa3_10698:disabled,
._focusTimeIconBtnStop_5roa3_10699:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Timer elapsed display */
._focusTimeElapsed_5roa3_10739 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

/* Calendar checkbox - compact */
._focusTimeCalendarCheckbox_5roa3_10747 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: pointer;
}

._focusTimeCalendarCheckbox_5roa3_10747:hover {
  color: var(--text-secondary);
}

._focusTimeCalendarCheckbox_5roa3_10747 input {
  width: 0.875rem;
  height: 0.875rem;
  accent-color: var(--color-primary);
}

/* Legacy button styles (kept for compatibility) */
._focusTimeActions_5roa3_10767 {
  display: flex;
  gap: 0.5rem;
}

._focusTimeStartBtn_5roa3_10772,
._focusTimeStopBtn_5roa3_10773,
._focusTimeScheduleBtn_5roa3_10774 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: background-color 0.15s;
}

._focusTimeStartBtn_5roa3_10772 {
  background-color: var(--state-success);
  color: white;
}

._focusTimeStartBtn_5roa3_10772:hover:not(:disabled) {
  filter: brightness(1.1);
}

._focusTimeStopBtn_5roa3_10773 {
  background-color: var(--state-error);
  color: white;
}

._focusTimeStopBtn_5roa3_10773:hover:not(:disabled) {
  filter: brightness(1.1);
}

._focusTimeScheduleBtn_5roa3_10774 {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
}

._focusTimeScheduleBtn_5roa3_10774:hover {
  background-color: var(--surface-tertiary);
}

/* Progress bar */
._focusTimeProgress_5roa3_10816 {
  position: relative;
  height: 1.5rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._focusTimeProgressBar_5roa3_10824 {
  height: 100%;
  background-color: var(--state-success);
  opacity: 0.3;
  transition: width 0.3s ease;
}

._focusTimeProgressText_5roa3_10831 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

/* Timeline */
._focusTimeTimeline_5roa3_10842 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-secondary);
}

._focusTimeTimelineItem_5roa3_10850 {
  padding: 0.5rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
}

/* Running timer */
._focusTimeRunning_5roa3_10857 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._focusTimeRunningDot_5roa3_10863 {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--state-error);
  border-radius: 50%;
  animation: _pulse_5roa3_1 1.5s infinite;
}

@keyframes _pulse_5roa3_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

._focusTimeRunningLabel_5roa3_10881 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._focusTimeRunningTime_5roa3_10887 {
  margin-left: auto;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-mono);
  color: var(--state-error);
}

/* Scheduled block */
._focusTimeScheduled_5roa3_10896 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-primary);
}

._focusTimeScheduledDate_5roa3_10903 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

._focusTimeScheduledTime_5roa3_10908 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

/* Tracked entry */
._focusTimeTracked_5roa3_10914 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--state-success);
}

._focusTimeTrackedDate_5roa3_10921 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._focusTimeTrackedDuration_5roa3_10926 {
  margin-left: auto;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

/* Validation prompt */
._focusTimeValidation_5roa3_10934 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-warning);
}

._focusTimeValidationDate_5roa3_10942 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._focusTimeValidationTime_5roa3_10947 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._focusTimeValidateBtn_5roa3_10952 {
  margin-left: auto;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-warning);
  background: none;
  border: 1px solid var(--color-warning);
  border-radius: var(--radius-sm);
  cursor: pointer;
}

._focusTimeValidateBtn_5roa3_10952:hover {
  background-color: var(--color-warning);
  color: white;
}

._focusTimeValidationExpanded_5roa3_10969 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

._focusTimeValidationButtons_5roa3_10977 {
  display: flex;
  gap: 0.25rem;
}

._focusTimeValidationButtons_5roa3_10977 button {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-sm);
  background-color: var(--surface-primary);
  color: var(--text-primary);
  cursor: pointer;
}

._focusTimeValidationButtons_5roa3_10977 button:hover {
  background-color: var(--surface-tertiary);
}

._focusTimePartialInput_5roa3_10996 {
  width: 4rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-sm);
  background-color: var(--surface-primary);
  color: var(--text-primary);
}

/* Delete button */
._focusTimeDeleteBtn_5roa3_11007 {
  margin-left: auto;
  padding: 0.25rem;
  color: var(--text-tertiary);
  background: none;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s;
}

._focusTimeTimelineItem_5roa3_10850:hover ._focusTimeDeleteBtn_5roa3_11007 {
  opacity: 1;
}

._focusTimeDeleteBtn_5roa3_11007:hover {
  color: var(--state-error);
  background-color: var(--surface-tertiary);
}

/* More entries */
._focusTimeMore_5roa3_11029 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  padding: 0.25rem;
}

/* Empty state */
._focusTimeEmpty_5roa3_11037 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  text-align: center;
  padding: 1rem;
}

/* ========================================
   Simplified Focus Section (v2)
   ======================================== */

._focusSection_5roa3_11048 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._focusControls_5roa3_11054 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._focusStartBtn_5roa3_11061,
._focusStopBtn_5roa3_11062 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusStartBtn_5roa3_11061 {
  background-color: var(--state-success);
  color: white;
}

._focusStartBtn_5roa3_11061:hover:not(:disabled) {
  filter: brightness(1.1);
}

._focusStopBtn_5roa3_11062 {
  background-color: var(--state-error);
  color: white;
}

._focusStopBtn_5roa3_11062:hover:not(:disabled) {
  filter: brightness(1.1);
}

._focusStartBtn_5roa3_11061:disabled,
._focusStopBtn_5roa3_11062:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._focusRunningDisplay_5roa3_11099 {
  padding: 0.5rem 0;
}

._focusTimerDisplay_5roa3_11103 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

._focusCalendarOptions_5roa3_11110 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._focusCalendarOption_5roa3_11110 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: pointer;
}

._focusCalendarOption_5roa3_11110:hover {
  color: var(--text-secondary);
}

._focusCalendarOption_5roa3_11110 input {
  width: 0.75rem;
  height: 0.75rem;
  accent-color: var(--action-primary);
}

._focusProgress_5roa3_11135 {
  position: relative;
  height: 1.25rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._focusProgressBar_5roa3_11143 {
  height: 100%;
  background-color: var(--state-success);
  opacity: 0.25;
}

._focusProgressText_5roa3_11149 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._focusHistory_5roa3_11159 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._focusHistoryItem_5roa3_11165 {
  display: grid;
  grid-template-columns: 1rem auto 1fr auto auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
}

._focusHistoryIcon_5roa3_11176 {
  color: var(--state-success);
  flex-shrink: 0;
}

._focusHistoryDate_5roa3_11181 {
  color: var(--text-secondary);
}

._focusHistoryTime_5roa3_11185 {
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}

._focusHistoryDuration_5roa3_11190 {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

._focusHistoryDelete_5roa3_11197 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._focusHistoryDelete_5roa3_11197:hover {
  color: var(--state-error);
  border-color: var(--state-error);
  background-color: color-mix(in srgb, var(--state-error) 10%, transparent);
}

._focusHistoryDelete_5roa3_11197:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._focusHistoryMore_5roa3_11223 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  padding: 0.25rem;
}

._focusEmpty_5roa3_11230 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  text-align: center;
  padding: 1rem;
}

/* ========================================
   DRAGGABLE TASK CARD WRAPPER
   ======================================== */

/* Draggable task card wrapper - entire card is draggable */
._draggableTaskCardWrapper_5roa3_11242 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: grab;
}

._draggableTaskCardWrapper_5roa3_11242:active {
  cursor: grabbing;
}

/* TaskCard inside draggable wrapper should fill width */
._draggableTaskCardWrapper_5roa3_11242 ._taskCardWrapper_5roa3_1041,
._draggableTaskCardWrapper_5roa3_11242 ._taskCardWrapperDragging_5roa3_1060 {
  flex: 1;
  min-width: 0;
}

._draggableTaskCardDragging_5roa3_11261 {
  cursor: grabbing;
}

/* ========================================
   WEEK SLOTS SCORE - Week-level focus score
   ======================================== */

._weekSlotsBadgeContainer_5roa3_11269 {
  position: relative;
  display: inline-flex;
  margin-left: 0.5rem;
}

._weekSlotsBadge_5roa3_11269 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--success-text, #166534);
  background: var(--success-bg, #dcfce7);
  border: 1px solid var(--success-border, #86efac);
  border-radius: var(--radius-sm);
  padding: 0.125rem 0.375rem;
  cursor: pointer;
  transition: all var(--transition-fast);
  min-width: 1.5rem;
}

._weekSlotsBadge_5roa3_11269:hover {
  background: color-mix(in srgb, var(--success-bg, #dcfce7) 80%, var(--success-text, #166534));
}

._weekSlotsScore_5roa3_11294 {
  font-size: 0.75rem;
  font-weight: 700;
}

/* Week Slots Popover */
._weekSlotsPopover_5roa3_11300 {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.375rem;
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  padding: 0.625rem;
  min-width: 220px;
  z-index: 1000;
}

._weekSlotsPopoverHeader_5roa3_11314 {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid var(--border-subtle);
}

._weekSlotsPopoverTotal_5roa3_11326 {
  font-weight: 500;
  font-size: 0.625rem;
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, monospace);
}

._weekSlotsPopoverEmpty_5roa3_11333 {
  font-size: 0.6875rem;
  color: var(--text-tertiary);
  padding: 0.5rem 0;
}

._weekSlotsPopoverList_5roa3_11339 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._weekSlotsPopoverItem_5roa3_11345 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.6875rem;
  padding: 0.25rem 0;
}

._weekSlotsDayName_5roa3_11353 {
  color: var(--text-secondary);
  min-width: 2rem;
  font-weight: 500;
}

._weekSlotsDaySlots_5roa3_11359 {
  flex: 1;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--text-tertiary);
  font-size: 0.625rem;
}

._weekSlotsDayScore_5roa3_11366 {
  font-weight: 600;
  color: var(--success-text, #166534);
  min-width: 1.25rem;
  text-align: right;
}

._weekSlotsPopoverItemEmpty_5roa3_11373 {
  opacity: 0.5;
}

._weekSlotsPopoverItemEmpty_5roa3_11373 ._weekSlotsDayScore_5roa3_11366 {
  color: var(--text-quaternary);
}

._weekSlotsPopoverFooter_5roa3_11381 {
  margin-top: 0.5rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--border-subtle);
}

._weekSlotsLegend_5roa3_11387 {
  font-size: 0.5625rem;
  color: var(--text-quaternary);
}

/* =============================================================================
   WORK SESSIONS
   ============================================================================= */

/* Work Sessions Section (TaskModal) */
._workSessionsSection_5roa3_11397 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._workSessionsHeader_5roa3_11403 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._workSessionsTitle_5roa3_11409 {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--text-primary);
}

._workSessionsAddBtn_5roa3_11415 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._workSessionsAddBtn_5roa3_11415:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

/* Running Timer */
._workSessionRunning_5roa3_11434 {
  background: var(--color-blue-50);
  border: 2px solid var(--color-blue-500);
  border-radius: var(--radius);
  padding: 0.75rem;
  animation: _workSessionPulse_5roa3_1 2s ease-in-out infinite;
}

@keyframes _workSessionPulse_5roa3_1 {
  0%,
  100% {
    box-shadow: 0 0 4px var(--color-blue-200);
  }
  50% {
    box-shadow: 0 0 12px var(--color-blue-300);
  }
}

._workSessionRunningHeader_5roa3_11452 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._workSessionRunningLabel_5roa3_11458 {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--color-blue-600);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._workSessionRunningTime_5roa3_11466 {
  font-size: var(--font-size-lg);
  font-weight: 700;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--color-blue-700);
}

/* Name styling inside running session - needs blue color for contrast */
._workSessionRunning_5roa3_11434 ._workSessionName_5roa3_11474 {
  color: var(--color-blue-700);
}

._workSessionRunning_5roa3_11434 ._workSessionNamePlaceholder_5roa3_11478 {
  color: var(--color-blue-400);
}

._workSessionRunning_5roa3_11434 ._workSessionName_5roa3_11474:hover {
  background: var(--color-blue-100);
}

._workSessionRunning_5roa3_11434 ._workSessionNameInput_5roa3_11486 {
  background: white;
  border-color: var(--color-blue-400);
}

._workSessionStopBtn_5roa3_11491 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.625rem;
  border: none;
  background: var(--color-red-100);
  color: var(--color-red-700);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

._workSessionStopBtn_5roa3_11491:hover {
  background: var(--color-red-200);
}

._workSessionProgressRow_5roa3_11510 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

._workSessionProgress_5roa3_11510 {
  position: relative;
  flex: 1;
  height: 0.5rem;
  background: var(--color-blue-100);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._workSessionProgressBar_5roa3_11526 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--color-blue-500);
  border-radius: var(--radius-full);
  transition: width 0.3s ease;
}

._workSessionProgressText_5roa3_11536 {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--text-secondary);
  white-space: nowrap;
}

/* Session Groups */
._workSessionsGroup_5roa3_11544 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._workSessionsGroupLabel_5roa3_11550 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Session Items */
._workSessionItem_5roa3_11559 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  background: var(--surface-secondary);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  transition: background 0.15s ease;
}

._workSessionItem_5roa3_11559:hover {
  background: var(--surface-hover);
}

._workSessionItem_5roa3_11559._workSessionCancelled_5roa3_11574 {
  opacity: 0.5;
}

._workSessionStatus_5roa3_11578 {
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  text-transform: capitalize;
  margin-right: 0.5rem;
}

._workSessionDuration_5roa3_11585 {
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, monospace);
}

._workSessionDurationEditable_5roa3_11590 {
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, monospace);
  cursor: pointer;
  padding: 0.125rem 0.25rem;
  border-radius: var(--radius-sm);
  transition: background 0.15s ease;
}

._workSessionDurationEditable_5roa3_11590:hover {
  background: var(--surface-hover);
}

._workSessionDurationInput_5roa3_11603 {
  font-size: var(--font-size-xs);
  font-family: var(--font-mono, ui-monospace, monospace);
  padding: 0.125rem 0.25rem;
  border: 1px solid var(--border-focus);
  border-radius: var(--radius-sm);
  background: var(--surface-base);
  color: var(--text-primary);
  outline: none;
  width: 50px;
  text-align: right;
}

._workSessionDurationInput_5roa3_11603::-moz-placeholder {
  color: var(--text-quaternary);
}

._workSessionDurationInput_5roa3_11603::placeholder {
  color: var(--text-quaternary);
}

/* Remove number input spinners */
._workSessionDurationInput_5roa3_11603::-webkit-outer-spin-button,
._workSessionDurationInput_5roa3_11603::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._workSessionDurationInput_5roa3_11603[type='number'] {
  -moz-appearance: textfield;
}

/* Time editing styles */
._workSessionTimeEditable_5roa3_11632 {
  cursor: pointer;
  padding: 0.0625rem 0.125rem;
  border-radius: var(--radius-sm);
  transition: background 0.15s ease;
}

._workSessionTimeEditable_5roa3_11632:hover {
  background: var(--surface-hover);
}

._workSessionTimeInput_5roa3_11643 {
  font-size: var(--font-size-xs);
  font-family: var(--font-mono, ui-monospace, monospace);
  padding: 0.0625rem 0.125rem;
  border: 1px solid var(--border-focus);
  border-radius: var(--radius-sm);
  background: var(--surface-base);
  color: var(--text-primary);
  outline: none;
  width: 75px;
}

._workSessionSpacer_5roa3_11655 {
  flex: 1;
}

._workSessionDate_5roa3_11659 {
  color: var(--text-secondary);
  font-weight: 500;
}

._workSessionTime_5roa3_11632 {
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, monospace);
}

._workSessionActions_5roa3_11669 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity 0.15s ease;
}

._workSessionItem_5roa3_11559:hover ._workSessionActions_5roa3_11669 {
  opacity: 1;
}

._workSessionActionBtn_5roa3_11681 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  background: transparent;
  color: var(--text-quaternary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._workSessionActionBtn_5roa3_11681:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

._workSessionRescheduleBtn_5roa3_11699 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: none;
  background: var(--color-amber-100);
  color: var(--color-amber-700);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

._workSessionRescheduleBtn_5roa3_11699:hover {
  background: var(--color-amber-200);
}

/* Session Name - Inline Editable */
._workSessionName_5roa3_11474 {
  color: var(--text-primary);
  font-weight: 500;
  cursor: pointer;
  padding: 0.125rem 0.25rem;
  border-radius: var(--radius-sm);
  transition: background 0.15s ease;
  flex: 1 1 auto;
  min-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._workSessionName_5roa3_11474:hover {
  background: var(--surface-hover);
}

._workSessionNamePlaceholder_5roa3_11478 {
  color: var(--text-quaternary);
  font-style: italic;
  font-weight: 400;
}

._workSessionNameInput_5roa3_11486 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  padding: 0.125rem 0.25rem;
  border: 1px solid var(--border-focus);
  border-radius: var(--radius-sm);
  background: var(--surface-base);
  color: var(--text-primary);
  outline: none;
  flex: 1 1 auto;
  min-width: 100px;
}

._workSessionNameInput_5roa3_11486::-moz-placeholder {
  color: var(--text-quaternary);
  font-style: italic;
}

._workSessionNameInput_5roa3_11486::placeholder {
  color: var(--text-quaternary);
  font-style: italic;
}

/* Status Icons */
._sessionIconScheduled_5roa3_11762 {
  color: var(--color-blue-500);
  flex-shrink: 0;
}

._sessionIconInProgress_5roa3_11767 {
  color: var(--color-blue-600);
  flex-shrink: 0;
}

._sessionIconCompleted_5roa3_11772 {
  color: var(--color-green-500);
  flex-shrink: 0;
}

._sessionIconMissed_5roa3_11777 {
  color: var(--color-red-500);
  flex-shrink: 0;
}

._sessionIconCancelled_5roa3_11782 {
  color: var(--text-quaternary);
  flex-shrink: 0;
}

/* Empty/More States */
._workSessionsEmpty_5roa3_11788 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  padding: 1rem;
}

._workSessionsScrollable_5roa3_11795 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  max-height: 200px;
  overflow-y: auto;
}

/* =============================================================================
   WORK SESSION TIMELINE ITEM
   ============================================================================= */

._workSessionTimelineItem_5roa3_11807 {
  position: absolute;
  border-radius: var(--radius);
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: all 0.2s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.125rem;
}

._workSessionTimelineItem_5roa3_11807:hover {
  z-index: 10;
}

/* Timeline Status Styles */
._workSessionTimelineScheduled_5roa3_11826 {
  border: 1px dashed var(--color-blue-400);
  background: var(--color-blue-50);
}

._workSessionTimelineScheduled_5roa3_11826:hover {
  background: var(--color-blue-50);
}

._workSessionTimelineInProgress_5roa3_11835 {
  border: 2px solid var(--color-blue-500);
  background: var(--color-blue-50);
  animation: _workSessionPulse_5roa3_1 2s ease-in-out infinite;
}

._workSessionTimelineCompleted_5roa3_11841 {
  border: 1px solid var(--color-green-400);
  background: rgba(34, 197, 94, 0.1);
}

._workSessionTimelineMissed_5roa3_11846 {
  border: 1px solid var(--color-red-400);
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 4px,
    rgba(239, 68, 68, 0.08) 4px,
    rgba(239, 68, 68, 0.08) 8px
  );
}

._workSessionTimelineCancelled_5roa3_11857 {
  border: 1px solid var(--border);
  background: var(--surface-secondary);
  opacity: 0.5;
}

/* Timeline Item Content */
._workSessionTimelineHeader_5roa3_11864 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._workSessionTimelineTitle_5roa3_11870 {
  flex: 1;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._workSessionTimelineTime_5roa3_11879 {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--text-tertiary);
  font-size: 0.625rem;
}

._workSessionTimelineProgress_5roa3_11885 {
  height: 0.25rem;
  background: var(--color-blue-100);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._workSessionTimelineProgressBar_5roa3_11892 {
  height: 100%;
  background: var(--color-blue-500);
  border-radius: var(--radius-full);
}

._workSessionTimelineDuration_5roa3_11898 {
  font-size: 0.625rem;
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-left: auto;
}

/* Compact mode for small timeline items */
._workSessionTimelineCompact_5roa3_11906 ._workSessionTimelineHeader_5roa3_11864 {
  flex-direction: row;
}

._workSessionTimelineCompact_5roa3_11906 ._workSessionTimelineProgress_5roa3_11885,
._workSessionTimelineCompact_5roa3_11906 ._workSessionTimelineDuration_5roa3_11898 {
  display: none;
}
/**
 * Header Module
 * Styles for special header content like Today View navigation
 */

/* ========================================
   TODAY VIEW HEADER (in main navbar)
   ======================================== */

._todayViewNav_1392m_10 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._todayNavBtn_1392m_16 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  border-radius: var(--radius);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._todayNavBtn_1392m_16:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

._todayDateDisplay_1392m_35 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._todayDayName_1392m_41 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._dayNumber_1392m_47 {
  font-weight: var(--font-weight-bold);
}

._todayDateNumber_1392m_51 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  align-self: flex-end;
  margin-bottom: 0.125rem;
}

._todayBadge_1392m_58 {
  padding: 0.125rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--brand-primary);
  background: var(--brand-primary-subtle);
  border-radius: var(--radius-full);
}

._focusGapsBadge_1392m_67 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  background: var(--surface-raised);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  color: var(--status-success);
}

._weekBtn_1392m_78 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--border-default);
  background: var(--surface-raised);
  border-radius: var(--radius);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: all 0.15s ease;
}

._weekBtn_1392m_78:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--border-hover);
}

._weekBtnActive_1392m_99 {
  background: #3b82f6;
  border-color: #2563eb;
  color: #ffffff;
}

._weekBtnActive_1392m_99:hover {
  background: #2563eb;
  border-color: #1d4ed8;
  color: #ffffff;
}

/* Navigation arrows container */
._navArrows_1392m_112 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

/* Mode toggle button - subtle style */
._modeToggleBtn_1392m_119 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  border: none;
  background: transparent;
  border-radius: var(--radius);
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: all 0.15s ease;
}

._modeToggleBtn_1392m_119:hover {
  background: var(--surface-hover);
  color: var(--text-secondary);
}

/* ========================================
   TAB COLOR VARIANTS
   Theme-aware tab colors for Finances, P-KPIs, etc.
   ======================================== */

/* Green - Overview, Income */
._tabGreen_1392m_145 {
  color: var(--color-green-500);
}
._tabGreenActive_1392m_148 {
  color: var(--color-green-700);
}
[data-theme='dark'] ._tabGreenActive_1392m_148,
[data-theme='dark-contrasted'] ._tabGreenActive_1392m_148 {
  color: var(--color-green-500);
}
._tabGreenBorder_1392m_155 {
  border: 1px solid var(--color-green-500);
}

/* Emerald - Income variant */
._tabEmerald_1392m_160 {
  color: #10b981;
}
._tabEmeraldActive_1392m_163 {
  color: #047857;
}
[data-theme='dark'] ._tabEmeraldActive_1392m_163,
[data-theme='dark-contrasted'] ._tabEmeraldActive_1392m_163 {
  color: #6ee7b7;
}
._tabEmeraldBorder_1392m_170 {
  border: 1px solid #10b981;
}

/* Red - Expenses, Alerts */
._tabRed_1392m_175 {
  color: var(--color-red-500);
}
._tabRedActive_1392m_178 {
  color: var(--color-red-700);
}
[data-theme='dark'] ._tabRedActive_1392m_178,
[data-theme='dark-contrasted'] ._tabRedActive_1392m_178 {
  color: #fca5a5;
}
._tabRedBorder_1392m_185 {
  border: 1px solid var(--color-red-500);
}

/* Blue - Assets, Week Score */
._tabBlue_1392m_190 {
  color: var(--color-blue-500);
}
._tabBlueActive_1392m_193 {
  color: var(--color-blue-700);
}
[data-theme='dark'] ._tabBlueActive_1392m_193,
[data-theme='dark-contrasted'] ._tabBlueActive_1392m_193 {
  color: #93c5fd;
}
._tabBlueBorder_1392m_200 {
  border: 1px solid var(--color-blue-500);
}

/* Purple - Subscriptions, Sleep */
._tabPurple_1392m_205 {
  color: #a855f7;
}
._tabPurpleActive_1392m_208 {
  color: #7e22ce;
}
[data-theme='dark'] ._tabPurpleActive_1392m_208,
[data-theme='dark-contrasted'] ._tabPurpleActive_1392m_208 {
  color: #d8b4fe;
}
._tabPurpleBorder_1392m_215 {
  border: 1px solid #a855f7;
}

/* Amber - Mortgage */
._tabAmber_1392m_220 {
  color: #f59e0b;
}
._tabAmberActive_1392m_223 {
  color: #b45309;
}
[data-theme='dark'] ._tabAmberActive_1392m_223,
[data-theme='dark-contrasted'] ._tabAmberActive_1392m_223 {
  color: #fcd34d;
}
._tabAmberBorder_1392m_230 {
  border: 1px solid #f59e0b;
}

/* Cyan - Investments */
._tabCyan_1392m_235 {
  color: #06b6d4;
}
._tabCyanActive_1392m_238 {
  color: #0e7490;
}
[data-theme='dark'] ._tabCyanActive_1392m_238,
[data-theme='dark-contrasted'] ._tabCyanActive_1392m_238 {
  color: #67e8f9;
}
._tabCyanBorder_1392m_245 {
  border: 1px solid #06b6d4;
}

/* Orange - Budgets, Correlations */
._tabOrange_1392m_250 {
  color: #f97316;
}
._tabOrangeActive_1392m_253 {
  color: #c2410c;
}
[data-theme='dark'] ._tabOrangeActive_1392m_253,
[data-theme='dark-contrasted'] ._tabOrangeActive_1392m_253 {
  color: #fdba74;
}
._tabOrangeBorder_1392m_260 {
  border: 1px solid #f97316;
}

/* Pink - OKRs */
._tabPink_1392m_265 {
  color: #ec4899;
}
._tabPinkActive_1392m_268 {
  color: #be185d;
}
[data-theme='dark'] ._tabPinkActive_1392m_268,
[data-theme='dark-contrasted'] ._tabPinkActive_1392m_268 {
  color: #f9a8d4;
}
._tabPinkBorder_1392m_275 {
  border: 1px solid #ec4899;
}

/* Sky - Travel */
._tabSky_1392m_280 {
  color: #0ea5e9;
}
._tabSkyActive_1392m_283 {
  color: #0369a1;
}
[data-theme='dark'] ._tabSkyActive_1392m_283,
[data-theme='dark-contrasted'] ._tabSkyActive_1392m_283 {
  color: #7dd3fc;
}
._tabSkyBorder_1392m_290 {
  border: 1px solid #0ea5e9;
}

/* Indigo - Yearly Report */
._tabIndigo_1392m_295 {
  color: #6366f1;
}
._tabIndigoActive_1392m_298 {
  color: #4338ca;
}
[data-theme='dark'] ._tabIndigoActive_1392m_298,
[data-theme='dark-contrasted'] ._tabIndigoActive_1392m_298 {
  color: #a5b4fc;
}
._tabIndigoBorder_1392m_305 {
  border: 1px solid #6366f1;
}
/**
 * Dialog Component Styles
 * Uses design tokens for consistent theming
 * Compatible with Base UI data attributes
 */

/* Dialog Overlay (Backdrop) */
._overlay_r0bag_8 {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  background-color: rgba(17, 24, 39, 0.6); /* gray-900 with 60% opacity */
  backdrop-filter: blur(2px);
}

/* Base UI uses data-open instead of data-state */
._overlay_r0bag_8[data-open] {
  animation: _fadeIn_r0bag_1 200ms ease-out;
}

._overlay_r0bag_8:not([data-open]) {
  animation: _fadeOut_r0bag_1 200ms ease-in;
}

/* Dialog Content (Popup) */
._content_r0bag_26 {
  /* Positioning */
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: var(--z-modal);

  /* Size */
  width: 100%;
  max-width: 32rem; /* 512px */
  max-height: 85vh;

  /* Layout */
  display: grid;
  gap: var(--space-4);
  padding: var(--space-6);

  /* Design using tokens */
  background-color: var(--surface-overlay);
  color: var(--text-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);

  /* Smooth transitions */
  transition: all var(--transition-base);
}

._content_r0bag_26[data-open] {
  animation: _dialogIn_r0bag_1 200ms ease-out;
}

._content_r0bag_26:not([data-open]) {
  animation: _dialogOut_r0bag_1 200ms ease-in;
}

/* Dialog Header */
._header_r0bag_64 {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  text-align: center;
}

._title_r0bag_71 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  color: var(--text-primary);
  margin: 0;
}

._description_r0bag_79 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin: 0;
}

/* Dialog Footer */
._footer_r0bag_86 {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--space-2);
}

@media (min-width: 640px) {
  ._header_r0bag_64 {
    text-align: left;
  }

  ._footer_r0bag_86 {
    flex-direction: row;
    justify-content: flex-end;
  }
}

/* Close Button */
._closeButton_r0bag_104 {
  position: absolute;
  right: var(--space-4);
  top: var(--space-4);
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);

  display: flex;
  align-items: center;
  justify-content: center;
}

._closeButton_r0bag_104 svg {
  width: 1rem;
  height: 1rem;
}

._closeButton_r0bag_104:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._closeButton_r0bag_104:focus {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

/* Animations */
@keyframes _fadeIn_r0bag_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _fadeOut_r0bag_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes _dialogIn_r0bag_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes _dialogOut_r0bag_1 {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }
}
.references-classic-header[data-v-9198d025]{display:flex;align-items:center;gap:12px;max-width:var(--refs-content-max-width);margin:auto;padding:12px 0}.references-classic-header-content[data-v-9198d025]{display:flex;gap:12px;flex-grow:1}.references-classic-header-container[data-v-9198d025]{padding:0 60px}@container narrow-references-container (max-width: 900px){.references-classic-header[data-v-9198d025]{padding:12px 24px}.references-classic-header-container[data-v-9198d025]{padding:0}}.references-classic-header-icon[data-v-9198d025]{height:24px;color:var(--scalar-color-1)}.section-wrapper[data-v-ee08c887]{color:var(--scalar-color-1);padding-top:12px;margin-top:-12px}.section-accordion[data-v-ee08c887]{display:flex;flex-direction:column;border-radius:var(--scalar-radius-lg);background:var(--scalar-background-2)}.section-accordion-transparent[data-v-ee08c887]{background:transparent;border:var(--scalar-border-width) solid var(--scalar-border-color)}.section-accordion-button[data-v-ee08c887]{padding:6px}.section-accordion-button[data-v-ee08c887]{display:flex;align-items:center;gap:6px;cursor:pointer}.section-accordion-button-content[data-v-ee08c887]{flex:1;min-width:0}.section-accordion-button-actions[data-v-ee08c887]{display:flex;align-items:center;gap:6px;color:var(--scalar-color-3)}.section-accordion-chevron[data-v-ee08c887]{margin-right:4px;cursor:pointer;opacity:1;color:var(--scalar-color-3)}.section-accordion-button:hover .section-accordion-chevron[data-v-ee08c887]{color:var(--scalar-color-1)}.section-accordion-content[data-v-ee08c887]{border-top:var(--scalar-border-width) solid var(--scalar-border-color);display:flex;flex-direction:column}.section-accordion-description[data-v-ee08c887]{font-weight:var(--scalar-semibold);font-size:var(--scalar-mini);color:var(--scalar-color--1);padding:10px 12px 0}.section-accordion-content-card[data-v-ee08c887] .property:last-of-type{padding-bottom:9px}.screenreader-only[data-v-df2e1026]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.schema-type-icon[data-v-70cb5c13]{color:var(--scalar-color-1);display:none}.schema-type[data-v-70cb5c13]{font-family:var(--scalar-font-code);color:var(--scalar-color-1)}.error[data-v-7829fdfd]{background-color:var(--scalar-color-red)}.schema-card[data-v-7829fdfd]{font-size:var(--scalar-font-size-4);color:var(--scalar-color-1)}.schema-card-title[data-v-7829fdfd]{height:var(--schema-title-height);padding:6px 8px;display:flex;align-items:center;gap:4px;color:var(--scalar-color-2);font-weight:var(--scalar-semibold);font-size:var(--scalar-mini);border-bottom:var(--scalar-border-width) solid transparent}button.schema-card-title[data-v-7829fdfd]{cursor:pointer}button.schema-card-title[data-v-7829fdfd]:hover{color:var(--scalar-color-1)}.schema-card-title-icon--open[data-v-7829fdfd]{transform:rotate(45deg)}.schema-properties-open>.schema-card-title[data-v-7829fdfd]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.schema-properties-open>.schema-properties[data-v-7829fdfd]{width:-moz-fit-content;width:fit-content}.schema-card-description[data-v-7829fdfd]{color:var(--scalar-color-2)}.schema-card-description+.schema-properties[data-v-7829fdfd]{width:-moz-fit-content;width:fit-content}.schema-card-description+.schema-properties[data-v-7829fdfd]{margin-top:8px}.schema-properties-open.schema-properties[data-v-7829fdfd],.schema-properties-open>.schema-card--open[data-v-7829fdfd]{width:100%}.schema-properties[data-v-7829fdfd]{display:flex;flex-direction:column;border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:var(--scalar-radius-lg);width:-moz-fit-content;width:fit-content}.schema-properties-name[data-v-7829fdfd]{width:100%}.schema-properties .schema-properties[data-v-7829fdfd]{border-radius:13.5px}.schema-properties .schema-properties.schema-properties-open[data-v-7829fdfd]{border-radius:var(--scalar-radius-lg)}.schema-properties-open[data-v-7829fdfd]{width:100%}.schema-card--compact[data-v-7829fdfd]{align-self:flex-start}.schema-card--compact.schema-card--open[data-v-7829fdfd]{align-self:initial}.schema-card-title--compact[data-v-7829fdfd]{color:var(--scalar-color-2);padding:6px 10px 6px 8px;height:auto;border-bottom:none}.schema-card-title--compact>.schema-card-title-icon[data-v-7829fdfd]{margin:0}.schema-card-title--compact>.schema-card-title-icon--open[data-v-7829fdfd]{transform:rotate(45deg)}.schema-properties-open>.schema-card-title--compact[data-v-7829fdfd]{position:static}.property--level-0>.schema-properties>.schema-card--level-0>.schema-properties[data-v-7829fdfd]{border:none}.property--level-0 .schema-card--level-0:not(.schema-card--compact) .property--level-1[data-v-7829fdfd]{padding:0 0 8px}:not(.composition-panel)>.schema-card--compact.schema-card--level-0>.schema-properties[data-v-7829fdfd]{border:none}[data-v-7829fdfd] .schema-card-description p{font-size:var(--scalar-small, var(--scalar-paragraph));color:var(--scalar-color-2);line-height:1.5;display:block;margin-bottom:6px}.children .schema-card-description[data-v-7829fdfd]:first-of-type{padding-top:0}.property-enum-value[data-v-88bc950e]{color:var(--scalar-color-3);line-height:1.5;overflow-wrap:break-word;display:flex;align-items:stretch;position:relative;--decorator-width: 1px;--decorator-color: color-mix( in srgb, var(--scalar-background-1), var(--scalar-color-1) 25% )}.property-enum-value-content[data-v-88bc950e]{display:flex;flex-direction:column;padding:3px 0}.property-enum-value-label[data-v-88bc950e]{display:flex;font-family:var(--scalar-font-code);color:var(--scalar-color-1);position:relative}.property-enum-value:last-of-type .property-enum-value-label[data-v-88bc950e]{padding-bottom:0}.property-enum-value[data-v-88bc950e]:before{content:"";margin-right:12px;width:var(--decorator-width);display:block;background-color:var(--decorator-color)}.property-enum-value[data-v-88bc950e]:last-of-type:before,.property-enum-values:has(.enum-toggle-button) .property-enum-value[data-v-88bc950e]:nth-last-child(2):before{height:calc(.5lh + 4px)}.property-enum-value-label[data-v-88bc950e]:after{content:"";position:absolute;top:.5lh;left:-12px;width:8px;height:var(--decorator-width);background-color:var(--decorator-color)}.property-enum-value[data-v-88bc950e]:last-of-type:after{bottom:0;height:50%;background:var(--scalar-background-1);border-top:var(--scalar-border-width) solid var(--decorator-color)}.property-enum-value-description[data-v-88bc950e]{color:var(--scalar-color-3)}.property-heading:empty+.property-description[data-v-d4946030]:last-of-type,.property-description[data-v-d4946030]:first-of-type:last-of-type{margin-top:0}.property-list[data-v-d4946030]{border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:var(--scalar-radius);margin-top:10px}.property-list .property[data-v-d4946030]:last-of-type{padding-bottom:10px}.property-enum-values[data-v-d4946030]{font-size:var(--scalar-font-size-3);list-style:none;margin-top:8px;padding-left:2px}.enum-toggle-button[data-v-d4946030]:hover{color:var(--scalar-color-1)}.property-detail[data-v-827ea49d]{display:inline-flex}.property-detail+.property-detail[data-v-827ea49d]:before{display:block;content:"·";margin:0 .5ch}.property-detail-truncate[data-v-827ea49d]{overflow:hidden}.property-detail-truncate>.property-detail-value[data-v-827ea49d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-detail-prefix[data-v-827ea49d]{color:var(--scalar-color-2)}code.property-detail-value[data-v-827ea49d]{font-family:var(--scalar-font-code);font-size:var(--scalar-font-size-3);color:var(--scalar-color-2);background:var(--scalar-background-3);padding:0 4px;border:.5px solid var(--scalar-border-color);border-radius:var(--scalar-radius)}.property-example[data-v-5f4451c9]{display:flex;flex-direction:column;font-size:var(--scalar-mini);position:relative}.property-example[data-v-5f4451c9]:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:20px;border-radius:var(--scalar-radius)}.property-example:hover .property-example-label span[data-v-5f4451c9]{color:var(--scalar-color-1)}.property-example-label span[data-v-5f4451c9]{color:var(--scalar-color-3);position:relative;border-bottom:var(--scalar-border-width) dotted currentColor}.property-example-value[data-v-5f4451c9]{font-family:var(--scalar-font-code);display:flex;gap:8px;align-items:center;width:100%;padding:6px}.property-example-value span[data-v-5f4451c9]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-example-value[data-v-5f4451c9] svg{color:var(--scalar-color-3)}.property-example-value[data-v-5f4451c9]:hover svg{color:var(--scalar-color-1)}.property-example-value[data-v-5f4451c9]{background:var(--scalar-background-2);border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:var(--scalar-radius)}.property-example-value-list[data-v-5f4451c9]{position:absolute;top:18px;left:50%;transform:translate3d(-50%,0,0);overflow:auto;background-color:var(--scalar-background-1);box-shadow:var(--scalar-shadow-1);border-radius:var(--scalar-radius-lg);border:var(--scalar-border-width) solid var(--scalar-border-color);padding:9px;min-width:200px;max-width:300px;flex-direction:column;gap:3px;display:none;z-index:2}.property-example:hover .property-example-value-list[data-v-5f4451c9],.property-example:focus-within .property-example-value-list[data-v-5f4451c9]{display:flex}.badge[data-v-3dedb7e4]{color:var(--badge-text-color, var(--scalar-color-2));font-size:var(--scalar-mini);background:var(--badge-background-color, var(--scalar-background-2));border:var(--scalar-border-width) solid var(--badge-border-color, var(--scalar-border-color));padding:2px 6px;border-radius:12px;display:inline-block}.badge.text-orange[data-v-3dedb7e4]{background:color-mix(in srgb,var(--scalar-color-orange),transparent 90%);border:transparent}.badge.text-yellow[data-v-3dedb7e4]{background:color-mix(in srgb,var(--scalar-color-yellow),transparent 90%);border:transparent}.badge.text-red[data-v-3dedb7e4]{background:color-mix(in srgb,var(--scalar-color-red),transparent 90%);border:transparent}.badge.text-purple[data-v-3dedb7e4]{background:color-mix(in srgb,var(--scalar-color-purple),transparent 90%);border:transparent}.badge.text-green[data-v-3dedb7e4]{background:color-mix(in srgb,var(--scalar-color-green),transparent 90%);border:transparent}.property-heading[data-v-5d03e993]{display:flex;flex-wrap:wrap;align-items:baseline;row-gap:9px;white-space:nowrap}.property-heading[data-v-5d03e993]:has(+.children),.property-heading[data-v-5d03e993]:has(+.property-rule){margin-bottom:9px}.property-heading[data-v-5d03e993]>*{margin-right:9px}.property-heading[data-v-5d03e993]:last-child{margin-right:0}.property-heading>.property-detail[data-v-5d03e993]:not(:last-of-type){margin-right:0}.property-name[data-v-5d03e993]{max-width:100%;font-family:var(--scalar-font-code);font-weight:var(--scalar-semibold);font-size:var(--scalar-font-size-3);white-space:normal;overflow-wrap:break-word}.property-additional[data-v-5d03e993]{font-family:var(--scalar-font-code)}.property-required[data-v-5d03e993],.property-optional[data-v-5d03e993]{color:var(--scalar-color-2)}.property-required[data-v-5d03e993]{font-size:var(--scalar-mini);color:var(--scalar-color-orange)}.property-read-only[data-v-5d03e993]{font-size:var(--scalar-mini);color:var(--scalar-color-blue)}.property-write-only[data-v-5d03e993]{font-size:var(--scalar-mini);color:var(--scalar-color-green)}.property-discriminator[data-v-5d03e993]{font-size:var(--scalar-mini);color:var(--scalar-color-purple)}.property-detail[data-v-5d03e993]{font-size:var(--scalar-mini);color:var(--scalar-color-2);display:flex;align-items:center;min-width:0}.property-const[data-v-5d03e993]{color:var(--scalar-color-1)}.deprecated[data-v-5d03e993]{text-decoration:line-through}.property[data-v-8a1b3f5a]{color:var(--scalar-color-1);display:flex;flex-direction:column;padding:8px;font-size:var(--scalar-small);position:relative}.property.property--level-0[data-v-8a1b3f5a]:has(>.property-rule>.schema-card>.schema-properties.schema-properties-open>ul>li.property){padding-top:0}.property--compact.property--level-0[data-v-8a1b3f5a],.property--compact.property--level-1[data-v-8a1b3f5a]{padding:8px 0}.composition-panel .property.property.property.property--level-0[data-v-8a1b3f5a]{padding:0}.property--compact.property--level-0 .composition-panel .property--compact.property--level-1[data-v-8a1b3f5a]{padding:8px}.property[data-v-8a1b3f5a]:has(>.property-rule:nth-of-type(1)):not(.property--compact){padding-top:8px;padding-bottom:8px}.property--deprecated[data-v-8a1b3f5a]{background:repeating-linear-gradient(-45deg,var(--scalar-background-2) 0,var(--scalar-background-2) 2px,transparent 2px,transparent 5px);background-size:100%}.property--deprecated[data-v-8a1b3f5a]>*{opacity:.75}.property-description[data-v-8a1b3f5a]{margin-top:6px;line-height:1.4;font-size:var(--scalar-small)}.property-description[data-v-8a1b3f5a]:has(+.property-rule){margin-bottom:9px}[data-v-8a1b3f5a] .property-description *{color:var(--scalar-color-2)!important}.property[data-v-8a1b3f5a]:not(:last-of-type){border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.property-description+.children[data-v-8a1b3f5a],.children+.property-rule[data-v-8a1b3f5a]{margin-top:9px}.children[data-v-8a1b3f5a]{display:flex;flex-direction:column}.children .property--compact.property--level-1[data-v-8a1b3f5a]{padding:12px}.property-example-value[data-v-8a1b3f5a]{all:unset;font-family:var(--scalar-font-code);padding:6px;border-top:var(--scalar-border-width) solid var(--scalar-border-color)}.property-rule[data-v-8a1b3f5a]{border-radius:var(--scalar-radius-lg);display:flex;flex-direction:column}.property-rule[data-v-8a1b3f5a] .composition-panel .schema-card .schema-properties.schema-properties-open{border-top-left-radius:0;border-top-right-radius:0}.property-rule[data-v-8a1b3f5a] .composition-panel>.schema-card>.schema-card-description{padding-left:8px;padding-right:8px;border-left:1px solid var(--scalar-border-color);border-right:1px solid var(--scalar-border-color)}.property-rule[data-v-8a1b3f5a] .composition-panel>.schema-card>.schema-card-description+.schema-properties{margin-top:0}.property-example[data-v-8a1b3f5a]{background:transparent;border:none;display:flex;flex-direction:row;gap:8px}.property-example-label[data-v-8a1b3f5a],.property-example-value[data-v-8a1b3f5a]{padding:3px 0 0}.property-example-value[data-v-8a1b3f5a]{background:var(--scalar-background-2);border-top:0;border-radius:var(--scalar-radius);padding:3px 4px}.property-name[data-v-8a1b3f5a]{font-family:var(--scalar-font-code);font-weight:var(--scalar-semibold)}.property-name-additional-properties[data-v-8a1b3f5a]:before,.property-name-pattern-properties[data-v-8a1b3f5a]:before{text-transform:uppercase;font-size:var(--scalar-micro);display:inline-block;padding:2px 4px;border-radius:var(--scalar-radius);color:var(--scalar-color-1);border:1px solid var(--scalar-border-color);background-color:var(--scalar-background-2);margin-right:4px}.property-name-pattern-properties[data-v-8a1b3f5a]:before{content:"regex"}.property-name-additional-properties[data-v-8a1b3f5a]:before{content:"unknown"}.section-header-label[data-v-f1ac6c38]{display:inline}.reference-models-anchor[data-v-e9f2f7bc]{display:flex;align-items:center;font-size:20px;padding-left:6px;color:var(--scalar-color-1)}.reference-models-label[data-v-e9f2f7bc]{display:block;font-size:var(--scalar-mini)}.reference-models-label[data-v-e9f2f7bc] em{font-weight:var(--scalar-bold)}.section[data-v-be4443e9]{position:relative;display:flex;flex-direction:column;max-width:var(--refs-content-max-width);margin:auto;padding:90px 0;scroll-margin-top:var(--refs-viewport-offset)}.section[data-v-be4443e9]:has(~div.contents){border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.references-classic .section[data-v-be4443e9]{padding:48px 0;gap:24px}@container narrow-references-container (max-width: 900px){.references-classic .section[data-v-be4443e9],.section[data-v-be4443e9]{padding:48px 24px}}.section[data-v-be4443e9]:not(:last-of-type){border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.collapsible-section[data-v-999a158a]{border-top:var(--scalar-border-width) solid var(--scalar-border-color);position:relative}.collapsible-section-header[data-v-999a158a]{color:var(--scalar-color-1)}.collapsible-section .collapsible-section-trigger[data-v-999a158a]{display:flex;align-items:center;cursor:pointer;padding:10px 0;font-size:var(--scalar-font-size-3);z-index:1;position:relative}.collapsible-section-trigger svg[data-v-999a158a]{color:var(--scalar-color-3);position:absolute;left:-19px}.collapsible-section:hover .collapsible-section-trigger svg[data-v-999a158a]{color:var(--scalar-color-1)}.collapsible-section .collapsible-section-trigger[data-v-999a158a] .anchor-copy{line-height:18.5px}.collapsible-section-content[data-v-999a158a]{padding:0;margin:0 0 10px;scroll-margin-top:140px}.section-container[data-v-20a1472a]{position:relative;padding:0 60px;width:100%;border-top:var(--scalar-border-width) solid var(--scalar-border-color)}.section-container[data-v-20a1472a]:has(.introduction-section){border-top:none}@container narrow-references-container (max-width: 900px){.section-container[data-v-20a1472a]{padding:0}}.section-accordion-wrapper[data-v-9419dd23]{padding:0 60px}.section-accordion[data-v-9419dd23]{position:relative;width:100%;max-width:var(--refs-content-max-width);margin:auto}.section-accordion-content[data-v-9419dd23]{display:flex;flex-direction:column;gap:12px;padding-top:12px}.section-accordion-button[data-v-9419dd23]{width:100%;display:flex;cursor:pointer;padding:6px 0;margin:-6px 0;border-radius:var(--scalar-radius)}.section-accordion-chevron[data-v-9419dd23]{position:absolute;left:-22px;top:12px;color:var(--scalar-color-3)}.section-accordion-button:hover .section-accordion-chevron[data-v-9419dd23]{color:var(--scalar-color-1)}.section-accordion-title[data-v-9419dd23]{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:0 6px}.section-accordion-title[data-v-9419dd23] .section-header-wrapper{grid-template-columns:1fr}.section-accordion-title[data-v-9419dd23] .section-header{margin-bottom:0}@container narrow-references-container (max-width: 900px){.section-accordion-chevron[data-v-9419dd23]{width:16px;left:-16px;top:14px}.section-accordion-wrapper[data-v-9419dd23]{padding:calc(var(--refs-viewport-offset)) 24px 0 24px}}.show-more[data-v-3cd30981]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border:var(--scalar-border-width) solid var(--scalar-border-color);margin:auto;padding:8px 12px 8px 16px;border-radius:30px;color:var(--scalar-color-1);font-weight:var(--scalar-semibold);font-size:var(--scalar-small);display:flex;align-items:center;justify-content:center;position:relative;gap:6px;top:-48px}.show-more[data-v-3cd30981]:hover{background:var(--scalar-background-2);cursor:pointer}.show-more[data-v-3cd30981]:active{box-shadow:0 0 0 1px var(--scalar-border-color)}@container narrow-references-container (max-width: 900px){.show-more[data-v-3cd30981]{top:-24px}}.loading[data-v-8e0226d7]{background:var(--scalar-background-3);animation:loading-skeleton-8e0226d7 1.5s infinite alternate;border-radius:var(--scalar-radius-lg);min-height:1.6em;margin:.6em 0;max-width:100%}.loading[data-v-8e0226d7]:first-of-type{min-height:3em;margin-bottom:24px;margin-top:0}.loading[data-v-8e0226d7]:last-of-type{width:60%}.loading.single-line[data-v-8e0226d7]{min-height:3em;margin:.6em 0;max-width:80%}@keyframes loading-skeleton-8e0226d7{0%{opacity:1}to{opacity:.33}}.section-header-wrapper[data-v-465a7a78]{grid-template-columns:1fr;display:grid}@media (min-width: 1200px){.section-header-wrapper[data-v-465a7a78]{grid-template-columns:repeat(2,1fr)}}.section-header[data-v-465a7a78]{font-size:var(--font-size, var(--scalar-heading-1));font-weight:var(--font-weight, var(--scalar-bold));color:var(--scalar-color-1);word-wrap:break-word;margin-top:0;margin-bottom:12px;line-height:1.45}.section-header.tight[data-v-465a7a78]{margin-bottom:6px}.section-header.loading[data-v-465a7a78]{width:80%}.operation-path[data-v-ec6c8861]{overflow:hidden;word-wrap:break-word;font-weight:var(--scalar-semibold);line-break:anywhere}.deprecated[data-v-ec6c8861]{text-decoration:line-through}.headers-card[data-v-6fb09984]{z-index:0;margin-top:12px;margin-bottom:6px;position:relative;font-size:var(--scalar-font-size-4);color:var(--scalar-color-1);align-self:flex-start}.headers-card.headers-card--open[data-v-6fb09984]{align-self:initial}.headers-card-title[data-v-6fb09984]{padding:6px 10px;display:flex;align-items:center;gap:4px;color:var(--scalar-color-3);font-weight:var(--scalar-semibold);font-size:var(--scalar-micro);border-radius:13.5px}button.headers-card-title[data-v-6fb09984]{cursor:pointer}button.headers-card-title[data-v-6fb09984]:hover{color:var(--scalar-color-1)}.headers-card-title-icon--open[data-v-6fb09984]{transform:rotate(45deg)}.headers-properties[data-v-6fb09984]{display:flex;flex-direction:column;border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:13.5px;width:-moz-fit-content;width:fit-content}.headers-properties-open>.headers-card-title[data-v-6fb09984]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.headers-properties-open[data-v-6fb09984]{border-radius:var(--scalar-radius-lg);width:100%}.headers-card .property[data-v-6fb09984]:last-of-type{padding-bottom:10px}.headers-card-title>.headers-card-title-icon[data-v-6fb09984]{width:10px;height:10px;margin:0}.headers-card-title>.headers-card-title-icon--open[data-v-6fb09984]{transform:rotate(45deg)}.parameter-item[data-v-57b2f2e5]{display:flex;flex-direction:column;border-top:var(--scalar-border-width) solid var(--scalar-border-color)}.parameter-item:last-of-type .parameter-schema[data-v-57b2f2e5]{padding-bottom:0}.parameter-item-container[data-v-57b2f2e5]{padding:0}.parameter-item-headers[data-v-57b2f2e5]{border:var(--scalar-border-width) solid var(--scalar-border-color)}.parameter-item-name[data-v-57b2f2e5]{position:relative;font-weight:var(--scalar-semibold);font-size:var(--scalar-font-size-3);font-family:var(--scalar-font-code);color:var(--scalar-color-1);overflow-wrap:break-word}.parameter-item-description[data-v-57b2f2e5],.parameter-item-description-summary[data-v-57b2f2e5]{font-size:var(--scalar-mini);color:var(--scalar-color-2)}.parameter-item-description-summary.parameter-item-description-summary[data-v-57b2f2e5]>*{--markdown-line-height: 1}.parameter-item-trigger+.parameter-item-container[data-v-57b2f2e5] .property--level-0>.property-heading .property-detail-value{font-size:var(--scalar-micro)}.parameter-item-required-optional[data-v-57b2f2e5]{color:var(--scalar-color-2);font-weight:var(--scalar-semibold);margin-right:6px;position:relative}.parameter-item--required[data-v-57b2f2e5]{text-transform:uppercase;font-size:var(--scalar-micro);font-weight:var(--scalar-semibold);color:var(--scalar-color-orange)}.parameter-item-description[data-v-57b2f2e5],.parameter-item-description[data-v-57b2f2e5] p{margin-top:4px;font-size:var(--scalar-small);color:var(--scalar-color-2);line-height:1.4}.parameter-schema[data-v-57b2f2e5]{padding-bottom:9px;margin-top:3px}.parameter-item-trigger[data-v-57b2f2e5]{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:12px 0;outline:none}.parameter-item-trigger-open[data-v-57b2f2e5]{padding-bottom:0}.parameter-item-trigger[data-v-57b2f2e5]:after{content:"";position:absolute;height:10px;width:100%;bottom:0}.parameter-item-icon[data-v-57b2f2e5]{color:var(--scalar-color-3);left:-19px;top:.5lh;translate:0 -50%;position:absolute}.parameter-item-trigger:hover .parameter-item-icon[data-v-57b2f2e5],.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-57b2f2e5]{color:var(--scalar-color-1)}.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-57b2f2e5]{outline:1px solid var(--scalar-color-accent);outline-offset:2px;border-radius:var(--scalar-radius)}.request-body[data-v-e9972a68]{margin-top:24px}.request-body-header[data-v-e9972a68]{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:var(--scalar-border-width) solid var(--scalar-border-color);flex-flow:wrap}.request-body-title[data-v-e9972a68]{display:flex;align-items:center;gap:8px;font-size:var(--scalar-font-size-2);font-weight:var(--scalar-semibold);color:var(--scalar-color-1)}.request-body-required[data-v-e9972a68]{font-size:var(--scalar-micro);color:var(--scalar-color-orange);font-weight:400}.request-body-description[data-v-e9972a68]{margin-top:6px;font-size:var(--scalar-small);width:100%}.request-body-header+.request-body-schema[data-v-e9972a68]:has(>.schema-card>.schema-card-description),.request-body-header+.request-body-schema[data-v-e9972a68]:has(>.schema-card>.schema-properties>*>.property--level-0){padding-top:8px}.request-body-description[data-v-e9972a68] .markdown *{color:var(--scalar-color-2)!important}.callback-sticky-offset[data-v-48ee3595]{top:var(--refs-viewport-offset, 0px);z-index:1}.callback-operation-container[data-v-48ee3595] .request-body,.callback-operation-container[data-v-48ee3595] .request-body-description,.callback-operation-container[data-v-48ee3595] .request-body-header{margin-top:0}.callback-operation-container[data-v-48ee3595] .request-body-header{--scalar-font-size-2: var(--scalar-font-size-4);padding:8px;border-bottom:none;border:.5px solid var(--scalar-border-color);border-radius:var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;background:color-mix(in srgb,var(--scalar-background-2) 50%,transparent)}.callback-operation-container[data-v-48ee3595] .request-body-schema>.schema-card>.schema-card-description{padding-inline:8px}.callback-operation-container[data-v-48ee3595] ul li.property.property--level-1{padding:8px}.callback-operation-container[data-v-48ee3595] .request-body-schema{background-color:var(--scalar-background-1);border:var(--scalar-border-width) solid var(--scalar-border-color);border-top:none;overflow:hidden;border-radius:0 0 var(--scalar-radius-lg) var(--scalar-radius-lg)}.callback-operation-container[data-v-48ee3595] .parameter-list{margin-top:0}.callback-operation-container[data-v-48ee3595] .parameter-list-title{background:color-mix(in srgb,var(--scalar-background-2) 50%,transparent);border-radius:var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;padding:8px;margin-bottom:0;border:var(--scalar-border-width) solid var(--scalar-border-color);border-bottom:none;--scalar-font-size-2: var(--scalar-font-size-4)}.callback-operation-container[data-v-48ee3595] .parameter-list-items{border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:0 0 var(--scalar-radius-lg) var(--scalar-radius-lg)}.callback-operation-container[data-v-48ee3595] .parameter-list-items>li:first-of-type{border-top:none}.callback-operation-container[data-v-48ee3595] .parameter-list-items>li{padding:0 8px}.empty-state[data-v-0fa97c76]{margin:10px 0 10px 12px;text-align:center;font-size:var(--scalar-mini);min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--scalar-radius-lg);color:var(--scalar-color-2)}.rule-title[data-v-0fa97c76]{font-family:var(--scalar-font-code);color:var(--scalar-color-1);display:inline-block;margin:12px 0 6px;border-radius:var(--scalar-radius)}.rule[data-v-0fa97c76]{margin:0 12px;border-radius:var(--scalar-radius-lg)}.rule-items[data-v-0fa97c76]{counter-reset:list-number;display:flex;flex-direction:column;gap:12px;border-left:1px solid var(--scalar-border-color);padding:12px 0}.rule-item[data-v-0fa97c76]{counter-increment:list-number;border:1px solid var(--scalar-border-color);border-radius:var(--scalar-radius-lg);overflow:hidden;margin-left:24px}.rule-item[data-v-0fa97c76]:before{border:1px solid var(--scalar-border-color);border-top:0;border-right:0;content:" ";display:block;width:24px;height:6px;border-radius:0 0 0 var(--scalar-radius-lg);margin-top:6px;color:var(--scalar-color-2);transform:translate(-25px);color:var(--scalar-color-1);position:absolute}.tab[data-v-c8207e48]{background:none;border:none;font-size:var(--scalar-small);font-family:var(--scalar-font);font-weight:var(--scalar-font-normal);color:var(--scalar-color-2);line-height:calc(var(--scalar-small) + 2px);white-space:nowrap;cursor:pointer;padding:0;margin-right:3px;text-transform:uppercase;position:relative;line-height:22px}.tab[data-v-c8207e48]:before{content:"";position:absolute;z-index:0;left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px);border-radius:var(--scalar-radius);background:var(--scalar-background-3);opacity:0}.tab[data-v-c8207e48]:hover:before,.tab[data-v-c8207e48]:focus-visible:before{opacity:1}.tab[data-v-c8207e48]:focus-visible:before{outline:1px solid var(--scalar-color-accent)}.tab span[data-v-c8207e48]{z-index:1;position:relative}.tab-selected[data-v-c8207e48]{color:var(--scalar-color-1);font-weight:var(--scalar-semibold)}.tab-selected[data-v-c8207e48]:after{content:"";position:absolute;background:currentColor;width:100%;left:0;height:1px;bottom:calc(var(--tab-list-padding-y) * -1)}.tab-list[data-v-fec8fbbb]{display:flex;gap:6px;position:relative;flex:1;--tab-list-padding-y: 7px;--tab-list-padding-x: 12px;padding:var(--tab-list-padding-y) var(--tab-list-padding-x);overflow:auto}.scalar-card-header.scalar-card-header-tabs[data-v-fec8fbbb]{padding:0}.response-card[data-v-bf753e60]{font-size:var(--scalar-font-size-3)}.markdown[data-v-bf753e60] *{margin:0}.code-copy[data-v-bf753e60]{display:flex;align-items:center;justify-content:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;background:transparent;cursor:pointer;color:var(--scalar-color-3);border:none;padding:0;margin-right:12px}.code-copy[data-v-bf753e60]:hover{color:var(--scalar-color-1)}.code-copy svg[data-v-bf753e60]{width:13px;height:13px}.response-card-footer[data-v-bf753e60]{display:flex;flex-direction:row;justify-content:space-between;flex-shrink:0;padding:7px 12px;gap:8px}.response-example-selector[data-v-bf753e60]{align-self:flex-start;margin:-4px}.response-description[data-v-bf753e60]{font-weight:var(--scalar-semibold);font-size:var(--scalar-small);color:var(--scalar-color--1);display:flex;align-items:center;box-sizing:border-box}.schema-type[data-v-bf753e60]{font-size:var(--scalar-micro);color:var(--scalar-color-2);font-weight:var(--scalar-semibold);background:var(--scalar-background-3);padding:2px 4px;border-radius:4px;margin-right:4px}.schema-example[data-v-bf753e60]{font-size:var(--scalar-micro);color:var(--scalar-color-2);font-weight:var(--scalar-semibold)}.example-response-tab[data-v-bf753e60]{display:block;margin:6px}.scalar-card-checkbox[data-v-bf753e60]{display:flex;align-items:center;justify-content:center;position:relative;min-height:17px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--scalar-small);font-weight:var(--scalar-font-normal);color:var(--scalar-color-2);width:-moz-fit-content;width:fit-content;white-space:nowrap;gap:6px;padding:7px 6px}.scalar-card-checkbox:has(.scalar-card-checkbox-input:focus-visible) .scalar-card-checkbox-checkmark[data-v-bf753e60]{outline:1px solid var(--scalar-color-accent)}.scalar-card-checkbox[data-v-bf753e60]:hover{color:var(--scalar-color--1)}.scalar-card-checkbox .scalar-card-checkbox-input[data-v-bf753e60]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.scalar-card-checkbox-checkmark[data-v-bf753e60]{height:16px;width:16px;border-radius:var(--scalar-radius);background-color:transparent;background-color:var(--scalar-background-3);box-shadow:inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color)}.scalar-card-checkbox[data-v-bf753e60]:has(.scalar-card-checkbox-input:checked){color:var(--scalar-color-1);font-weight:var(--scalar-semibold)}.scalar-card-checkbox .scalar-card-checkbox-input:checked~.scalar-card-checkbox-checkmark[data-v-bf753e60]{background-color:var(--scalar-button-1);box-shadow:none}.scalar-card-checkbox-checkmark[data-v-bf753e60]:after{content:"";position:absolute;display:none}.scalar-card-checkbox .scalar-card-checkbox-input:checked~.scalar-card-checkbox-checkmark[data-v-bf753e60]:after{display:block}.scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-bf753e60]:after{right:11.5px;top:12.5px;width:5px;height:9px;border:solid 1px var(--scalar-button-1-color);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.icons-only[data-v-0939d4d9] span{display:none}.show-api-client-button[data-v-f7468f9c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:1px 6px;white-space:nowrap;border-radius:var(--scalar-radius);display:flex;justify-content:center;align-items:center;font-weight:var(--scalar-semibold);font-size:var(--scalar-small);line-height:22px;color:var(--scalar-background-2);font-family:var(--scalar-font);background:var(--scalar-button-1);position:relative;cursor:pointer;box-sizing:border-box;box-shadow:inset 0 0 0 1px #0000001a;outline-offset:2px}.show-api-client-button span[data-v-f7468f9c],.show-api-client-button svg[data-v-f7468f9c]{fill:currentColor;color:var(--scalar-button-1-color);z-index:1}.show-api-client-button[data-v-f7468f9c]:hover{background:var(--scalar-button-1-hover)}.show-api-client-button svg[data-v-f7468f9c]{margin-right:4px}.operation-title[data-v-29aaa3f5]{justify-content:space-between;display:flex}.operation-details[data-v-29aaa3f5]{flex-shrink:1;align-items:center;gap:9px;min-width:0;margin-top:0;display:flex}.operation-details[data-v-29aaa3f5] .endpoint-anchor .scalar-button svg{width:16px;height:16px}.endpoint-type[data-v-29aaa3f5]{z-index:0;width:60px;font-size:var(--scalar-small);text-transform:uppercase;font-weight:var(--scalar-bold);font-family:var(--scalar-font);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex;position:relative}.endpoint-type[data-v-29aaa3f5]:after{content:"";z-index:-1;opacity:.15;border-radius:var(--scalar-radius);background:currentColor;position:absolute;inset:0}.endpoint-anchor[data-v-29aaa3f5]{flex-shrink:1;align-items:center;min-width:0;display:flex}.endpoint-anchor.label[data-v-29aaa3f5]{display:flex}.endpoint-label[data-v-29aaa3f5]{min-width:0;color:var(--scalar-color-1);flex-shrink:1;align-items:baseline;gap:9px;display:flex}.endpoint-label-path[data-v-29aaa3f5]{font-family:var(--scalar-font-code);font-size:var(--scalar-mini);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.endpoint-label-path[data-v-29aaa3f5] em{color:var(--scalar-color-2)}.endpoint-label-name[data-v-29aaa3f5]{color:var(--scalar-color-2);font-size:var(--scalar-small);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1000000000;overflow:hidden}.endpoint-try-hint[data-v-29aaa3f5]{flex-shrink:0;padding:2px}.endpoint-copy[data-v-29aaa3f5]{color:currentColor}.endpoint-copy[data-v-29aaa3f5] svg{stroke-width:2px}.endpoint-content[data-v-29aaa3f5]{grid-auto-columns:1fr;grid-auto-flow:row;gap:9px;padding:9px;display:grid}@media (min-width: 1000px){.endpoint-content[data-v-29aaa3f5]{grid-auto-flow:column}}@container (max-width: 900px){.endpoint-content[data-v-29aaa3f5]{grid-template-columns:1fr}}.endpoint-content[data-v-29aaa3f5]>*{min-width:0}.operation-details-card[data-v-29aaa3f5]{flex-direction:column;gap:12px;min-width:0;display:flex}:is(.operation-details-card-item[data-v-29aaa3f5] .parameter-list,.operation-details-card-item[data-v-29aaa3f5] .callbacks-list){border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:var(--scalar-radius-lg);margin-top:0}.operation-details-card-item[data-v-29aaa3f5]{flex-direction:column;gap:12px;display:flex}.operation-details-card-item[data-v-29aaa3f5] .parameter-list-items{margin-bottom:0}.operation-details-card[data-v-29aaa3f5] .parameter-item:last-of-type .parameter-schema{padding-bottom:12px}.operation-details-card[data-v-29aaa3f5] .parameter-list .parameter-list{margin-bottom:12px}.operation-details-card[data-v-29aaa3f5] .parameter-item{margin:0;padding:0}.operation-details-card[data-v-29aaa3f5] .property{margin:0;padding:9px}:is(.operation-details-card[data-v-29aaa3f5] .parameter-list-title,.operation-details-card[data-v-29aaa3f5] .request-body-title,.operation-details-card[data-v-29aaa3f5] .callbacks-title){text-transform:uppercase;font-weight:var(--scalar-bold);font-size:var(--scalar-mini);color:var(--scalar-color-2);margin:0;padding:9px;line-height:1.33}.operation-details-card[data-v-29aaa3f5] .callback-list-item-title{padding-left:28px;padding-right:12px}.operation-details-card[data-v-29aaa3f5] .callback-list-item-icon{left:6px}.operation-details-card[data-v-29aaa3f5] .callback-operation-container{padding-inline:9px;padding-bottom:9px}:is(.operation-details-card[data-v-29aaa3f5] .callback-operation-container>.request-body,.operation-details-card[data-v-29aaa3f5] .callback-operation-container>.parameter-list){border:none}.operation-details-card[data-v-29aaa3f5] .callback-operation-container>.request-body>.request-body-header{border-bottom:var(--scalar-border-width) solid var(--scalar-border-color);padding:0 0 9px}.operation-details-card[data-v-29aaa3f5] .request-body-description{border-top:var(--scalar-border-width) solid var(--scalar-border-color);margin-top:0;padding:9px 9px 0}.operation-details-card[data-v-29aaa3f5] .request-body{border-radius:var(--scalar-radius-lg);border:var(--scalar-border-width) solid var(--scalar-border-color);margin-top:0}.operation-details-card[data-v-29aaa3f5] .request-body .schema-card--level-0>.schema-card-description{padding-inline:9px}.operation-details-card[data-v-29aaa3f5] .request-body-header{border-bottom:0;padding-bottom:0}.operation-details-card[data-v-29aaa3f5] .contents button{margin-right:9px}.operation-details-card[data-v-29aaa3f5] .schema-card--open+.schema-card:not(.schema-card--open){margin-inline:9px;margin-bottom:9px}.operation-details-card[data-v-29aaa3f5] .request-body-schema .property--level-0{padding:0}.operation-details-card[data-v-29aaa3f5] .selected-content-type{margin-right:9px}.operation-example-card[data-v-29aaa3f5]{top:calc(var(--refs-viewport-offset) + 24px);max-height:calc(var(--refs-viewport-height) - 48px);position:sticky}@media (max-width: 600px){.operation-example-card[data-v-29aaa3f5]{max-height:unset;position:static}}@container narrow-references-container (max-width: 900px){.section-content--with-columns[data-v-9735459e]{flex-direction:column;gap:24px}}.section-columns[data-v-8b9602bf]{display:flex;gap:48px}@container narrow-references-container (max-width: 900px){.section-columns[data-v-8b9602bf]{flex-direction:column;gap:24px}}.section-column[data-v-699c28e3]{flex:1;min-width:0}@container narrow-references-container (max-width: 900px){.section-column[data-v-699c28e3]:nth-of-type(2){padding-top:0}}.examples[data-v-21dac38e]{position:sticky;top:calc(var(--refs-viewport-offset) + 24px)}.examples[data-v-21dac38e]>*{max-height:calc((var(--refs-viewport-height) - 60px) / 2);position:relative}@media (max-width: 600px){.examples[data-v-21dac38e]>*{max-height:unset}}.deprecated[data-v-21dac38e] *{text-decoration:line-through}.tag-section[data-v-1124be5d]{margin-bottom:48px}.tag-name[data-v-1124be5d]{text-transform:capitalize}.tag-description[data-v-1124be5d]{padding-bottom:4px;text-align:left}.endpoint[data-v-ad8530a6]{display:flex;white-space:nowrap;cursor:pointer;text-decoration:none}.endpoint:hover .endpoint-path[data-v-ad8530a6],.endpoint:focus-visible .endpoint-path[data-v-ad8530a6]{text-decoration:underline}.endpoint .post[data-v-ad8530a6],.endpoint .get[data-v-ad8530a6],.endpoint .delete[data-v-ad8530a6],.endpoint .put[data-v-ad8530a6]{white-space:nowrap}.endpoint-method[data-v-ad8530a6],.endpoint-path[data-v-ad8530a6]{color:var(--scalar-color-1);min-width:62px;display:inline-flex;line-height:1.55;font-family:var(--scalar-font-code);font-size:var(--scalar-small);cursor:pointer}.endpoint-method[data-v-ad8530a6]{text-align:right}.endpoint-path[data-v-ad8530a6]{margin-left:12px;text-transform:initial}.deprecated[data-v-ad8530a6]{text-decoration:line-through}.endpoints-card[data-v-f726f753]{position:sticky;top:calc(var(--refs-viewport-offset) + 24px);font-size:var(--scalar-font-size-3)}.endpoints[data-v-f726f753]{overflow:auto;background:var(--scalar-background-2);padding:10px 12px;width:100%}.section-container[data-v-3eabdf4c]{border-top:var(--scalar-border-width) solid var(--scalar-border-color)}.section-container[data-v-3eabdf4c]:has(.show-more){background-color:color-mix(in srgb,var(--scalar-background-2),transparent)}.section-flare[data-v-2a9c8c02]{top:0;right:0;pointer-events:none}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){[data-v-cb1587b6],[data-v-cb1587b6]:before,[data-v-cb1587b6]:after,[data-v-cb1587b6]::backdrop{--tw-outline-style: solid}}}.download-container[data-v-cb1587b6]{z-index:1;flex-direction:column;gap:16px;width:-moz-fit-content;width:fit-content;margin:0 .5px 8px;display:flex;position:relative}.download-container[data-v-cb1587b6]:has(:focus-visible):before,.download-container.download-both[data-v-cb1587b6]:hover:before{content:"";border-radius:var(--scalar-radius-lg);width:calc(100% + 24px);height:90px;box-shadow:var(--scalar-shadow-2);pointer-events:none;background:var(--scalar-background-1);position:absolute;top:-11px;left:-12px}.download-button[data-v-cb1587b6]{color:var(--scalar-link-color);cursor:pointer;outline:none;justify-content:center;align-items:center;gap:4px;height:-moz-fit-content;height:fit-content;padding:0;display:flex;position:relative;white-space:nowrap!important}.download-button[data-v-cb1587b6]:before{border-radius:var(--scalar-radius);content:"";width:calc(100% + 18px);height:calc(100% + 16px);position:absolute;top:-8px;left:-9px}.download-button[data-v-cb1587b6]:last-of-type:before{width:calc(100% + 15px)}.download-button[data-v-cb1587b6]:hover:before{background:var(--scalar-background-2);border:var(--scalar-border-width) solid var(--scalar-border-color)}.download-button[data-v-cb1587b6]:focus-visible:before{background:var(--scalar-background-2);border:var(--scalar-border-width) solid var(--scalar-border-color);outline-style:var(--tw-outline-style);outline-width:1px}.download-button span[data-v-cb1587b6]{--font-color: var(--scalar-link-color, var(--scalar-color-accent));--font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));-webkit-text-decoration:var(--scalar-text-decoration);text-decoration:var(--scalar-text-decoration);color:var(--font-color);font-weight:var(--scalar-link-font-weight, var(--scalar-semibold));text-underline-offset:.25rem;text-decoration-thickness:1px;text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.download-button span[data-v-cb1587b6]{text-decoration-color:color-mix(in srgb,var(--font-color) 30%,transparent)}}.download-button span[data-v-cb1587b6]{z-index:1;align-items:center;gap:6px;line-height:1.625;display:flex}.download-button:hover span[data-v-cb1587b6]{color:var(--scalar-link-color-hover, var(--scalar-color-accent));-webkit-text-decoration:var(--scalar-text-decoration-hover);text-decoration:var(--scalar-text-decoration-hover)}.download-button[data-v-cb1587b6]:nth-of-type(2){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.download-container:has(:focus-visible) .download-button[data-v-cb1587b6]:nth-of-type(2),.download-container:hover .download-button[data-v-cb1587b6]:nth-of-type(2){clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:absolute;top:42px;overflow:visible}.extension[data-v-cb1587b6]{z-index:1;background:var(--scalar-link-color, var(--scalar-color-accent));color:var(--scalar-background-1)}.download-container:has(:focus-visible) .extension[data-v-cb1587b6],.download-container:hover .extension[data-v-cb1587b6]{opacity:1}.download-link[data-v-cb1587b6]{--font-color: var(--scalar-link-color, var(--scalar-color-accent));--font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));-webkit-text-decoration:var(--scalar-text-decoration);text-decoration:var(--scalar-text-decoration);color:var(--font-color);font-weight:var(--scalar-link-font-weight, var(--scalar-semibold));text-underline-offset:.25rem;text-decoration-thickness:1px;text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.download-link[data-v-cb1587b6]{text-decoration-color:color-mix(in srgb,var(--font-color) 30%,transparent)}}.download-link[data-v-cb1587b6]:hover{--font-color: var(--scalar-link-color, var(--scalar-color-accent));text-decoration-color:var(--font-color)}.introduction-card[data-v-a8605b85]{display:flex;flex-direction:column}.introduction-card-row[data-v-a8605b85]{gap:24px}@media (min-width: 600px){.introduction-card-row[data-v-a8605b85]{flex-flow:row wrap}}.introduction-card-row[data-v-a8605b85]>*{flex:1}@media (min-width: 600px){.introduction-card-row[data-v-a8605b85]>*{min-width:-moz-min-content;min-width:min-content}}@media (max-width: 600px){.introduction-card-row[data-v-a8605b85]>*{max-width:100%}}@container (max-width: 900px){.introduction-card-row[data-v-a8605b85]{flex-direction:column;align-items:stretch;gap:0px}}.introduction-card[data-v-a8605b85] .security-scheme-label{text-transform:uppercase;font-weight:var(--scalar-semibold)}.introduction-card-row[data-v-a8605b85] .scalar-card:nth-of-type(2) .scalar-card-header{display:none}.introduction-card-row[data-v-a8605b85] .scalar-card:nth-of-type(2) .scalar-card-header.scalar-card--borderless+.scalar-card-content{margin-top:0}.references-classic .introduction-description[data-v-fe80002d] img{max-width:720px}.sticky-cards[data-v-0b1e2255]{display:flex;flex-direction:column;position:sticky;top:calc(var(--refs-viewport-offset) + 24px)}.introduction-card-item[data-v-708aae59]{display:flex;margin-bottom:12px;flex-direction:column;justify-content:start}.introduction-card-item[data-v-708aae59]:has(.description) .server-form-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.introduction-card-item[data-v-708aae59] .request-item{border-bottom:0}.auth-combobox-position[data-v-a85af23e]{margin-left:120px}.scroll-timeline-x[data-v-a85af23e]{overflow:auto;scroll-timeline:--scroll-timeline x;scroll-timeline:--scroll-timeline horizontal;scrollbar-width:none;-ms-overflow-style:none}.fade-left[data-v-a85af23e],.fade-right[data-v-a85af23e]{position:sticky;content:"";height:100%;animation-name:fadein-a85af23e;animation-duration:1ms;animation-direction:reverse;animation-timeline:--scroll-timeline;min-height:24px;pointer-events:none}.fade-left[data-v-a85af23e]{background:linear-gradient(-90deg,color-mix(in srgb,var(--scalar-background-1),transparent 100%) 0%,color-mix(in srgb,var(--scalar-background-1),transparent 20%) 60%,var(--scalar-background-1) 100%);min-width:3px;left:-1px;animation-direction:normal}.fade-right[data-v-a85af23e]{background:linear-gradient(90deg,color-mix(in srgb,var(--scalar-background-1),transparent 100%) 0%,color-mix(in srgb,var(--scalar-background-1),transparent 20%) 60%,var(--scalar-background-1) 100%);margin-left:-20px;min-width:24px;right:-1px;top:0}@keyframes fadein-a85af23e{0%{opacity:0}15%{opacity:1}}.auth-combobox-position[data-v-43114fd7]{margin-left:120px}.scroll-timeline-x[data-v-43114fd7]{overflow:auto;scroll-timeline:--scroll-timeline x;scroll-timeline:--scroll-timeline horizontal;scrollbar-width:none;-ms-overflow-style:none}.fade-left[data-v-43114fd7],.fade-right[data-v-43114fd7]{position:sticky;content:"";height:100%;animation-name:fadein-43114fd7;animation-duration:1ms;animation-direction:reverse;animation-timeline:--scroll-timeline;min-height:24px;pointer-events:none}.fade-left[data-v-43114fd7]{background:linear-gradient(-90deg,color-mix(in srgb,var(--scalar-background-1),transparent 100%) 0%,color-mix(in srgb,var(--scalar-background-1),transparent 20%) 60%,var(--scalar-background-1) 100%);min-width:3px;left:-1px;animation-direction:normal}.fade-right[data-v-43114fd7]{background:linear-gradient(90deg,color-mix(in srgb,var(--scalar-background-1),transparent 100%) 0%,color-mix(in srgb,var(--scalar-background-1),transparent 20%) 60%,var(--scalar-background-1) 100%);margin-left:-20px;min-width:24px;right:-1px;top:0}@keyframes fadein-43114fd7{0%{opacity:0}15%{opacity:1}}.client-libraries-content[data-v-ad178be1]{container:client-libraries-content / inline-size;display:flex;justify-content:center;overflow:hidden;padding:0 12px;background-color:var(--scalar-background-1);border-left:var(--scalar-border-width) solid var(--scalar-border-color);border-right:var(--scalar-border-width) solid var(--scalar-border-color)}.client-libraries[data-v-ad178be1]{display:flex;align-items:center;justify-content:center;width:100%;position:relative;cursor:pointer;white-space:nowrap;padding:8px 2px;gap:6px;color:var(--scalar-color-3);border-bottom:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.client-libraries[data-v-ad178be1]:not(.client-libraries__active):hover:before{content:"";position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);background:var(--scalar-background-2);left:2px;top:2px;z-index:0;border-radius:var(--scalar-radius)}.client-libraries[data-v-ad178be1]:active{color:var(--scalar-color-1)}.client-libraries[data-v-ad178be1]:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--scalar-color-accent)}@media screen and (max-width: 450px){.client-libraries[data-v-ad178be1]:nth-of-type(4),.client-libraries[data-v-ad178be1]:nth-of-type(5){display:none}}.client-libraries-icon[data-v-ad178be1]{max-width:14px;max-height:14px;min-width:14px;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;color:currentColor}.client-libraries-icon__more svg[data-v-ad178be1]{height:initial}@container client-libraries-content (width < 400px){.client-libraries__select[data-v-ad178be1]{width:-moz-fit-content;width:fit-content}.client-libraries__select .client-libraries-icon__more+span[data-v-ad178be1]{display:none}}@container client-libraries-content (width < 380px){.client-libraries[data-v-ad178be1]{width:100%}.client-libraries span[data-v-ad178be1]{display:none}}.client-libraries__active[data-v-ad178be1]{color:var(--scalar-color-1);border-bottom:1px solid var(--scalar-color-1)}@keyframes codeloader-ad178be1{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.client-libraries .client-libraries-text[data-v-ad178be1]{font-size:var(--scalar-small);position:relative;display:flex;align-items:center}.client-libraries__active .client-libraries-text[data-v-ad178be1]{color:var(--scalar-color-1);font-weight:var(--scalar-semibold)}@media screen and (max-width: 600px){.references-classic .client-libraries[data-v-ad178be1]{flex-direction:column}}.selected-client[data-v-9a309159]{color:var(--scalar-color-1);font-size:var(--scalar-small);font-family:var(--scalar-font-code);padding:9px 12px;border-top:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--scalar-background-1);border:var(--scalar-border-width) solid var(--scalar-border-color);border-bottom-left-radius:var(--scalar-radius-lg);border-bottom-right-radius:var(--scalar-radius-lg);min-height:-moz-fit-content;min-height:fit-content}.client-libraries-heading[data-v-9a309159]{font-size:var(--scalar-small);font-weight:var(--scalar-font-medium);color:var(--scalar-color-1);padding:9px 12px;background-color:var(--scalar-background-2);display:flex;align-items:center;max-height:32px;border:var(--scalar-border-width) solid var(--scalar-border-color);border-top-left-radius:var(--scalar-radius-lg);border-top-right-radius:var(--scalar-radius-lg)}[data-v-9a309159] .scalar-codeblock-pre .hljs{margin-top:8px}.narrow-references-container{container-name:narrow-references-container;container-type:inline-size}.ref-search-meta[data-v-c1c368f9]{background:var(--scalar-background-1);border-bottom-left-radius:var(--scalar-radius-lg);border-bottom-right-radius:var(--scalar-radius-lg);padding:6px 12px;font-size:var(--scalar-font-size-4);color:var(--scalar-color-3);font-weight:var(--scalar-semibold);display:flex;gap:12px;border-top:var(--scalar-border-width) solid var(--scalar-border-color)}/*! tailwindcss v4.1.8 | 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-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-divide-x-reverse: 0;--tw-border-style: solid;--tw-divide-y-reverse: 0;--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-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-outline-style: solid;--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-content: "";--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-space-x-reverse: 0}}}@layer scalar-base{@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%)}}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%)}}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%)}}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%)}}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}:root,:host{--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%)}}.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%)}}.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}.dark-mode{--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%)}}.dark-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%)}}.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%)}}}.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%)}}}.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}}.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}}.dark-mode{--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%)}}}.dark-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%)}}}.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}}.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}}}:root,:host{--leading-snug: 1.375;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}@supports (color: color-mix(in lab,red,red)){@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%)}}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%)}}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%)}}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%)}}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}.light-mode{--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%)}}}.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%)}}}.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}}.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}}.dark-mode{--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%)}}}.dark-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%)}}}.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}}.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}}}body{line-height:inherit;margin:0}:root{--scalar-border-width: .5px;--scalar-radius: 3px;--scalar-radius-lg: 6px;--scalar-radius-xl: 8px;--scalar-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--scalar-font-code: "JetBrains Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--scalar-heading-1: 24px;--scalar-page-description: 16px;--scalar-heading-2: 20px;--scalar-heading-3: 16px;--scalar-heading-4: 16px;--scalar-heading-5: 16px;--scalar-heading-6: 16px;--scalar-paragraph: 16px;--scalar-small: 14px;--scalar-mini: 13px;--scalar-micro: 12px;--scalar-bold: 600;--scalar-semibold: 500;--scalar-regular: 400;--scalar-font-size-1: 21px;--scalar-font-size-2: 16px;--scalar-font-size-3: 14px;--scalar-font-size-4: 13px;--scalar-font-size-5: 12px;--scalar-font-size-6: 12px;--scalar-font-size-7: 10px;--scalar-line-height-1: 32px;--scalar-line-height-2: 24px;--scalar-line-height-3: 20px;--scalar-line-height-4: 18px;--scalar-line-height-5: 16px;--scalar-font-normal: 400;--scalar-font-medium: 500;--scalar-font-bold: 700;--scalar-text-decoration: none;--scalar-text-decoration-hover: underline;--scalar-link-font-weight: inherit;--scalar-sidebar-indent: 20px}.dark-mode{color-scheme:dark;--scalar-scrollbar-color: #ffffff2e;--scalar-scrollbar-color-active: #ffffff5c;--scalar-button-1: #fff;--scalar-button-1-hover: #ffffffe6;--scalar-button-1-color: black;--scalar-shadow-1: 0 1px 3px 0 #0000001a;--scalar-shadow-2: 0 0 0 .5px var(--scalar-border-color), #0f0f0f33 0px 3px 6px, #0f0f0f66 0px 9px 24px;--scalar-lifted-brightness: 1.45;--scalar-backdrop-brightness: .5;--scalar-text-decoration-color: currentColor;--scalar-text-decoration-color-hover: currentColor}.light-mode{color-scheme:light;--scalar-scrollbar-color-active: #0000005c;--scalar-scrollbar-color: #0000002e;--scalar-button-1: #000;--scalar-button-1-hover: #000c;--scalar-button-1-color: #ffffffe6;--scalar-shadow-1: 0 1px 3px 0 #0000001c;--scalar-shadow-2: #00000014 0px 13px 20px 0px, #00000014 0px 3px 8px 0px, #eeeeed 0px 0 0 .5px;--scalar-lifted-brightness: 1;--scalar-backdrop-brightness: 1;--scalar-text-decoration-color: currentColor;--scalar-text-decoration-color-hover: currentColor}.light-mode .dark-mode{color-scheme:dark!important}@media (max-width: 460px){:root{--scalar-font-size-1: 22px;--scalar-font-size-2: 14px;--scalar-font-size-3: 12px}}@media (max-width: 720px){:root{--scalar-heading-1: 24px;--scalar-page-description: 20px}}:root{--scalar-text-decoration: underline;--scalar-text-decoration-hover: underline}.light-mode{--scalar-background-1: #fff;--scalar-background-2: #f6f6f6;--scalar-background-3: #e7e7e7;--scalar-background-accent: #8ab4f81f;--scalar-color-1: #1b1b1b;--scalar-color-2: #757575;--scalar-color-3: #8e8e8e;--scalar-color-accent: #09f;--scalar-border-color: #dfdfdf}.dark-mode{--scalar-background-1: #0f0f0f;--scalar-background-2: #1a1a1a;--scalar-background-3: #272727;--scalar-color-1: #e7e7e7;--scalar-color-2: #a4a4a4;--scalar-color-3: #797979;--scalar-color-accent: #00aeff;--scalar-background-accent: #3ea6ff1f;--scalar-border-color: #2d2d2d}.light-mode,.dark-mode{--scalar-sidebar-background-1: var(--scalar-background-1);--scalar-sidebar-color-1: var(--scalar-color-1);--scalar-sidebar-color-2: var(--scalar-color-2);--scalar-sidebar-border-color: var(--scalar-border-color);--scalar-sidebar-item-hover-background: var(--scalar-background-2);--scalar-sidebar-item-hover-color: var(--scalar-sidebar-color-2);--scalar-sidebar-item-active-background: var(--scalar-background-2);--scalar-sidebar-color-active: var(--scalar-sidebar-color-1);--scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);--scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);--scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);--scalar-sidebar-search-background: transparent;--scalar-sidebar-search-color: var(--scalar-color-3);--scalar-sidebar-search-border-color: var(--scalar-border-color)}.light-mode{--scalar-color-green: #069061;--scalar-color-red: #ef0006;--scalar-color-yellow: #edbe20;--scalar-color-blue: #0082d0;--scalar-color-orange: #ff5800;--scalar-color-purple: #5203d1;--scalar-link-color: var(--scalar-color-1);--scalar-link-color-hover: var(--scalar-link-color);--scalar-button-1: #000;--scalar-button-1-hover: #000c;--scalar-button-1-color: #ffffffe6;--scalar-tooltip-background: #1a1a1ae6;--scalar-tooltip-color: #ffffffd9;--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%)}}}}}.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%)}}}}}.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}}}}.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.light-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}}}}.dark-mode{--scalar-color-green: #00b648;--scalar-color-red: #dc1b19;--scalar-color-yellow: #ffc90d;--scalar-color-blue: #4eb3ec;--scalar-color-orange: #ff8d4d;--scalar-color-purple: #b191f9;--scalar-link-color: var(--scalar-color-1);--scalar-link-color-hover: var(--scalar-link-color);--scalar-button-1: #fff;--scalar-button-1-hover: #ffffffe6;--scalar-button-1-color: black;--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%)}}}}}.dark-mode{--scalar-tooltip-color: #fffffff2;--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%)}}}}}.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%)}}}}}.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.dark-mode{--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%)}}}}}@supports (color: color(display-p3 1 1 1)){.light-mode{--scalar-color-accent: color(display-p3 0 .6 1);--scalar-color-green: color(display-p3 .023529 .564706 .380392);--scalar-color-red: color(display-p3 .937255 0 .023529);--scalar-color-yellow: color(display-p3 .929412 .745098 .12549);--scalar-color-blue: color(display-p3 0 .509804 .815686);--scalar-color-orange: color(display-p3 1 .4 .02);--scalar-color-purple: color(display-p3 .321569 .011765 .819608)}.dark-mode{--scalar-color-accent: color(display-p3 .07 .67 1);--scalar-color-green: color(display-p3 0 .713725 .282353);--scalar-color-red: color(display-p3 .862745 .105882 .098039);--scalar-color-yellow: color(display-p3 1 .788235 .05098);--scalar-color-blue: color(display-p3 .305882 .701961 .92549);--scalar-color-orange: color(display-p3 1 .552941 .301961);--scalar-color-purple: color(display-p3 .694118 .568627 .976471)}}:root,:host{--leading-snug: 1.375;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--leading-normal: 1.5}body{background-color:var(--scalar-background-1);margin:0}}@layer scalar-theme;.scalar-app .\@container{container-type:inline-size}.scalar-app .-top-2{top:-8px}.scalar-app .top-3\.5{top:14px}.scalar-app .-left-4\.5{left:-18px}.scalar-app .-left-5{left:-20px}.scalar-app .z-1000{z-index:1000}.scalar-app .order-789{order:789}.scalar-app .-m-1{margin:-4px}.scalar-app .-m-2{margin:-8px}.scalar-app .-mx-2{margin-inline:-8px}.scalar-app .my-2{margin-block:8px}.scalar-app .my-3{margin-block:12px}.scalar-app .-mt-1{margin-top:-4px}.scalar-app .mt-6{margin-top:24px}.scalar-app .mb-3{margin-bottom:12px}.scalar-app .size-4\.5{width:18px;height:18px}.scalar-app .h-\[calc\(100\%\+16px\)\]{height:calc(100% + 16px)}.scalar-app .h-\[var\(--scalar-header-height\)\]{height:var(--scalar-header-height)}.scalar-app .max-h-\[60vh\]{max-height:60vh}.scalar-app .min-h-3{min-height:12px}.scalar-app .min-h-7{min-height:28px}.scalar-app .min-h-dvh{min-height:100dvh}.scalar-app .w-0{width:0}.scalar-app .w-4\.5{width:18px}.scalar-app .w-96{width:384px}.scalar-app .w-110{width:440px}.scalar-app .w-120{width:480px}.scalar-app .max-w-\(--refs-content-max-width\){max-width:var(--refs-content-max-width)}.scalar-app .max-w-64{max-width:256px}.scalar-app .min-w-3{min-width:12px}.scalar-app .min-w-7{min-width:28px}.scalar-app .rotate-45{rotate:45deg}.scalar-app .scroll-mt-16{scroll-margin-top:64px}.scalar-app .scroll-mt-24{scroll-margin-top:96px}.scalar-app .list-none{list-style-type:none}.scalar-app .content-end{align-content:flex-end}.scalar-app .gap-7{gap:28px}.scalar-app .overflow-x-scroll{overflow-x:scroll}.scalar-app .rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}.scalar-app .p-7{padding:28px}.scalar-app .px-15{padding-inline:60px}.scalar-app .py-2\.25{padding-block:9px}.scalar-app .pt-1\.5{padding-top:6px}.scalar-app .pb-12{padding-bottom:48px}.scalar-app .leading-\[1\.45\]{--tw-leading: 1.45;line-height:1.45}.scalar-app .leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.scalar-app .text-current{color:currentColor}.scalar-app .italic{font-style:italic}.scalar-app .line-through{text-decoration-line:line-through}.scalar-app .\[--scalar-address-bar-height\:0px\]{--scalar-address-bar-height: 0px}.scalar-app .\[grid-area\:header\]{grid-area:header}.scalar-app .\[grid-area\:navigation\]{grid-area:navigation}:is(.scalar-app .\*\:\!p-0>*){padding:0!important}.scalar-app .group-last\:mr-0:is(:where(.group):last-child *){margin-right:0}.scalar-app .group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}.scalar-app .group-open\:flex-wrap:is(:where(.group):is([open],:popover-open,:open) *){flex-wrap:wrap}.scalar-app .group-open\:whitespace-normal:is(:where(.group):is([open],:popover-open,:open) *){white-space:normal}.scalar-app .group-focus-within\/parameter-item\:w-auto:is(:where(.group\/parameter-item):focus-within *){width:auto}@media (hover: hover){.scalar-app .group-hover\:flex:is(:where(.group):hover *){display:flex}.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *){color:var(--scalar-color-1)}.scalar-app .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.scalar-app .group-hover\/auth\:absolute:is(:where(.group\/auth):hover *){position:absolute}.scalar-app .group-hover\/auth\:h-auto:is(:where(.group\/auth):hover *){height:auto}.scalar-app .group-hover\/auth\:border-b:is(:where(.group\/auth):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:var(--scalar-border-width)}.scalar-app .group-hover\/heading\:opacity-100:is(:where(.group\/heading):hover *),.scalar-app .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *){opacity:1}.scalar-app .group-hover\/parameter-item\:w-auto:is(:where(.group\/parameter-item):hover *){width:auto}.scalar-app .group-hover\/scopes-accordion\:text-c-2:is(:where(.group\/scopes-accordion):hover *){color:var(--scalar-color-2)}}.scalar-app .group-has-focus-visible\/heading\:opacity-100:is(:where(.group\/heading):has(:focus-visible) *){opacity:1}.scalar-app .group-aria-expanded\/combobox-button\:rotate-180:is(:where(.group\/combobox-button)[aria-expanded=true] *){rotate:180deg}.scalar-app .empty\:hidden:empty{display:none}@media (hover: hover){.scalar-app .hover\:bg-b-2:hover{background-color:var(--scalar-background-2)}.scalar-app .hover\:bg-b-3:hover{background-color:var(--scalar-background-3)}.scalar-app .hover\:whitespace-normal:hover{white-space:normal}.scalar-app .hover\:text-c-1:hover{color:var(--scalar-color-1)}}.scalar-app .has-focus\:outline:has(:focus){outline-style:var(--tw-outline-style);outline-width:1px}@media (min-width: 1200px){.scalar-app .xl\:mb-1\.5{margin-bottom:6px}.scalar-app .xl\:gap-12{gap:48px}.scalar-app .xl\:border-r{border-right-style:var(--tw-border-style);border-right-width:var(--scalar-border-width)}.scalar-app .xl\:border-none{--tw-border-style: none;border-style:none}.scalar-app .xl\:first\:ml-auto:first-child{margin-left:auto}}.scalar-app .\[\&_a\]\:underline a{text-decoration-line:underline}.scalar-app .\[\&_a\:hover\]\:text-c-1 a:hover{color:var(--scalar-color-1)}.scalar-app .\[\&_code\]\:font-code code{font-family:var(--scalar-font-code)}.scalar-app .\[\&_em\]\:text-c-1 em{color:var(--scalar-color-1)}.scalar-app .\[\&_em\]\:not-italic em{font-style:normal}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2))}}:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:color-mix(in srgb,var(--scalar-tooltip-color),var(--scalar-tooltip-background))}}}@property --tw-divide-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@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-ease{syntax: "*"; inherits: false}@keyframes fade-in-8e99b97a{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes rotate-8e99b97a{0%{transform:scale(3.5)rotate(0)}to{transform:scale(3.5)rotate(360deg)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{text-decoration-color:color-mix(in srgb,var(--font-color) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert{background-color:color-mix(in srgb,var(--scalar-background-2),transparent)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{background-color:color-mix(in srgb,var(--scalar-color-blue),transparent 97%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-blue),transparent 50%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{background-color:color-mix(in srgb,var(--scalar-color-2),transparent 97%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-2),transparent 50%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{background-color:color-mix(in srgb,var(--scalar-color-orange),transparent 97%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-orange),transparent 50%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{background-color:color-mix(in srgb,var(--scalar-color-red),transparent 97%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-red),transparent 50%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{background-color:color-mix(in srgb,var(--scalar-color-green),transparent 97%)}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-green),transparent 50%)}}@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}@keyframes fadein-layout-c1e93776{0%{opacity:0}to{opacity:1}}@keyframes fadein-modal-c1e93776{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}@media (hover: hover){.scalar-app .group-hover\/button\:opacity-0:is(:where(.group\/button):hover *){opacity:0}.scalar-app .group-hover\/group-button\:flex:is(:where(.group\/group-button):hover *){display:flex}.scalar-app .group-hover\/group-button\:hidden:is(:where(.group\/group-button):hover *){display:none}.scalar-app .peer-hover\/button\:opacity-100:is(:where(.peer\/button):hover~*),.scalar-app .hover\:opacity-100:hover{opacity:1}}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}}}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2))}}}:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:color-mix(in srgb,var(--scalar-tooltip-color),var(--scalar-tooltip-background))}}}}@property --tw-content{syntax: "*"; inherits: false; initial-value: "";}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}}.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2))}}}:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:color-mix(in srgb,var(--scalar-tooltip-color),var(--scalar-tooltip-background))}}}}@media (hover: hover){.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *){color:var(--scalar-color-1)}.scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *){background-color:var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color))}.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *){color:var(--scalar-color-1)}.scalar-app .group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *){opacity:1}.scalar-app .hover\:bg-b-2:hover{background-color:var(--scalar-background-2)}.scalar-app .hover\:bg-b-3:hover{background-color:var(--scalar-background-3)}.scalar-app .hover\:bg-h-btn:hover{background-color:var(--scalar-button-1-hover)}.scalar-app .hover\:bg-sidebar-b-hover:hover{background-color:var(--scalar-sidebar-item-hover-background, var(--scalar-background-2))}.scalar-app .hover\:bg-linear-to-b:hover{--tw-gradient-position: to bottom}@supports (background-image: linear-gradient(in lab,red,red)){.scalar-app .hover\:bg-linear-to-b:hover{--tw-gradient-position: to bottom in oklab}}.scalar-app .hover\:bg-linear-to-b:hover{background-image:linear-gradient(var(--tw-gradient-stops))}.scalar-app .hover\:bg-linear-to-t:hover{--tw-gradient-position: to top}@supports (background-image: linear-gradient(in lab,red,red)){.scalar-app .hover\:bg-linear-to-t:hover{--tw-gradient-position: to top in oklab}}.scalar-app .hover\:bg-linear-to-t:hover{background-image:linear-gradient(var(--tw-gradient-stops))}.scalar-app .hover\:text-c-1:hover{color:var(--scalar-color-1)}.scalar-app .hover\:text-sidebar-c-1:hover{color:var(--scalar-sidebar-color-1, var(--scalar-color-1))}.scalar-app .hover\:text-sidebar-c-hover:hover{color:var(--scalar-sidebar-item-hover-color, var(--scalar-sidebar-color-2))}.scalar-app .hover\:underline:hover{text-decoration-line:underline}.scalar-app .hover\:brightness-90:hover{--tw-brightness: brightness(90%);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, )}}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{-webkit-text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{-webkit-text-decoration-color:color-mix(in srgb,var(--font-color) 30%,transparent)}}.scalar-app .markdown a{text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{text-decoration-color:color-mix(in srgb,var(--font-color) 30%,transparent)}}.scalar-app .markdown .markdown-alert{background-color:var(--scalar-background-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert{background-color:color-mix(in srgb,var(--scalar-background-2),transparent)}}.scalar-app .markdown .markdown-alert.markdown-alert-note{background-color:var(--scalar-color-blue)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{background-color:color-mix(in srgb,var(--scalar-color-blue),transparent 97%)}}.scalar-app .markdown .markdown-alert.markdown-alert-note{border:var(--scalar-border-width) solid var(--scalar-color-blue)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-blue),transparent 50%)}}.scalar-app .markdown .markdown-alert.markdown-alert-tip{background-color:var(--scalar-color-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{background-color:color-mix(in srgb,var(--scalar-color-2),transparent 97%)}}.scalar-app .markdown .markdown-alert.markdown-alert-tip{border:var(--scalar-border-width) solid var(--scalar-color-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-2),transparent 50%)}}.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{background-color:var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{background-color:color-mix(in srgb,var(--scalar-color-orange),transparent 97%)}}.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{border:var(--scalar-border-width) solid var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-orange),transparent 50%)}}.scalar-app .markdown .markdown-alert.markdown-alert-caution{background-color:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{background-color:color-mix(in srgb,var(--scalar-color-red),transparent 97%)}}.scalar-app .markdown .markdown-alert.markdown-alert-caution{border:var(--scalar-border-width) solid var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-red),transparent 50%)}}.scalar-app .markdown .markdown-alert.markdown-alert-success{background-color:var(--scalar-color-green)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{background-color:color-mix(in srgb,var(--scalar-color-green),transparent 97%)}}.scalar-app .markdown .markdown-alert.markdown-alert-success{border:var(--scalar-border-width) solid var(--scalar-color-green)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-green),transparent 50%)}}}.scalar-app .right-0\.75{right:3px}.scalar-app .ml-2{margin-left:8px}.scalar-app .self-start{align-self:flex-start}@media (hover: hover){.scalar-app .group-hover\/button\:opacity-0:is(:where(.group\/button):hover *){opacity:0}.scalar-app .group-hover\/group-button\:flex:is(:where(.group\/group-button):hover *){display:flex}.scalar-app .group-hover\/group-button\:hidden:is(:where(.group\/group-button):hover *){display:none}}.scalar-app .group-focus-visible\/button\:opacity-0:is(:where(.group\/button):focus-visible *),.scalar-app .group-has-\[\~\*_\[aria-expanded\=true\]\]\/button\:opacity-0:is(:where(.group\/button):has(~* [aria-expanded=true]) *),.scalar-app .group-has-\[\~\*\:focus-within\]\/button\:opacity-0:is(:where(.group\/button):has(~:focus-within) *),.scalar-app .group-has-\[\~\*\:hover\]\/button\:opacity-0:is(:where(.group\/button):has(~:hover) *){opacity:0}@media (hover: hover){.scalar-app .peer-hover\/button\:opacity-100:is(:where(.peer\/button):hover~*){opacity:1}}.scalar-app .peer-focus-visible\/button\:opacity-100:is(:where(.peer\/button):focus-visible~*){opacity:1}.scalar-app .after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.scalar-app .after\:absolute:after{content:var(--tw-content);position:absolute}.scalar-app .after\:inset-0:after{content:var(--tw-content);inset:0}.scalar-app .after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.scalar-app .after\:-top-0\.5:after{content:var(--tw-content);top:-2px}.scalar-app .after\:-bottom-0\.5:after{content:var(--tw-content);bottom:-2px}.scalar-app .after\:block:after{content:var(--tw-content);display:block}.scalar-app .after\:h-0\.75:after{content:var(--tw-content);height:3px}.scalar-app .after\:rounded:after{content:var(--tw-content);border-radius:var(--scalar-radius)}.scalar-app .after\:bg-blue:after{content:var(--tw-content);background-color:var(--scalar-color-blue)}.scalar-app .after\:opacity-15:after{content:var(--tw-content);opacity:.15}.scalar-app .focus-within\:opacity-100:focus-within{opacity:1}@media (hover: hover){.scalar-app .hover\:opacity-100:hover{opacity:1}}.scalar-app .has-\[\&\[aria-expanded\=true\]\]\:opacity-100:has([aria-expanded=true]){opacity:1}:where(.scalar-app){font-family:var(--scalar-font);color:var(--scalar-color-1);-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15}:where(.scalar-app) *,:where(.scalar-app) :before,:where(.scalar-app) :after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--scalar-border-color);outline-width:1px;outline-style:none;outline-color:var(--scalar-color-accent);font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:inherit;line-height:inherit;color:inherit;margin:unset;padding:unset;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.scalar-app) :before,:where(.scalar-app) :after{--tw-content: ""}:where(.scalar-app) button,:where(.scalar-app) input,:where(.scalar-app) optgroup,:where(.scalar-app) select,:where(.scalar-app) textarea{background:none}:where(.scalar-app) ::file-selector-button{background:none}:where(.scalar-app) ol,:where(.scalar-app) ul,:where(.scalar-app) menu{list-style:none}:where(.scalar-app) input:where(:not([type=button],[type=reset],[type=submit])),:where(.scalar-app) select,:where(.scalar-app) textarea{border-radius:var(--scalar-radius);border-width:1px}:where(.scalar-app) input::-moz-placeholder{color:var(--scalar-color-3);font-family:var(--scalar-font)}:where(.scalar-app) input::placeholder{color:var(--scalar-color-3);font-family:var(--scalar-font)}:where(.scalar-app) input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}:where(.scalar-app) input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}:where(.scalar-app) summary::-webkit-details-marker{display:none}:where(.scalar-app) input:-webkit-autofill{-webkit-background-clip:text!important;background-clip:text!important}:where(.scalar-app) :focus-visible{border-radius:var(--scalar-radius);outline-style:solid}:where(.scalar-app) button:focus-visible,:where(.scalar-app) [role=button]:focus-visible{outline-offset:-1px}:where(.scalar-app) button,:where(.scalar-app) [role=button]{cursor:pointer}:where(.scalar-app) :disabled{cursor:default}:where(.scalar-app) img,:where(.scalar-app) svg,:where(.scalar-app) video,:where(.scalar-app) canvas,:where(.scalar-app) audio,:where(.scalar-app) iframe,:where(.scalar-app) embed,:where(.scalar-app) object{vertical-align:middle;display:block}:where(.scalar-app) [hidden]{display:none}.scalar-app .cm-scroller,.scalar-app .custom-scroll{scrollbar-color:transparent transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overflow-y:auto}.scalar-app .custom-scroll-self-contain-overflow{overscroll-behavior:contain}.scalar-app .cm-scroller:hover,.scalar-app .custom-scroll:hover,.scalar-app.scalar-scrollbars-obtrusive .cm-scroller,.scalar-app.scalar-scrollbars-obtrusive .custom-scroll{scrollbar-color:var(--scalar-scrollbar-color, transparent) transparent}.scalar-app .cm-scroller:hover::-webkit-scrollbar-thumb{background:var(--scalar-scrollbar-color);background-clip:content-box;border:3px solid #0000}.scalar-app .custom-scroll:hover::-webkit-scrollbar-thumb{background:var(--scalar-scrollbar-color);background-clip:content-box;border:3px solid #0000}.scalar-app .cm-scroller::-webkit-scrollbar-thumb:active{background:var(--scalar-scrollbar-color-active);background-clip:content-box;border:3px solid #0000}.scalar-app .custom-scroll::-webkit-scrollbar-thumb:active{background:var(--scalar-scrollbar-color-active);background-clip:content-box;border:3px solid #0000}.scalar-app .cm-scroller::-webkit-scrollbar-corner{background:none}.scalar-app .custom-scroll::-webkit-scrollbar-corner{background:none}.scalar-app .cm-scroller::-webkit-scrollbar{width:12px;height:12px}.scalar-app .custom-scroll::-webkit-scrollbar{width:12px;height:12px}.scalar-app .cm-scroller::-webkit-scrollbar-track{background:none}.scalar-app .custom-scroll::-webkit-scrollbar-track{background:none}.scalar-app .cm-scroller::-webkit-scrollbar-thumb{background:padding-box content-box;border:3px solid #0000;border-radius:20px}.scalar-app .custom-scroll::-webkit-scrollbar-thumb{background:padding-box content-box;border:3px solid #0000;border-radius:20px}@media (pointer: coarse){.scalar-app .cm-scroller,.scalar-app .custom-scroll{padding-right:12px}}.scalar-app .invisible{visibility:hidden}.scalar-app .inset-y-0{inset-block:0}.scalar-app .top-\(--nested-items-offset\){top:var(--nested-items-offset)}.scalar-app .top-0\.5{top:2px}.scalar-app .top-1\/2{top:50%}.scalar-app .top-22{top:88px}.scalar-app .top-\[1lh\]{top:1lh}.scalar-app .top-px{top:1px}.scalar-app .left-2{left:8px}.scalar-app .left-2\.5{left:10px}.scalar-app .left-4{left:16px}.scalar-app .left-10{left:40px}.scalar-app .left-\[calc\(4px\+var\(--scalar-sidebar-indent\)\*var\(--scalar-sidebar-level\)\)\]{left:calc(4px + var(--scalar-sidebar-indent) * var(--scalar-sidebar-level))}.scalar-app .left-border{left:var(--scalar-border-width)}.scalar-app .left-px{left:1px}.scalar-app .z-tooltip{z-index:99999}.scalar-app .-m-1\.5{margin:-6px}.scalar-app .-m-px{margin:-1px}.scalar-app .m-1{margin:4px}.scalar-app .-mx-0\.75{margin-inline:-3px}.scalar-app .-mx-px{margin-inline:-1px}.scalar-app .mx-px{margin-inline:1px}.scalar-app .-my-1\.5{margin-block:-6px}.scalar-app .-my-2{margin-block:-8px}.scalar-app .my-0\.75{margin-block:3px}.scalar-app .-mt-1\.5{margin-top:-6px}.scalar-app .mt-0{margin-top:0}.scalar-app .mt-\[15svh\]{margin-top:15svh}.scalar-app .mt-\[20svh\]{margin-top:20svh}.scalar-app .-mr-0\.25{margin-right:-1px}.scalar-app .mr-0{margin-right:0}.scalar-app .mr-\[calc\(20px-var\(--scalar-sidebar-indent\)\)\]{margin-right:calc(20px - var(--scalar-sidebar-indent))}.scalar-app .-mb-1{margin-bottom:-4px}.scalar-app .-ml-0\.75{margin-left:-3px}.scalar-app .line-clamp-\(--markdown-clamp\){-webkit-line-clamp:var(--markdown-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scalar-app .\!hidden{display:none!important}.scalar-app .size-2{width:8px;height:8px}.scalar-app .size-2\.75{width:11px;height:11px}.scalar-app .size-3\.25{width:13px;height:13px}.scalar-app .size-60{width:240px;height:240px}.scalar-app .size-\[23px\]{width:23px;height:23px}.scalar-app .h-0{height:0}.scalar-app .h-1{height:4px}.scalar-app .h-24{height:96px}.scalar-app .h-32{height:128px}.scalar-app .h-\[1lh\]{height:1lh}.scalar-app .h-border{height:var(--scalar-border-width)}.scalar-app .h-dvh{height:100dvh}.scalar-app .max-h-20{max-height:80px}.scalar-app .max-h-\[80svh\]{max-height:80svh}.scalar-app .max-h-\[90svh\]{max-height:90svh}.scalar-app .max-h-dvh{max-height:100dvh}.scalar-app .max-h-radix-popper{max-height:calc(var(--radix-popper-available-height) - 8px)}.scalar-app .min-h-96{min-height:384px}.scalar-app .min-h-header{min-height:48px}.scalar-app .w-12{width:48px}.scalar-app .w-24{width:96px}.scalar-app .w-32{width:128px}.scalar-app .w-40{width:160px}.scalar-app .w-48{width:192px}.scalar-app .w-\[38px\]{width:38px}.scalar-app .w-\[calc\(100vw-12px\)\]{width:calc(100vw - 12px)}.scalar-app .w-\[var\(--scalar-sidebar-indent\)\]{width:var(--scalar-sidebar-indent)}.scalar-app .w-border{width:var(--scalar-border-width)}.scalar-app .w-min{width:-moz-min-content;width:min-content}.scalar-app .w-screen{width:100vw}.scalar-app .max-w-\[360px\]{max-width:360px}.scalar-app .max-w-\[480px\]{max-width:480px}.scalar-app .max-w-\[540px\]{max-width:540px}.scalar-app .max-w-\[640px\]{max-width:640px}.scalar-app .max-w-\[800px\]{max-width:800px}.scalar-app .max-w-\[1000px\]{max-width:1000px}.scalar-app .max-w-\[inherit\]{max-width:inherit}.scalar-app .max-w-xs{max-width:320px}.scalar-app .min-w-6{min-width:24px}.scalar-app .min-w-40{min-width:160px}.scalar-app .min-w-min{min-width:-moz-min-content;min-width:min-content}.scalar-app .flex-shrink,.scalar-app .shrink{flex-shrink:1}.scalar-app .-translate-x-full{--tw-translate-x: -100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .translate-x-2\.5{--tw-translate-x: 10px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .translate-x-\[14px\]{--tw-translate-x: 14px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .translate-x-full{--tw-translate-x: 100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .-translate-y-1\/2{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.scalar-app .grid-flow-col{grid-auto-flow:column}.scalar-app .\!items-end{align-items:flex-end!important}.scalar-app .\!items-start{align-items:flex-start!important}.scalar-app .items-baseline{align-items:baseline}.scalar-app .\!justify-end{justify-content:flex-end!important}.scalar-app .\!justify-start{justify-content:flex-start!important}.scalar-app .gap-2\.25{gap:9px}.scalar-app .gap-x-4{-moz-column-gap:16px;column-gap:16px}.scalar-app .gap-y-8{row-gap:32px}:where(.scalar-app .divide-x>:not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(var(--scalar-border-width) * var(--tw-divide-x-reverse));border-inline-end-width:calc(var(--scalar-border-width) * calc(1 - var(--tw-divide-x-reverse)))}.scalar-app .self-end{align-self:flex-end}.scalar-app .overflow-x-clip{overflow-x:clip}.scalar-app .overflow-y-scroll{overflow-y:scroll}.scalar-app .overscroll-contain{overscroll-behavior:contain}.scalar-app .rounded-none{border-radius:0}.scalar-app .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.scalar-app .border-1{border-style:var(--tw-border-style);border-width:1px}.scalar-app .border-solid{--tw-border-style: solid;border-style:solid}.scalar-app .border-\(--scalar-background-3\){border-color:var(--scalar-background-3)}.scalar-app .border-border{border-color:var(--scalar-border-color)}.scalar-app .border-c-alert{border-color:var(--scalar-color-alert)}.scalar-app .border-red{border-color:var(--scalar-color-red)}.scalar-app .border-sidebar-border{border-color:var(--scalar-sidebar-border-color, var(--scalar-border-color))}.scalar-app .border-sidebar-border-search{border-color:var(--scalar-sidebar-search-border-color, var(--scalar-border-color))}.scalar-app .bg-\(--bg-light\){background-color:var(--bg-light)}.scalar-app .bg-b-1,.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-b-1\.5{background-color:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}}}}.scalar-app .bg-b-alert{background-color:var(--scalar-background-alert)}.scalar-app .bg-b-btn{background-color:var(--scalar-button-1)}.scalar-app .bg-b-tooltip{background-color:var(--scalar-tooltip-background)}.scalar-app .bg-backdrop{background-color:#00000038}.scalar-app .bg-border{background-color:var(--scalar-border-color)}.scalar-app .bg-c-danger{background-color:var(--scalar-color-danger)}.scalar-app .bg-inherit{background-color:inherit}.scalar-app .bg-red{background-color:var(--scalar-color-red)}.scalar-app .bg-sidebar-b-search{background-color:var(--scalar-sidebar-search-background, var(--scalar-background-2))}.scalar-app .bg-sidebar-indent-border{background-color:var(--scalar-sidebar-indent-border, var(--scalar-border-color))}.scalar-app .bg-sidebar-indent-border-active{background-color:var(--scalar-sidebar-indent-border-active, var(--scalar-color-accent))}.scalar-app .bg-transparent{background-color:#0000}.scalar-app .bg-linear-to-b{--tw-gradient-position: to bottom}@supports (background-image: linear-gradient(in lab,red,red)){.scalar-app .bg-linear-to-b{--tw-gradient-position: to bottom in oklab}}.scalar-app .bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.scalar-app .from-b-1{--tw-gradient-from: var(--scalar-background-1);--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))}.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.scalar-app .to-b-1\.5{--tw-gradient-to: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2))}}}}}.scalar-app .to-b-1\.5{--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))}.scalar-app .to-b-2{--tw-gradient-to: var(--scalar-background-2);--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))}.scalar-app .mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.scalar-app .p-0\.25{padding:1px}.scalar-app .p-2\.5{padding:10px}.scalar-app .p-6{padding:24px}.scalar-app .px-3\.5{padding-inline:14px}.scalar-app .px-9{padding-inline:36px}.scalar-app .py-4{padding-block:16px}.scalar-app .py-\[6\.75px\]{padding-block:6.75px}.scalar-app .pl-8{padding-left:32px}.scalar-app .text-lg{font-size:var(--scalar-font-size-2)}.scalar-app .leading-5{--tw-leading: var(--scalar-line-height-5);line-height:var(--scalar-line-height-5)}.scalar-app .font-sidebar{--tw-font-weight: var(--scalar-sidebar-font-weight, var(--scalar-regular));font-weight:var(--scalar-sidebar-font-weight, var(--scalar-regular))}.scalar-app .font-sidebar-active{--tw-font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));font-weight:var(--scalar-sidebar-font-weight-active, var(--scalar-semibold))}.scalar-app .text-nowrap{text-wrap:nowrap}.scalar-app .text-wrap{text-wrap:wrap}.scalar-app .break-words,.scalar-app .wrap-break-word{overflow-wrap:break-word}.scalar-app .text-c-accent{color:var(--scalar-color-accent)}.scalar-app .text-c-alert{color:var(--scalar-color-alert)}.scalar-app .text-c-tooltip{color:var(--scalar-tooltip-color)}.scalar-app .text-sidebar-c-1{color:var(--scalar-sidebar-color-1, var(--scalar-color-1))}.scalar-app .text-sidebar-c-search{color:var(--scalar-sidebar-search-color, var(--scalar-color-3))}.scalar-app .text-white{color:#fff}.scalar-app .opacity-40{opacity:.4}.scalar-app .outline-offset-1{outline-offset:1px}.scalar-app .outline-offset-\[-1px\]{outline-offset:-1px}.scalar-app .backdrop-blur{--tw-backdrop-blur: blur(8px);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, )}:is(.scalar-app .\*\:size-3>*){width:12px;height:12px}:is(.scalar-app .\*\:size-4>*){width:16px;height:16px}:is(.scalar-app .\*\:h-5>*){height:20px}:is(.scalar-app .\*\:min-w-5>*){min-width:20px}:is(.scalar-app .\*\:flex-1>*){flex:1}:is(.scalar-app .\*\:justify-center>*){justify-content:center}:is(.scalar-app .\*\:gap-px>*){gap:1px}:is(.scalar-app .\*\:rounded>*){border-radius:var(--scalar-radius)}:is(.scalar-app .\*\:border>*){border-style:var(--tw-border-style);border-width:var(--scalar-border-width)}:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:var(--scalar-tooltip-color)}@supports (color: color-mix(in lab,red,red)){:is(.scalar-app .\*\:border-border-tooltip>*){border-color:color-mix(in srgb,var(--scalar-tooltip-color),var(--scalar-tooltip-background))}}}}}:is(.scalar-app .\*\:px-1>*){padding-inline:4px}:is(.scalar-app .\*\:text-xs>*){font-size:var(--scalar-font-size-5)}@media (hover: hover){.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *){color:var(--scalar-color-1)}.scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *){background-color:var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color))}.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *){color:var(--scalar-color-1)}.scalar-app .group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *){opacity:1}}.scalar-app .group-focus-visible\/toggle\:outline:is(:where(.group\/toggle):focus-visible *){outline-style:var(--tw-outline-style);outline-width:1px}.scalar-app .placeholder\:font-\[inherit\]::-moz-placeholder{font-family:inherit}.scalar-app .placeholder\:font-\[inherit\]::placeholder{font-family:inherit}.scalar-app .first\:rounded-t-\[inherit\]:first-child,:is(.scalar-app .\*\:first\:rounded-t-\[inherit\]>*):first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.scalar-app .last\:rounded-b-\[inherit\]:last-child,:is(.scalar-app .\*\:last\:rounded-b-\[inherit\]>*):last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.scalar-app .focus-within\:outline-none:focus-within{--tw-outline-style: none;outline-style:none}@media (hover: hover){.scalar-app .hover\:bg-b-2:hover{background-color:var(--scalar-background-2)}.scalar-app .hover\:bg-b-3:hover{background-color:var(--scalar-background-3)}.scalar-app .hover\:bg-h-btn:hover{background-color:var(--scalar-button-1-hover)}.scalar-app .hover\:bg-sidebar-b-hover:hover{background-color:var(--scalar-sidebar-item-hover-background, var(--scalar-background-2))}.scalar-app .hover\:bg-linear-to-b:hover{--tw-gradient-position: to bottom}@supports (background-image: linear-gradient(in lab,red,red)){.scalar-app .hover\:bg-linear-to-b:hover{--tw-gradient-position: to bottom in oklab}}.scalar-app .hover\:bg-linear-to-b:hover{background-image:linear-gradient(var(--tw-gradient-stops))}.scalar-app .hover\:bg-linear-to-t:hover{--tw-gradient-position: to top}@supports (background-image: linear-gradient(in lab,red,red)){.scalar-app .hover\:bg-linear-to-t:hover{--tw-gradient-position: to top in oklab}}.scalar-app .hover\:bg-linear-to-t:hover{background-image:linear-gradient(var(--tw-gradient-stops))}.scalar-app .hover\:text-c-1:hover{color:var(--scalar-color-1)}.scalar-app .hover\:text-sidebar-c-1:hover{color:var(--scalar-sidebar-color-1, var(--scalar-color-1))}.scalar-app .hover\:text-sidebar-c-hover:hover{color:var(--scalar-sidebar-item-hover-color, var(--scalar-sidebar-color-2))}.scalar-app .hover\:underline:hover{text-decoration-line:underline}.scalar-app .hover\:brightness-90:hover{--tw-brightness: brightness(90%);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, )}}.scalar-app .focus-visible\:border-c-btn:focus-visible{border-color:var(--scalar-button-1-color)}.scalar-app .focus-visible\:opacity-100:focus-visible{opacity:1}.scalar-app .focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.scalar-app .active\:bg-b-btn:active{background-color:var(--scalar-button-1)}.scalar-app .active\:brightness-90:active{--tw-brightness: brightness(90%);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, )}.scalar-app .has-\[\:focus-visible\]\:bg-sidebar-b-1:has(:focus-visible){background-color:var(--scalar-sidebar-background-1, var(--scalar-background-1))}.scalar-app .has-\[\:focus-visible\]\:outline:has(:focus-visible),.scalar-app .has-\[input\:focus-visible\]\:outline:has(:is(input:focus-visible)){outline-style:var(--tw-outline-style);outline-width:1px}@media (min-width: 800px){.scalar-app .md\:w-\[calc\(100vw-16px\)\]{width:calc(100vw - 16px)}}@media (min-width: 1000px){.scalar-app .lg\:w-\[calc\(100vw-32px\)\]{width:calc(100vw - 32px)}.scalar-app .lg\:w-full{width:100%}}.scalar-app .dark\:bg-\(--bg-dark\):where(.dark-mode,.dark-mode *){background-color:var(--bg-dark)}.scalar-app .dark\:bg-b-3:where(.dark-mode,.dark-mode *){background-color:var(--scalar-background-3)}.scalar-app .dark\:bg-backdrop-dark:where(.dark-mode,.dark-mode *){background-color:#00000073}.scalar-app .dark\:bg-linear-to-t:where(.dark-mode,.dark-mode *){--tw-gradient-position: to top}@supports (background-image: linear-gradient(in lab,red,red)){.scalar-app .dark\:bg-linear-to-t:where(.dark-mode,.dark-mode *){--tw-gradient-position: to top in oklab}}.scalar-app .dark\:bg-linear-to-t:where(.dark-mode,.dark-mode *){background-image:linear-gradient(var(--tw-gradient-stops))}@media (hover: hover){.scalar-app .dark\:hover\:bg-b-3:where(.dark-mode,.dark-mode *):hover{background-color:var(--scalar-background-3)}.scalar-app .dark\:hover\:bg-linear-to-b:where(.dark-mode,.dark-mode *):hover{--tw-gradient-position: to bottom}@supports (background-image: linear-gradient(in lab,red,red)){.scalar-app .dark\:hover\:bg-linear-to-b:where(.dark-mode,.dark-mode *):hover{--tw-gradient-position: to bottom in oklab}}.scalar-app .dark\:hover\:bg-linear-to-b:where(.dark-mode,.dark-mode *):hover{background-image:linear-gradient(var(--tw-gradient-stops))}.scalar-app .dark\:hover\:bg-linear-to-t:where(.dark-mode,.dark-mode *):hover{--tw-gradient-position: to top}@supports (background-image: linear-gradient(in lab,red,red)){.scalar-app .dark\:hover\:bg-linear-to-t:where(.dark-mode,.dark-mode *):hover{--tw-gradient-position: to top in oklab}}.scalar-app .dark\:hover\:bg-linear-to-t:where(.dark-mode,.dark-mode *):hover{background-image:linear-gradient(var(--tw-gradient-stops))}}@media (max-width: 720px) and (max-height: 480px){.scalar-app .zoomed\:\!whitespace-normal{white-space:normal!important}}.loader-wrapper[data-v-8e99b97a]{--loader-size: 50%;justify-content:center;align-items:center;display:flex;position:relative}.svg-loader[data-v-8e99b97a]{width:var(--loader-size);height:var(--loader-size);fill:none;stroke:currentColor;background-color:#0000;top:1rem;right:.9rem;overflow:visible}.svg-path[data-v-8e99b97a]{stroke-width:12px;fill:none;transition:all .3s}.svg-x-mark[data-v-8e99b97a]{stroke-dasharray:57;stroke-dashoffset:57px;transition-delay:0s}.svg-check-mark[data-v-8e99b97a]{stroke-dasharray:149;stroke-dashoffset:149px;transition-delay:0s}.icon-is-invalid .svg-x-mark[data-v-8e99b97a],.icon-is-valid .svg-check-mark[data-v-8e99b97a]{stroke-dashoffset:0;transition-delay:.3s}.circular-loader[data-v-8e99b97a]{transform-origin:50%;background:none;animation:.7s linear infinite rotate-8e99b97a,.4s fade-in-8e99b97a;transform:scale(3.5)}.loader-path[data-v-8e99b97a]{stroke-dasharray:50 200;stroke-dashoffset:-100px;stroke-linecap:round}.loader-path-off[data-v-8e99b97a]{stroke-dasharray:50 200;stroke-dashoffset:-100px;opacity:0;transition:opacity .3s}.scalar-code-block:hover .scalar-code-copy[data-v-0295860a]{opacity:100}.copy-icon[data-v-0295860a],.check-icon[data-v-0295860a]{transition:transform .15s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.copy-icon.copied[data-v-0295860a],.check-icon[data-v-0295860a]{transform:translate(-50%,-50%)scale(0)}.check-icon.visible[data-v-0295860a]{transform:translate(-50%,-50%)scale(1)}.scalar-code-block{background:inherit;padding:10px 8px 12px 12px;position:relative;overflow:auto}.scalar-codeblock-pre{all:unset;text-wrap:nowrap;white-space-collapse:preserve;background:none;border-radius:0;width:-moz-fit-content;width:fit-content;margin:0}.toggle-icon-ellipse[data-v-60be8692]{background:var(--scalar-background-1);border-radius:50%;width:7px;height:7px;transition:width .3s ease-in-out,height .3s ease-in-out;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px}.toggle-icon-moon-mask[data-v-60be8692]{background:var(--scalar-background-1);border:1px solid;border-radius:50%;width:100%;height:100%;transition:transform .3s ease-in-out;display:block;position:absolute;bottom:2.5px;left:2.5px;transform:translate(4px,-4px)}.toggle-icon-sun-ray[data-v-60be8692]{background:currentColor;border-radius:8px;width:12px;height:1px;transition:transform .3s ease-in-out;position:absolute}.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(2){transform:rotate(90deg)}.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(3){transform:rotate(45deg)}.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(4){transform:rotate(-45deg)}.toggle-icon-dark .toggle-icon-ellipse[data-v-60be8692]{width:10px;height:10px;-webkit-mask-image:radial-gradient(circle at 0 100%,pink 10px,#0000 12px);mask-image:radial-gradient(circle at 0 100%,pink 10px,#0000 12px)}.toggle-icon-dark .toggle-icon-sun-ray[data-v-60be8692]{transform:scale(0)}.toggle-icon-dark .toggle-icon-moon-mask[data-v-60be8692]{transform:translateZ(0)}.scalar-icon[data-v-b651bb23],.scalar-icon[data-v-b651bb23] *{stroke-width:var(--c07589c2)}.scalar-app :where(code.hljs) *{font-size:inherit;font-family:var(--scalar-font-code);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.4}.scalar-app code.hljs{all:unset;font-size:inherit;color:var(--scalar-color-2);font-family:var(--scalar-font-code);counter-reset:linenumber}.scalar-app .hljs{color:var(--scalar-color-2);background:none}.scalar-app .hljs .line:before{color:var(--scalar-color-3);counter-increment:linenumber;content:counter(linenumber);min-width:calc(var(--line-digits) * 1ch);text-align:right;margin-right:.875rem;display:inline-block}.scalar-app .hljs-comment,.scalar-app .hljs-quote{color:var(--scalar-color-3);font-style:italic}.scalar-app .hljs-number{color:var(--scalar-color-orange)}.scalar-app .hljs-regexp,.scalar-app .hljs-string,.scalar-app .hljs-built_in{color:var(--scalar-color-blue)}.scalar-app .hljs-title.class_{color:var(--scalar-color-1)}.scalar-app .hljs-keyword{color:var(--scalar-color-purple)}.scalar-app .hljs-title.function_{color:var(--scalar-color-orange)}.scalar-app .hljs-subst,.scalar-app .hljs-name{color:var(--scalar-color-blue)}.scalar-app .hljs-attr,.scalar-app .hljs-attribute{color:var(--scalar-color-1)}.scalar-app .hljs-addition,.scalar-app .hljs-literal,.scalar-app .hljs-selector-tag,.scalar-app .hljs-type{color:var(--scalar-color-green)}.scalar-app .hljs-selector-attr,.scalar-app .hljs-selector-pseudo{color:var(--scalar-color-orange)}.scalar-app .hljs-doctag,.scalar-app .hljs-section,.scalar-app .hljs-title{color:var(--scalar-color-blue)}.scalar-app .hljs-selector-id,.scalar-app .hljs-template-variable,.scalar-app .hljs-variable{color:var(--scalar-color-1)}.scalar-app .hljs-name,.scalar-app .hljs-section,.scalar-app .hljs-strong{font-weight:var(--scalar-semibold)}.scalar-app .hljs-bullet,.scalar-app .hljs-link,.scalar-app .hljs-meta,.scalar-app .hljs-symbol{color:var(--scalar-color-blue)}.scalar-app .hljs-deletion{color:var(--scalar-color-red)}.scalar-app .hljs-formula{background:var(--scalar-color-1)}.scalar-app .hljs-emphasis{font-style:italic}.scalar-app .credential .credential-value{color:#0000;font-size:0}.scalar-app .credential:after{content:"·····";color:var(--scalar-color-3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hljs.language-html{color:var(--scalar-color-1)}.hljs.language-html .hljs-attr{color:var(--scalar-color-2)}.hljs.language-curl .hljs-string{color:var(--scalar-color-blue)}.hljs.language-curl .hljs-literal{color:var(--scalar-color-1)}.hljs.language-php .hljs-variable{color:var(--scalar-color-blue)}.hljs.language-objectivec .hljs-meta{color:var(--scalar-color-1)}.hljs.language-objectivec .hljs-built_in,.hljs-built_in{color:var(--scalar-color-orange)}.scalar-app .markdown{--scalar-refs-heading-spacing: 24px;--markdown-border: var(--scalar-border-width) solid var(--scalar-border-color);--markdown-spacing-sm: 12px;--markdown-spacing-md: 16px;--markdown-line-height: 1.625;font-family:var(--scalar-font);word-break:break-word}.scalar-app .markdown>*{margin-bottom:var(--markdown-spacing-md)}.scalar-app .markdown>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):last-child{margin-bottom:0}.scalar-app .markdown h1{--font-size: 1.5rem;--markdown-line-height: 32px}.scalar-app .markdown h2,.scalar-app .markdown h3{--font-size: 1.25rem;--markdown-line-height: 1.3}.scalar-app .markdown h4,.scalar-app .markdown h5,.scalar-app .markdown h6{--font-size: 1rem}.scalar-app .markdown h1,.scalar-app .markdown h2,.scalar-app .markdown h3,.scalar-app .markdown h4,.scalar-app .markdown h5,.scalar-app .markdown h6{font-size:var(--font-size);font-weight:var(--scalar-bold);margin-top:var(--scalar-refs-heading-spacing);margin-bottom:var(--markdown-spacing-sm);scroll-margin-top:1rem;display:block}.scalar-app .markdown b,.scalar-app .markdown strong{font-weight:var(--scalar-bold)}.scalar-app .markdown p{color:inherit;line-height:var(--markdown-line-height);display:block}.scalar-app .markdown img{border-radius:var(--scalar-radius);max-width:100%;display:inline-block;overflow:hidden}.scalar-app .markdown ul,.scalar-app .markdown ol{line-height:var(--markdown-line-height);flex-direction:column;gap:2px;padding-left:1.6em;display:flex}.scalar-app .markdown li{margin-top:2px;padding-left:7px}.scalar-app ol>li::marker{font:var(--scalar-font);font-variant-numeric:tabular-nums;font-weight:var(--scalar-semibold);white-space:nowrap}.scalar-app ol>*>li::marker{font:var(--scalar-font);font-variant-numeric:tabular-nums;font-weight:var(--scalar-semibold);white-space:nowrap}.scalar-app .markdown ol{list-style-type:decimal}.scalar-app .markdown ol ol{list-style-type:lower-alpha}.scalar-app .markdown ol ol ol ol,.scalar-app .markdown ol ol ol ol ol ol ol{list-style-type:decimal}.scalar-app .markdown ol ol ol ol ol,.scalar-app .markdown ol ol ol ol ol ol ol ol{list-style-type:lower-alpha}.scalar-app .markdown ol ol ol,.scalar-app .markdown ol ol ol ol ol ol,.scalar-app .markdown ol ol ol ol ol ol ol ol ol{list-style-type:lower-roman}.scalar-app .markdown ul>li,.scalar-app .markdown ul>*>li{list-style-type:disc}.scalar-app .markdown table{table-layout:fixed;border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:var(--scalar-radius);border-spacing:0;width:100%;margin:1em 0;display:table;position:relative;overflow-x:auto}.scalar-app .markdown tbody,.scalar-app .markdown thead{vertical-align:middle}.scalar-app .markdown tbody{display:table-row-group}.scalar-app .markdown thead{display:table-header-group}.scalar-app .markdown tr{border-color:inherit;vertical-align:inherit;display:table-row}.scalar-app .markdown td,.scalar-app .markdown th{vertical-align:top;min-width:1em;line-height:var(--markdown-line-height);word-break:break-word;font-size:var(--scalar-small);color:var(--scalar-color-1);border-right:var(--markdown-border);border-bottom:var(--markdown-border);padding:8.5px 16px;display:table-cell;position:relative}.scalar-app .markdown td>*,.scalar-app .markdown th>*{margin-bottom:0}.scalar-app .markdown th:empty{display:none}.scalar-app .markdown td:first-of-type,.scalar-app .markdown th:first-of-type{border-left:none}.scalar-app .markdown td:last-of-type,.scalar-app .markdown th:last-of-type{border-right:none}.scalar-app .markdown tr:last-of-type td{border-bottom:none}.scalar-app .markdown th{font-weight:var(--scalar-bold);text-align:left;background:var(--scalar-background-2);border-left-color:#0000}.scalar-app .markdown th:first-of-type{border-top-left-radius:var(--scalar-radius)}.scalar-app .markdown th:last-of-type{border-top-right-radius:var(--scalar-radius)}.scalar-app .markdown tr>[align=left]{text-align:left}.scalar-app .markdown tr>[align=right]{text-align:right}.scalar-app .markdown tr>[align=center]{text-align:center}.scalar-app .markdown details{border:var(--markdown-border);border-radius:var(--scalar-radius);color:var(--scalar-color-1)}.scalar-app .markdown details>:not(summary){margin:var(--markdown-spacing-md);margin-bottom:0}.scalar-app .markdown details>p:has(>strong):not(:has(:not(strong))){margin-bottom:8px}.scalar-app .markdown details>p:has(>strong):not(:has(:not(strong)))+*{margin-top:0}.scalar-app .markdown details>table{width:calc(100% - calc(var(--markdown-spacing-md) * 2))}.scalar-app .markdown summary{min-height:40px;font-weight:var(--scalar-semibold);line-height:var(--markdown-line-height);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:2.5px;align-items:flex-start;gap:8px;padding:7px 14px;display:flex;position:relative}.scalar-app .markdown summary:hover{background-color:var(--scalar-background-2)}.scalar-app .markdown details[open]{padding-bottom:var(--markdown-spacing-md)}.scalar-app .markdown details[open]>summary{border-bottom:var(--markdown-border);border-bottom-right-radius:0;border-bottom-left-radius:0}.scalar-app .markdown summary:before{content:"";width:var(--markdown-spacing-md);height:var(--markdown-spacing-md);background-color:var(--scalar-color-3);flex-shrink:0;margin-top:5px;display:block;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="1em" height="1em"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="1em" height="1em"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>')}.scalar-app .markdown summary:hover:before{background-color:var(--scalar-color-1)}.scalar-app .markdown details[open]>summary:before{transition:transform .1s ease-in-out;transform:rotate(90deg)}.scalar-app .markdown details:has(+details){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.scalar-app .markdown details:has(+details)+details,.scalar-app .markdown details:has(+details)+details>summary{border-top-left-radius:0;border-top-right-radius:0}.scalar-app .markdown a{--font-color: var(--scalar-link-color, var(--scalar-color-accent));--font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));-webkit-text-decoration:var(--scalar-text-decoration);text-decoration:var(--scalar-text-decoration);color:var(--font-color);font-weight:var(--scalar-link-font-weight, var(--scalar-semibold));text-underline-offset:.25rem;text-decoration-thickness:1px;text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{-webkit-text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{-webkit-text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{-webkit-text-decoration-color:color-mix(in srgb,var(--font-color) 30%,transparent)}}}.scalar-app .markdown a{text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{-webkit-text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{-webkit-text-decoration-color:color-mix(in srgb,var(--font-color) 30%,transparent)}}.scalar-app .markdown a{text-decoration-color:var(--font-color)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown a{text-decoration-color:color-mix(in srgb,var(--font-color) 30%,transparent)}}}}.scalar-app .markdown a:hover{color:var(--scalar-link-color-hover, var(--scalar-color-accent));-webkit-text-decoration:var(--scalar-text-decoration-hover);text-decoration:var(--scalar-text-decoration-hover)}.scalar-app .markdown a:visited{color:var(--font-visited)}.scalar-app .markdown em{font-style:italic}.scalar-app .markdown sup,.scalar-app .markdown sub{font-size:var(--scalar-micro);font-weight:450}.scalar-app .markdown sup{vertical-align:super}.scalar-app .markdown sub{vertical-align:sub}.scalar-app .markdown del{text-decoration:line-through}.scalar-app .markdown code{font-family:var(--scalar-font-code);background-color:var(--scalar-background-2);box-shadow:0 0 0 var(--scalar-border-width) var(--scalar-border-color);font-size:var(--scalar-micro);border-radius:2px;padding:0 3px}.scalar-app .markdown .hljs{font-size:var(--scalar-small)}.scalar-app .markdown pre code{white-space:pre;padding:var(--markdown-spacing-sm);margin:var(--markdown-spacing-sm) 0;-webkit-overflow-scrolling:touch;min-width:100px;max-width:100%;line-height:1.5;display:block;overflow-x:auto}.scalar-app .markdown hr{border:none;border-bottom:var(--markdown-border)}.scalar-app .markdown blockquote{border-left:1px solid var(--scalar-color-1);padding-left:var(--markdown-spacing-md);font-weight:var(--scalar-bold);font-size:var(--scalar-font-size-2);margin:0;display:block}.scalar-app .markdown li.task-list-item{list-style:none;position:relative}.scalar-app .markdown li.task-list-item>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--markdown-spacing-md);height:var(--markdown-spacing-md);border:1px solid var(--scalar-color-3);border-radius:var(--scalar-radius);display:inline;position:absolute;top:.225em;left:-1.4em}.scalar-app .markdown li.task-list-item>input[type=checkbox]:checked{background-color:var(--scalar-color-1);border-color:var(--scalar-color-1)}.scalar-app .markdown li.task-list-item>input[type=checkbox]:before{content:"";border:solid var(--scalar-background-1);opacity:0;border-width:0 1.5px 1.5px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.scalar-app .markdown li.task-list-item>input[type=checkbox]:checked:before{opacity:1}.scalar-app .markdown .markdown-alert{border-radius:var(--scalar-radius);background-color:var(--scalar-background-2);align-items:stretch}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert{background-color:var(--scalar-background-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert{background-color:var(--scalar-background-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert{background-color:color-mix(in srgb,var(--scalar-background-2),transparent)}}}}.scalar-app .markdown .markdown-alert{border:var(--markdown-border);gap:var(--markdown-spacing-sm);padding:10px 14px;display:flex;position:relative}.scalar-app .markdown .markdown-alert .markdown-alert-icon:before{content:"";background-color:currentColor;flex-shrink:0;width:18px;height:18px;margin-top:3px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scalar-app .markdown .markdown-alert.markdown-alert-note{background-color:var(--scalar-color-blue)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{background-color:var(--scalar-color-blue)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{background-color:var(--scalar-color-blue)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{background-color:color-mix(in srgb,var(--scalar-color-blue),transparent 97%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-note{border:var(--scalar-border-width) solid var(--scalar-color-blue)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{border:var(--scalar-border-width) solid var(--scalar-color-blue)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{border:var(--scalar-border-width) solid var(--scalar-color-blue)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-note{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-blue),transparent 50%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-tip{background-color:var(--scalar-color-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{background-color:var(--scalar-color-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{background-color:var(--scalar-color-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{background-color:color-mix(in srgb,var(--scalar-color-2),transparent 97%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-tip{border:var(--scalar-border-width) solid var(--scalar-color-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{border:var(--scalar-border-width) solid var(--scalar-color-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{border:var(--scalar-border-width) solid var(--scalar-color-2)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-tip{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-2),transparent 50%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-note .markdown-alert-icon:before,.scalar-app .markdown .markdown-alert.markdown-alert-tip .markdown-alert-icon:before{color:var(--scalar-color-blue);-webkit-mask-image:url('data:image/svg+xml,<svg data-v-852d534d="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" class="icon-placeholder"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg>');mask-image:url('data:image/svg+xml,<svg data-v-852d534d="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" class="icon-placeholder"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg>')}.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{background-color:var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{background-color:var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{background-color:var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{background-color:color-mix(in srgb,var(--scalar-color-orange),transparent 97%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{border:var(--scalar-border-width) solid var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{border:var(--scalar-border-width) solid var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{border:var(--scalar-border-width) solid var(--scalar-color-orange)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-important,.scalar-app .markdown .markdown-alert.markdown-alert-warning{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-orange),transparent 50%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-important .markdown-alert-icon:before,.scalar-app .markdown .markdown-alert.markdown-alert-warning .markdown-alert-icon:before{-webkit-mask-image:url('data:image/svg+xml,<svg data-v-852d534d="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" class="icon-placeholder"><path d="M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z"></path></svg>');mask-image:url('data:image/svg+xml,<svg data-v-852d534d="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" class="icon-placeholder"><path d="M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z"></path></svg>')}.scalar-app .markdown .markdown-alert.markdown-alert-caution{background-color:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{background-color:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{background-color:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{background-color:color-mix(in srgb,var(--scalar-color-red),transparent 97%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-caution{border:var(--scalar-border-width) solid var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{border:var(--scalar-border-width) solid var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{border:var(--scalar-border-width) solid var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-caution{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-red),transparent 50%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-caution .markdown-alert-icon:before{color:var(--scalar-color-red);-webkit-mask-image:url('data:image/svg+xml,<svg data-v-852d534d="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" class="icon-placeholder"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z"></path></svg>');mask-image:url('data:image/svg+xml,<svg data-v-852d534d="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" class="icon-placeholder"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z"></path></svg>')}.scalar-app .markdown .markdown-alert.markdown-alert-success{background-color:var(--scalar-color-green)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{background-color:var(--scalar-color-green)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{background-color:var(--scalar-color-green)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{background-color:color-mix(in srgb,var(--scalar-color-green),transparent 97%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-success{border:var(--scalar-border-width) solid var(--scalar-color-green)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{border:var(--scalar-border-width) solid var(--scalar-color-green)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{border:var(--scalar-border-width) solid var(--scalar-color-green)}@supports (color: color-mix(in lab,red,red)){.scalar-app .markdown .markdown-alert.markdown-alert-success{border:var(--scalar-border-width) solid color-mix(in srgb,var(--scalar-color-green),transparent 50%)}}}}.scalar-app .markdown .markdown-alert.markdown-alert-success .markdown-alert-icon:before{color:var(--scalar-color-green);-webkit-mask-image:url('data:image/svg+xml,<svg data-v-852d534d="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" class="icon-placeholder"><path d="M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"></path></svg>');mask-image:url('data:image/svg+xml,<svg data-v-852d534d="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" class="icon-placeholder"><path d="M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"></path></svg>')}.scalar-app .markdown .markdown-alert.markdown-alert-note .markdown-alert-icon:before{color:var(--scalar-color-blue)}.scalar-app .markdown .markdown-alert.markdown-alert-tip .markdown-alert-icon:before{color:var(--scalar-color-2)}.scalar-app .markdown .markdown-alert.markdown-alert-important .markdown-alert-icon:before{color:var(--scalar-color-purple)}.scalar-app .markdown .markdown-alert.markdown-alert-warning .markdown-alert-icon:before{color:var(--scalar-color-orange)}.scalar-app .markdown .markdown-alert .markdown-alert-content{line-height:var(--markdown-line-height);margin:0}.scalar-app .markdown.markdown-summary.markdown-summary :before,.scalar-app .markdown.markdown-summary.markdown-summary :after{content:none}.scalar-app .markdown.markdown-summary.markdown-summary :not(strong,em,a){font-size:inherit;font-weight:inherit;line-height:var(--markdown-line-height);display:contents}.scalar-app .markdown.markdown-summary.markdown-summary img,.scalar-app .markdown.markdown-summary.markdown-summary svg,.scalar-app .markdown.markdown-summary.markdown-summary hr,.scalar-app .markdown.markdown-summary.markdown-summary pre{display:none}.dark-mode .scalar-dropdown-item[data-v-12a6b6d1]:hover{filter:brightness(1.1)}.group\/item>*>.scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68]{inset-block:-1px}.group\/item:first-child>*>.scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68]{top:0}.group\/item:last-child>*>.scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68]{bottom:0}.group\/items.-translate-x-full .group\/button{transition-behavior:allow-discrete;max-height:0;transition-property:display,max-height;transition-duration:0s;transition-delay:.3s;display:none}.group\/item.group\/nested-items-open>*>.group\/items.translate-x-0 .group\/button{max-height:3.40282e38px;display:flex}.group\/sidebar-section:first-of-type>.group\/spacer-before,.group\/sidebar-section:last-of-type>.group\/spacer-after{height:0}.group\/sidebar-section:has(+.group\/sidebar-section)>.group\/spacer-after{height:0;margin-bottom:-1px}:where(body)>.scalar-tooltip{--scalar-tooltip-padding: 8px;padding:calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));z-index:99999;max-width:320px;font-size:var(--scalar-font-size-5);--tw-leading: var(--scalar-line-height-5);line-height:var(--scalar-line-height-5);--tw-font-weight: var(--scalar-semibold);font-weight:var(--scalar-semibold);overflow-wrap:break-word;color:var(--scalar-tooltip-color)}:where(body)>.scalar-tooltip:before{content:"";inset:var(--scalar-tooltip-offset);z-index:-1;border-radius:var(--scalar-radius);background-color:var(--scalar-tooltip-background);--tw-backdrop-blur: blur(8px);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, );position:absolute}:where(body.dark-mode)>.scalar-tooltip:before{--tw-shadow: inset 0 0 0 var(--tw-shadow-color, calc(var(--scalar-border-width) * 2)) var(--scalar-border-color);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark-mode .scalar-dropdown-item[data-v-ab7c0c49]:hover{filter:brightness(1.1)}.scalar-modal-layout[data-v-c1e93776]{animation:.3s ease-in-out forwards fadein-layout-c1e93776}.scalar-modal[data-v-c1e93776]{box-shadow:var(--scalar-shadow-2);animation:.3s ease-in-out .1s forwards fadein-modal-c1e93776;transform:translateY(10px)}.scalar-modal-layout-full[data-v-c1e93776]{opacity:1!important;background:none!important}.modal-content-search .modal-body[data-v-c1e93776]{flex-direction:column;max-height:440px;padding:0;display:flex;overflow:hidden}@media (max-width: 720px) and (max-height: 480px){.scalar-modal-layout .scalar-modal[data-v-c1e93776]{max-height:90svh;margin-top:5svh}}.full-size-styles[data-v-c1e93776]{margin:initial;border-right:var(--scalar-border-width) solid var(--scalar-border-color);animation:.3s ease-in-out forwards fadein-layout-c1e93776;left:0;transform:translate(0);background-color:var(--scalar-background-1)!important;max-height:100%!important;box-shadow:none!important;border-radius:0!important;position:absolute!important;top:0!important}@media (min-width: 800px){.full-size-styles[data-v-c1e93776]{width:50dvw!important}}.full-size-styles[data-v-c1e93776]:after{content:"";width:50dvw;height:100dvh;position:absolute;top:0;right:-50dvw}.sidebar-heading-type[data-v-1857170e]{text-transform:uppercase;color:var(--method-color, var(--scalar-color-1));font-size:10px;line-height:14px;font-weight:var(--scalar-bold);font-family:var(--scalar-font-code);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.scalar-app .pointer-events-auto{pointer-events:auto}.scalar-app .pointer-events-none{pointer-events:none}.scalar-app .collapse{visibility:collapse}.scalar-app .visible{visibility:visible}.scalar-app .floating-bg:before{background-color:var(--scalar-background-2);border-radius:var(--scalar-radius);content:"";opacity:0;z-index:1;width:calc(100% + 8px);height:calc(100% - 4px);transition:opacity .2s ease-in-out;position:absolute;top:2.5px;left:-4px}.scalar-app .floating-bg:hover:before{opacity:1}.scalar-app .centered{--tw-translate-y: -50%;--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y);position:absolute;top:50%;left:50%}.scalar-app .centered-y{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y);position:absolute;top:50%}.scalar-app .centered-x{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y);position:absolute;left:50%}.scalar-app .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scalar-app .absolute{position:absolute}.scalar-app .fixed{position:fixed}.scalar-app .relative{position:relative}.scalar-app .static{position:static}.scalar-app .sticky{position:sticky}.scalar-app .inset-0{inset:0}.scalar-app .inset-x-0{inset-inline:0}.scalar-app .inset-x-1{inset-inline:4px}.scalar-app .-top-\(--scalar-address-bar-height\){top:calc(var(--scalar-address-bar-height) * -1)}.scalar-app .-top-\[104px\]{top:-104px}.scalar-app .top-0{top:0}.scalar-app .top-2{top:8px}.scalar-app .top-12{top:48px}.scalar-app .top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.scalar-app .-right-\[30px\]{right:-30px}.scalar-app .right-0{right:0}.scalar-app .right-1{right:4px}.scalar-app .right-1\.5{right:6px}.scalar-app .right-1\/2{right:50%}.scalar-app .right-2{right:8px}.scalar-app .right-4{right:16px}.scalar-app .right-7{right:28px}.scalar-app .right-14{right:56px}.scalar-app .right-16{right:64px}.scalar-app .bottom-0{bottom:0}.scalar-app .bottom-1{bottom:4px}.scalar-app .bottom-1\/2{bottom:50%}.scalar-app .bottom-\[var\(--scalar-border-width\)\]{bottom:var(--scalar-border-width)}.scalar-app .left-0{left:0}.scalar-app .left-1\/2{left:50%}.scalar-app .left-3{left:12px}.scalar-app .-z-1{z-index:-1}.scalar-app .z-0{z-index:0}.scalar-app .z-1{z-index:1}.scalar-app .z-10{z-index:10}.scalar-app .z-20{z-index:20}.scalar-app .z-50{z-index:50}.scalar-app .z-\[1\]{z-index:1}.scalar-app .z-\[1002\]{z-index:1002}.scalar-app .z-\[10000\]{z-index:10000}.scalar-app .z-\[10001\]{z-index:10001}.scalar-app .z-context{z-index:1000}.scalar-app .z-context-plus{z-index:1001}.scalar-app .z-overlay{z-index:10000}.scalar-app .order-last{order:9999}.scalar-app .col-span-full{grid-column:1 / -1}.scalar-app .container{width:100%}@media (min-width: 400px){.scalar-app .container{max-width:400px}}@media (min-width: 600px){.scalar-app .container{max-width:600px}}@media (min-width: 800px){.scalar-app .container{max-width:800px}}@media (min-width: 1000px){.scalar-app .container{max-width:1000px}}@media (min-width: 1200px){.scalar-app .container{max-width:1200px}}@media (min-width: 96rem){.scalar-app .container{max-width:96rem}}.scalar-app .\!m-0{margin:0!important}.scalar-app .-m-0\.5{margin:-2px}.scalar-app .m-0{margin:0}.scalar-app .m-4{margin:16px}.scalar-app .m-auto{margin:auto}.scalar-app .m-header{margin:48px}.scalar-app .-mx-0\.25{margin-inline:-1px}.scalar-app .mx-auto{margin-inline:auto}.scalar-app .-my-1{margin-block:-4px}.scalar-app .my-12{margin-block:48px}.scalar-app .-mt-\[\.5px\]{margin-top:-.5px}.scalar-app .mt-0\.25{margin-top:1px}.scalar-app .mt-1{margin-top:4px}.scalar-app .mt-1\.5{margin-top:6px}.scalar-app .mt-2{margin-top:8px}.scalar-app .mt-3{margin-top:12px}.scalar-app .mt-5{margin-top:20px}.scalar-app .mt-10{margin-top:40px}.scalar-app .mt-\[0\.5px\]{margin-top:.5px}.scalar-app .mt-auto{margin-top:auto}.scalar-app .\!mr-0{margin-right:0!important}.scalar-app .-mr-0\.5{margin-right:-2px}.scalar-app .-mr-1{margin-right:-4px}.scalar-app .-mr-1\.5{margin-right:-6px}.scalar-app .-mr-3{margin-right:-12px}.scalar-app .mr-0\.5{margin-right:2px}.scalar-app .mr-0\.75{margin-right:3px}.scalar-app .mr-1{margin-right:4px}.scalar-app .mr-1\.5{margin-right:6px}.scalar-app .mr-1\.25{margin-right:5px}.scalar-app .mr-2{margin-right:8px}.scalar-app .mr-2\.5{margin-right:10px}.scalar-app .mr-3{margin-right:12px}.scalar-app .mr-\[6\.25px\]{margin-right:6.25px}.scalar-app .mr-auto{margin-right:auto}.scalar-app .\!mb-0{margin-bottom:0!important}.scalar-app .-mb-\[var\(--scalar-border-width\)\]{margin-bottom:calc(var(--scalar-border-width) * -1)}.scalar-app .mb-0{margin-bottom:0}.scalar-app .mb-1{margin-bottom:4px}.scalar-app .mb-1\.5{margin-bottom:6px}.scalar-app .mb-2{margin-bottom:8px}.scalar-app .mb-4{margin-bottom:16px}.scalar-app .mb-\[\.5px\]{margin-bottom:.5px}.scalar-app .-ml-0\.5{margin-left:-2px}.scalar-app .-ml-0\.25{margin-left:-1px}.scalar-app .-ml-1{margin-left:-4px}.scalar-app .-ml-2{margin-left:-8px}.scalar-app .-ml-12{margin-left:-48px}.scalar-app .ml-0\.5{margin-left:2px}.scalar-app .ml-0\.75{margin-left:3px}.scalar-app .ml-1{margin-left:4px}.scalar-app .ml-1\.25{margin-left:5px}.scalar-app .ml-3{margin-left:12px}.scalar-app .ml-auto{margin-left:auto}.scalar-app .box-border{box-sizing:border-box}.scalar-app .box-content{box-sizing:content-box}.scalar-app .flex-center{justify-content:center;align-items:center;display:flex}.scalar-app .line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scalar-app .\!block{display:block!important}.scalar-app .\!flex{display:flex!important}.scalar-app .block{display:block}.scalar-app .contents{display:contents}.scalar-app .flex{display:flex}.scalar-app .grid{display:grid}.scalar-app .hidden{display:none}.scalar-app .inline{display:inline}.scalar-app .inline-block{display:inline-block}.scalar-app .inline-flex{display:inline-flex}.scalar-app .table{display:table}.scalar-app .aspect-\[4\/3\]{aspect-ratio:4 / 3}.scalar-app .aspect-square{aspect-ratio:1}.scalar-app .size-2\.5{width:10px;height:10px}.scalar-app .size-3{width:12px;height:12px}.scalar-app .size-3\.5{width:14px;height:14px}.scalar-app .size-3\/4{width:75%;height:75%}.scalar-app .size-4{width:16px;height:16px}.scalar-app .size-5{width:20px;height:20px}.scalar-app .size-6{width:24px;height:24px}.scalar-app .size-7{width:28px;height:28px}.scalar-app .size-8{width:32px;height:32px}.scalar-app .size-10{width:40px;height:40px}.scalar-app .size-full{width:100%;height:100%}.scalar-app .h-\(--scalar-address-bar-height\){height:var(--scalar-address-bar-height)}.scalar-app .h-1\.5{height:6px}.scalar-app .h-2\.5{height:10px}.scalar-app .h-2\.25{height:9px}.scalar-app .h-3{height:12px}.scalar-app .h-3\.5{height:14px}.scalar-app .h-4{height:16px}.scalar-app .h-5{height:20px}.scalar-app .h-6{height:24px}.scalar-app .h-7{height:28px}.scalar-app .h-8{height:32px}.scalar-app .h-9{height:36px}.scalar-app .h-10{height:40px}.scalar-app .h-12{height:48px}.scalar-app .h-16{height:64px}.scalar-app .h-64{height:256px}.scalar-app .h-\[68px\]{height:68px}.scalar-app .h-\[calc\(100\%-273\.5px\)\]{height:calc(100% - 273.5px)}.scalar-app .h-\[calc\(100\%_-_50px\)\]{height:calc(100% - 50px)}.scalar-app .h-auto{height:auto}.scalar-app .h-fit{height:-moz-fit-content;height:fit-content}.scalar-app .h-full{height:100%}.scalar-app .h-header{height:48px}.scalar-app .h-min{height:-moz-min-content;height:min-content}.scalar-app .h-px{height:1px}.scalar-app .h-screen{height:100vh}.scalar-app .\!max-h-\[initial\]{max-height:initial!important}.scalar-app .max-h-8{max-height:32px}.scalar-app .max-h-40{max-height:160px}.scalar-app .max-h-80{max-height:320px}.scalar-app .max-h-\[40dvh\]{max-height:40dvh}.scalar-app .max-h-\[50dvh\]{max-height:50dvh}.scalar-app .max-h-\[60svh\]{max-height:60svh}.scalar-app .max-h-\[auto\]{max-height:auto}.scalar-app .max-h-\[calc\(100\%-32px\)\]{max-height:calc(100% - 32px)}.scalar-app .max-h-\[inherit\]{max-height:inherit}.scalar-app .max-h-fit{max-height:-moz-fit-content;max-height:fit-content}.scalar-app .max-h-screen{max-height:100vh}.scalar-app .\!min-h-full{min-height:100%!important}.scalar-app .min-h-0{min-height:0}.scalar-app .min-h-8{min-height:32px}.scalar-app .min-h-10{min-height:40px}.scalar-app .min-h-11{min-height:44px}.scalar-app .min-h-12{min-height:48px}.scalar-app .min-h-16{min-height:64px}.scalar-app .min-h-20{min-height:80px}.scalar-app .min-h-\[64px\]{min-height:64px}.scalar-app .min-h-\[65px\]{min-height:65px}.scalar-app .min-h-\[calc\(1rem\*4\)\]{min-height:4rem}.scalar-app .min-h-\[calc\(4rem\+0\.5px\)\]{min-height:calc(4rem + .5px)}.scalar-app .min-h-\[calc\(4rem\+1px\)\]{min-height:calc(4rem + 1px)}.scalar-app .min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.scalar-app .\!w-fit{width:-moz-fit-content!important;width:fit-content!important}.scalar-app .w-0\.5{width:2px}.scalar-app .w-1\.5{width:6px}.scalar-app .w-1\/2{width:50%}.scalar-app .w-2\.5{width:10px}.scalar-app .w-2\.25{width:9px}.scalar-app .w-3{width:12px}.scalar-app .w-3\.5{width:14px}.scalar-app .w-4{width:16px}.scalar-app .w-5{width:20px}.scalar-app .w-6{width:24px}.scalar-app .w-7{width:28px}.scalar-app .w-8{width:32px}.scalar-app .w-10{width:40px}.scalar-app .w-16{width:64px}.scalar-app .w-20{width:80px}.scalar-app .w-56{width:224px}.scalar-app .w-64{width:256px}.scalar-app .w-72{width:288px}.scalar-app .w-\[60px\]{width:60px}.scalar-app .w-\[100px\]{width:100px}.scalar-app .w-\[150px\]{width:150px}.scalar-app .w-\[calc\(100\%-10px\)\]{width:calc(100% - 10px)}.scalar-app .w-\[calc\(100\%_-_8px\)\]{width:calc(100% - 8px)}.scalar-app .w-\[inherit\]{width:inherit}.scalar-app .w-auto{width:auto}.scalar-app .w-dvw{width:100dvw}.scalar-app .w-fit{width:-moz-fit-content;width:fit-content}.scalar-app .w-full{width:100%}.scalar-app .w-max{width:-moz-max-content;width:max-content}.scalar-app .max-w-8{max-width:32px}.scalar-app .max-w-40{max-width:160px}.scalar-app .max-w-\[14px\]{max-width:14px}.scalar-app .max-w-\[16rem\]{max-width:16rem}.scalar-app .max-w-\[37px\]{max-width:37px}.scalar-app .max-w-\[100\%\]{max-width:100%}.scalar-app .max-w-\[150px\]{max-width:150px}.scalar-app .max-w-\[380px\]{max-width:380px}.scalar-app .max-w-\[420px\]{max-width:420px}.scalar-app .max-w-\[720px\]{max-width:720px}.scalar-app .max-w-\[calc\(100dvw-24px\)\]{max-width:calc(100dvw - 24px)}.scalar-app .max-w-full{max-width:100%}.scalar-app .min-w-0{min-width:0}.scalar-app .min-w-2\.25{min-width:9px}.scalar-app .min-w-3\.5{min-width:14px}.scalar-app .min-w-4{min-width:16px}.scalar-app .min-w-8{min-width:32px}.scalar-app .min-w-32{min-width:128px}.scalar-app .min-w-48{min-width:192px}.scalar-app .min-w-\[37px\]{min-width:37px}.scalar-app .min-w-\[100px\]{min-width:100px}.scalar-app .min-w-\[150px\]{min-width:150px}.scalar-app .min-w-\[296px\]{min-width:296px}.scalar-app .min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.scalar-app .min-w-full{min-width:100%}.scalar-app .flex-1{flex:1}.scalar-app .flex-shrink{flex-shrink:1}.scalar-app .shrink-0{flex-shrink:0}.scalar-app .flex-grow{flex-grow:1}.scalar-app .-translate-x-1\/2{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .translate-x-0{--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .translate-x-1\/2{--tw-translate-x: 50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .translate-y-1\/2{--tw-translate-y: 50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .scale-75{--tw-scale-x: 75%;--tw-scale-y: 75%;--tw-scale-z: 75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scalar-app .rotate-90{rotate:90deg}.scalar-app .rotate-180{rotate:180deg}.scalar-app .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.scalar-app .cursor-auto{cursor:auto}.scalar-app .cursor-default{cursor:default}.scalar-app .cursor-grab{cursor:grab}.scalar-app .cursor-help{cursor:help}.scalar-app .cursor-not-allowed{cursor:not-allowed}.scalar-app .cursor-pointer{cursor:pointer}.scalar-app .cursor-text{cursor:text}.scalar-app .resize{resize:both}.scalar-app .resize-none{resize:none}.scalar-app .auto-rows-\[32px\]{grid-auto-rows:32px}.scalar-app .auto-rows-auto{grid-auto-rows:auto}.scalar-app .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.scalar-app .grid-cols-\[44px_1fr_repeat\(3\,auto\)\]{grid-template-columns:44px 1fr repeat(3,auto)}.scalar-app .grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.scalar-app .grid-cols-\[repeat\(auto-fill\,minmax\(32px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}.scalar-app .flex-col{flex-direction:column}.scalar-app .flex-row{flex-direction:row}.scalar-app .flex-wrap{flex-wrap:wrap}.scalar-app .content-between{align-content:space-between}.scalar-app .content-start{align-content:flex-start}.scalar-app .items-center{align-items:center}.scalar-app .items-end{align-items:flex-end}.scalar-app .items-start{align-items:flex-start}.scalar-app .items-stretch{align-items:stretch}.scalar-app .justify-between{justify-content:space-between}.scalar-app .justify-center{justify-content:center}.scalar-app .justify-end{justify-content:flex-end}.scalar-app .justify-start{justify-content:flex-start}.scalar-app .justify-stretch{justify-content:stretch}.scalar-app .\!gap-2{gap:8px!important}.scalar-app .gap-0\.5{gap:2px}.scalar-app .gap-0\.75{gap:3px}.scalar-app .gap-1{gap:4px}.scalar-app .gap-1\.5{gap:6px}.scalar-app .gap-1\.75{gap:7px}.scalar-app .gap-2{gap:8px}.scalar-app .gap-2\.5{gap:10px}.scalar-app .gap-3{gap:12px}.scalar-app .gap-4{gap:16px}.scalar-app .gap-6{gap:24px}.scalar-app .gap-8{gap:32px}.scalar-app .gap-10{gap:40px}.scalar-app .gap-12{gap:48px}.scalar-app .gap-\[1\.5px\]{gap:1.5px}.scalar-app .gap-px{gap:1px}.scalar-app .gap-x-2\.5{-moz-column-gap:10px;column-gap:10px}:where(.scalar-app .space-x-1>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(4px * var(--tw-space-x-reverse));margin-inline-end:calc(4px * calc(1 - var(--tw-space-x-reverse)))}:where(.scalar-app .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(var(--scalar-border-width) * var(--tw-divide-y-reverse));border-bottom-width:calc(var(--scalar-border-width) * calc(1 - var(--tw-divide-y-reverse)))}.scalar-app .self-center{align-self:center}.scalar-app .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scalar-app .overflow-auto{overflow:auto}.scalar-app .overflow-hidden{overflow:hidden}.scalar-app .overflow-visible{overflow:visible}.scalar-app .overflow-x-auto{overflow-x:auto}.scalar-app .overflow-y-auto{overflow-y:auto}.scalar-app .overflow-y-hidden{overflow-y:hidden}.scalar-app .\!rounded-none{border-radius:0!important}.scalar-app .rounded{border-radius:var(--scalar-radius)}.scalar-app .rounded-\[10px\]{border-radius:10px}.scalar-app .rounded-full{border-radius:9999px}.scalar-app .rounded-lg{border-radius:var(--scalar-radius-lg)}.scalar-app .rounded-md{border-radius:var(--scalar-radius)}.scalar-app .rounded-px{border-radius:1px}.scalar-app .rounded-xl{border-radius:var(--scalar-radius-xl)}.scalar-app .rounded-t{border-top-left-radius:var(--scalar-radius);border-top-right-radius:var(--scalar-radius)}.scalar-app .rounded-t-lg{border-top-left-radius:var(--scalar-radius-lg);border-top-right-radius:var(--scalar-radius-lg)}.scalar-app .rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.scalar-app .rounded-b{border-bottom-right-radius:var(--scalar-radius);border-bottom-left-radius:var(--scalar-radius)}.scalar-app .rounded-b-lg{border-bottom-right-radius:var(--scalar-radius-lg);border-bottom-left-radius:var(--scalar-radius-lg)}.scalar-app .\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.scalar-app .border{border-style:var(--tw-border-style);border-width:var(--scalar-border-width)}.scalar-app .border-0{border-style:var(--tw-border-style);border-width:0}.scalar-app .border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.scalar-app .border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.scalar-app .border-x{border-inline-style:var(--tw-border-style);border-inline-width:var(--scalar-border-width)}.scalar-app .border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.scalar-app .border-y{border-block-style:var(--tw-border-style);border-block-width:var(--scalar-border-width)}.scalar-app .border-t{border-top-style:var(--tw-border-style);border-top-width:var(--scalar-border-width)}.scalar-app .border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.scalar-app .\!border-r{border-right-style:var(--tw-border-style)!important;border-right-width:var(--scalar-border-width)!important}.scalar-app .border-r{border-right-style:var(--tw-border-style);border-right-width:var(--scalar-border-width)}.scalar-app .border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.scalar-app .border-r-1{border-right-style:var(--tw-border-style);border-right-width:1px}.scalar-app .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--scalar-border-width)}.scalar-app .border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.scalar-app .border-b-\[1px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.scalar-app .border-l{border-left-style:var(--tw-border-style);border-left-width:var(--scalar-border-width)}.scalar-app .border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.scalar-app .\!border-none{--tw-border-style: none !important;border-style:none!important}.scalar-app .border-dashed{--tw-border-style: dashed;border-style:dashed}.scalar-app .border-none{--tw-border-style: none;border-style:none}.scalar-app .\!border-current{border-color:currentColor!important}.scalar-app .border-c-1{border-color:var(--scalar-color-1)}.scalar-app .border-c-3{border-color:var(--scalar-color-3)}.scalar-app .border-c-danger{border-color:var(--scalar-color-danger)}.scalar-app .border-transparent{border-color:#0000}.scalar-app .border-r-transparent{border-right-color:#0000}.scalar-app .bg-b-1{background-color:var(--scalar-background-1)}.scalar-app .bg-b-2{background-color:var(--scalar-background-2)}.scalar-app .bg-b-3{background-color:var(--scalar-background-3)}.scalar-app .bg-b-danger{background-color:var(--scalar-background-danger)}.scalar-app .bg-c-3\/5{background-color:var(--scalar-color-3)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-c-3\/5{background-color:var(--scalar-color-3)}@supports (color: color-mix(in lab,red,red)){.scalar-app .bg-c-3\/5{background-color:color-mix(in oklab,var(--scalar-color-3) 5%,transparent)}}}.scalar-app .bg-c-accent{background-color:var(--scalar-color-accent)}.scalar-app .bg-current{background-color:currentColor}.scalar-app .bg-grey{background-color:var(--scalar-color-3)}.scalar-app .bg-sidebar-b-1{background-color:var(--scalar-sidebar-background-1, var(--scalar-background-1))}.scalar-app .bg-sidebar-b-active{background-color:var(--scalar-sidebar-item-active-background, var(--scalar-background-2))}.scalar-app .bg-none{background-image:none}.scalar-app .fill-current{fill:currentColor}.scalar-app .stroke-2{stroke-width:2px}.scalar-app .stroke-\[1\.5\]{stroke-width:1.5px}.scalar-app .stroke-\[1\.75\]{stroke-width:1.75px}.scalar-app .stroke-\[2\.25\]{stroke-width:2.25px}.scalar-app .object-contain{-o-object-fit:contain;object-fit:contain}.scalar-app .\!p-0{padding:0!important}.scalar-app .p-0{padding:0}.scalar-app .p-0\.5{padding:2px}.scalar-app .p-0\.75{padding:3px}.scalar-app .p-1{padding:4px}.scalar-app .p-1\.5{padding:6px}.scalar-app .p-1\.25{padding:5px}.scalar-app .p-1\.75{padding:7px}.scalar-app .p-2{padding:8px}.scalar-app .p-3{padding:12px}.scalar-app .p-4{padding:16px}.scalar-app .p-\[3px\]{padding:3px}.scalar-app .p-\[5px\]{padding:5px}.scalar-app .p-px{padding:1px}.scalar-app .\!px-3{padding-inline:12px!important}.scalar-app .px-0{padding-inline:0}.scalar-app .px-0\.5{padding-inline:2px}.scalar-app .px-0\.75{padding-inline:3px}.scalar-app .px-1{padding-inline:4px}.scalar-app .px-1\.5{padding-inline:6px}.scalar-app .px-1\.25{padding-inline:5px}.scalar-app .px-2{padding-inline:8px}.scalar-app .px-2\.5{padding-inline:10px}.scalar-app .px-3{padding-inline:12px}.scalar-app .px-4{padding-inline:16px}.scalar-app .px-5{padding-inline:20px}.scalar-app .px-6{padding-inline:24px}.scalar-app .px-8{padding-inline:32px}.scalar-app .\!py-1\.5{padding-block:6px!important}.scalar-app .py-0{padding-block:0}.scalar-app .py-0\.5{padding-block:2px}.scalar-app .py-0\.25{padding-block:1px}.scalar-app .py-0\.75{padding-block:3px}.scalar-app .py-1{padding-block:4px}.scalar-app .py-1\.5{padding-block:6px}.scalar-app .py-1\.25{padding-block:5px}.scalar-app .py-1\.75{padding-block:7px}.scalar-app .py-2{padding-block:8px}.scalar-app .py-2\.5{padding-block:10px}.scalar-app .py-3{padding-block:12px}.scalar-app .py-5{padding-block:20px}.scalar-app .py-8{padding-block:32px}.scalar-app .py-px{padding-block:1px}.scalar-app .\!pt-0{padding-top:0!important}.scalar-app .pt-0{padding-top:0}.scalar-app .pt-2{padding-top:8px}.scalar-app .pt-3{padding-top:12px}.scalar-app .pt-4{padding-top:16px}.scalar-app .pt-6{padding-top:24px}.scalar-app .pt-8{padding-top:32px}.scalar-app .pt-px{padding-top:1px}.scalar-app .pr-0{padding-right:0}.scalar-app .pr-0\.75{padding-right:3px}.scalar-app .pr-1{padding-right:4px}.scalar-app .pr-1\.5{padding-right:6px}.scalar-app .pr-2{padding-right:8px}.scalar-app .pr-2\.5{padding-right:10px}.scalar-app .pr-2\.25{padding-right:9px}.scalar-app .pr-3{padding-right:12px}.scalar-app .pr-6{padding-right:24px}.scalar-app .pr-8{padding-right:32px}.scalar-app .pr-9{padding-right:36px}.scalar-app .pr-10{padding-right:40px}.scalar-app .pr-12{padding-right:48px}.scalar-app .pr-\[26px\]{padding-right:26px}.scalar-app .pb-0{padding-bottom:0}.scalar-app .pb-1\.5{padding-bottom:6px}.scalar-app .pb-2{padding-bottom:8px}.scalar-app .pb-3{padding-bottom:12px}.scalar-app .pb-5{padding-bottom:20px}.scalar-app .pb-6{padding-bottom:24px}.scalar-app .pb-8{padding-bottom:32px}.scalar-app .pb-14{padding-bottom:56px}.scalar-app .pb-\[75px\]{padding-bottom:75px}.scalar-app .\!pl-3{padding-left:12px!important}.scalar-app .pl-1{padding-left:4px}.scalar-app .pl-1\.5{padding-left:6px}.scalar-app .pl-1\.25{padding-left:5px}.scalar-app .pl-2{padding-left:8px}.scalar-app .pl-3{padding-left:12px}.scalar-app .pl-5{padding-left:20px}.scalar-app .pl-6{padding-left:24px}.scalar-app .pl-8\.5{padding-left:34px}.scalar-app .pl-9{padding-left:36px}.scalar-app .pl-12{padding-left:48px}.scalar-app .pl-px{padding-left:1px}.scalar-app .text-center{text-align:center}.scalar-app .text-left{text-align:left}.scalar-app .text-right{text-align:right}.scalar-app .font-code{font-family:var(--scalar-font-code)}.scalar-app .font-sans{font-family:var(--scalar-font)}.scalar-app .text-3xs{font-size:var(--scalar-font-size-7)}.scalar-app .text-\[6px\]{font-size:6px}.scalar-app .text-\[11px\]{font-size:11px}.scalar-app .text-\[21px\]{font-size:21px}.scalar-app .text-base{font-size:var(--scalar-font-size-3)}.scalar-app .text-sm{font-size:var(--scalar-font-size-4)}.scalar-app .text-xl{font-size:var(--scalar-font-size-1)}.scalar-app .text-xs{font-size:var(--scalar-font-size-5)}.scalar-app .text-xxs{font-size:var(--scalar-font-size-6)}.scalar-app .\!leading-\[6px\]{--tw-leading: 6px !important;line-height:6px!important}.scalar-app .leading-2{--tw-leading: var(--scalar-line-height-2);line-height:var(--scalar-line-height-2)}.scalar-app .leading-3{--tw-leading: var(--scalar-line-height-3);line-height:var(--scalar-line-height-3)}.scalar-app .leading-\[1\.44\]{--tw-leading: 1.44;line-height:1.44}.scalar-app .leading-\[7px\]{--tw-leading: 7px;line-height:7px}.scalar-app .leading-\[20px\]{--tw-leading: 20px;line-height:20px}.scalar-app .leading-\[21px\]{--tw-leading: 21px;line-height:21px}.scalar-app .leading-\[22px\]{--tw-leading: 22px;line-height:22px}.scalar-app .leading-\[normal\]{--tw-leading: normal;line-height:normal}.scalar-app .leading-none{--tw-leading: 1;line-height:1}.scalar-app .leading-normal{--tw-leading: var(--leading-normal);line-height:var(--leading-normal)}.scalar-app .leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.scalar-app .font-bold{--tw-font-weight: var(--scalar-bold);font-weight:var(--scalar-bold)}.scalar-app .font-medium{--tw-font-weight: var(--scalar-semibold);font-weight:var(--scalar-semibold)}.scalar-app .font-normal{--tw-font-weight: var(--scalar-regular);font-weight:var(--scalar-regular)}.scalar-app .text-balance{text-wrap:balance}.scalar-app .text-pretty{text-wrap:pretty}.scalar-app .break-words{overflow-wrap:break-word}.scalar-app .break-all{word-break:break-all}.scalar-app .text-ellipsis{text-overflow:ellipsis}.scalar-app .whitespace-nowrap{white-space:nowrap}.scalar-app .whitespace-pre{white-space:pre}.scalar-app .whitespace-pre-wrap{white-space:pre-wrap}.scalar-app .\!text-c-1{color:var(--scalar-color-1)!important}.scalar-app .text-b-1{color:var(--scalar-background-1)}.scalar-app .text-blue{color:var(--scalar-color-blue)}.scalar-app .text-border{color:var(--scalar-border-color)}.scalar-app .text-c-1{color:var(--scalar-color-1)}.scalar-app .text-c-2{color:var(--scalar-color-2)}.scalar-app .text-c-3{color:var(--scalar-color-3)}.scalar-app .text-c-btn{color:var(--scalar-button-1-color)}.scalar-app .text-c-danger{color:var(--scalar-color-danger)}.scalar-app .text-green{color:var(--scalar-color-green)}.scalar-app .text-grey{color:var(--scalar-color-3)}.scalar-app .text-orange{color:var(--scalar-color-orange)}.scalar-app .text-purple{color:var(--scalar-color-purple)}.scalar-app .text-red{color:var(--scalar-color-red)}.scalar-app .text-sidebar-c-2{color:var(--scalar-sidebar-color-2, var(--scalar-color-2))}.scalar-app .text-sidebar-c-active{color:var(--scalar-sidebar-color-active, var(--scalar-sidebar-color-1))}.scalar-app .text-transparent{color:#0000}.scalar-app .text-yellow{color:var(--scalar-color-yellow)}.scalar-app .capitalize{text-transform:capitalize}.scalar-app .lowercase{text-transform:lowercase}.scalar-app .uppercase{text-transform:uppercase}.scalar-app .no-underline{text-decoration-line:none}.scalar-app .underline{text-decoration-line:underline}.scalar-app .decoration-c-3{text-decoration-color:var(--scalar-color-3)}.scalar-app .underline-offset-2{text-underline-offset:2px}.scalar-app .opacity-0{opacity:0}.scalar-app .opacity-50{opacity:.5}.scalar-app .opacity-100{opacity:1}.scalar-app .bg-blend-normal{background-blend-mode:normal}.scalar-app .mix-blend-luminosity{mix-blend-mode:luminosity}.scalar-app .shadow{--tw-shadow: var(--scalar-shadow-1);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.scalar-app .shadow-\[-8px_0_4px_var\(--scalar-background-1\)\]{--tw-shadow: -8px 0 4px var(--tw-shadow-color, var(--scalar-background-1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.scalar-app .shadow-\[0_-8px_0_8px_var\(--scalar-background-1\)\,0_0_8px_8px_var\(--scalar-background-1\)\]{--tw-shadow: 0 -8px 0 8px var(--tw-shadow-color, var(--scalar-background-1)), 0 0 8px 8px var(--tw-shadow-color, var(--scalar-background-1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.scalar-app .shadow-border{--tw-shadow: inset 0 0 0 var(--tw-shadow-color, calc(var(--scalar-border-width) * 2)) var(--scalar-border-color);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.scalar-app .shadow-lg{--tw-shadow: var(--scalar-shadow-2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.scalar-app .shadow-none{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.scalar-app .outline{outline-style:var(--tw-outline-style);outline-width:1px}.scalar-app .-outline-offset-1{outline-offset:-1px}.scalar-app .-outline-offset-2{outline-offset:-2px}.scalar-app .outline-offset-2{outline-offset:2px}.scalar-app .outline-b-3{outline-color:var(--scalar-background-3)}.scalar-app .outline-c-danger{outline-color:var(--scalar-color-danger)}.scalar-app .blur{--tw-blur: blur(8px);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, )}.scalar-app .brightness-90{--tw-brightness: brightness(90%);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, )}.scalar-app .brightness-\[\.9\]{--tw-brightness: brightness(.9);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, )}.scalar-app .brightness-lifted{--tw-brightness: brightness(var(--scalar-lifted-brightness));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, )}.scalar-app .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, )}.scalar-app .backdrop-filter{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, )}.scalar-app .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,visibility,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))}.scalar-app .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))}.scalar-app .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))}.scalar-app .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))}.scalar-app .transition-none{transition-property:none}.scalar-app .duration-100{--tw-duration: .1s;transition-duration:.1s}.scalar-app .duration-150{--tw-duration: .15s;transition-duration:.15s}.scalar-app .duration-200{--tw-duration: .2s;transition-duration:.2s}.scalar-app .duration-300{--tw-duration: .3s;transition-duration:.3s}.scalar-app .ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.scalar-app .outline-none{--tw-outline-style: none;outline-style:none}.scalar-app .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scalar-app .\[--scalar-address-bar-height\:32px\]{--scalar-address-bar-height: 32px}.scalar-app .app-drag-region{-webkit-app-region:drag}.scalar-app .app-no-drag-region{-webkit-app-region:no-drag}:is(.scalar-app .\*\:flex>*){display:flex}:is(.scalar-app .\*\:h-8>*){height:32px}:is(.scalar-app .\*\:cursor-pointer>*){cursor:pointer}:is(.scalar-app .\*\:items-center>*){align-items:center}:is(.scalar-app .\*\:rounded-none>*){border-radius:0}:is(.scalar-app .\*\:border-t>*){border-top-style:var(--tw-border-style);border-top-width:var(--scalar-border-width)}:is(.scalar-app .\*\:border-b-0>*){border-bottom-style:var(--tw-border-style);border-bottom-width:0}:is(.scalar-app .\*\:px-1\.5>*){padding-inline:6px}:is(.scalar-app .\*\:pl-4>*){padding-left:16px}.scalar-app .group-first\/row\:border-t-0:is(:where(.group\/row):first-child *){border-top-style:var(--tw-border-style);border-top-width:0}.scalar-app .group-last\:border-b-transparent:is(:where(.group):last-child *){border-bottom-color:#0000}.scalar-app .group-last\/label\:rounded-br-lg:is(:where(.group\/label):last-child *){border-bottom-right-radius:var(--scalar-radius-lg)}.scalar-app .group-focus-within\:flex:is(:where(.group):focus-within *){display:flex}@media (hover: hover){.scalar-app .group-hover\:block:is(:where(.group):hover *){display:block}.scalar-app .group-hover\:flex:is(:where(.group):hover *){display:flex}.scalar-app .group-hover\:hidden:is(:where(.group):hover *){display:none}.scalar-app .group-hover\:inline:is(:where(.group):hover *){display:inline}.scalar-app .group-hover\:pr-5:is(:where(.group):hover *){padding-right:20px}.scalar-app .group-hover\:pr-6:is(:where(.group):hover *){padding-right:24px}.scalar-app .group-hover\:pr-10:is(:where(.group):hover *){padding-right:40px}.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *){color:var(--scalar-color-1)}.scalar-app .group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}.scalar-app .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.scalar-app .group-hover\/auth\:absolute:is(:where(.group\/auth):hover *){position:absolute}.scalar-app .group-hover\/auth\:h-auto:is(:where(.group\/auth):hover *){height:auto}.scalar-app .group-hover\/auth\:border-b:is(:where(.group\/auth):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:var(--scalar-border-width)}.scalar-app .group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *){opacity:1}.scalar-app .group-hover\/item\:flex:is(:where(.group\/item):hover *){display:flex}.scalar-app .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *),.scalar-app .group-hover\/params\:opacity-100:is(:where(.group\/params):hover *){opacity:1}.scalar-app .group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.scalar-app .group-hover\/scopes-accordion\:text-c-2:is(:where(.group\/scopes-accordion):hover *){color:var(--scalar-color-2)}.scalar-app .group-hover\/upload\:block:is(:where(.group\/upload):hover *){display:block}}.scalar-app .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.scalar-app .group-focus-visible\:outline:is(:where(.group):focus-visible *){outline-style:var(--tw-outline-style);outline-width:1px}.scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *){z-index:1}.scalar-app .group-has-\[\.cm-focused\]\:flex:is(:where(.group):has(.cm-focused) *){display:flex}.scalar-app .group-has-\[\.cm-focused\]\:pr-6:is(:where(.group):has(.cm-focused) *){padding-right:24px}.scalar-app .group-has-\[\.cm-focused\]\:pr-10:is(:where(.group):has(.cm-focused) *){padding-right:40px}.scalar-app .group-has-\[\:focus-visible\]\:hidden:is(:where(.group):has(:focus-visible) *){display:none}.scalar-app .group-has-\[\:focus-visible\]\:opacity-100:is(:where(.group):has(:focus-visible) *){opacity:1}.scalar-app .group-has-\[\:focus-visible\]\/cell\:border-c-accent:is(:where(.group\/cell):has(:focus-visible) *){border-color:var(--scalar-color-accent)}.scalar-app .group-has-\[\:focus-visible\]\/cell\:opacity-100:is(:where(.group\/cell):has(:focus-visible) *){opacity:1}.scalar-app .group-has-\[\:focus-visible\]\/input\:block:is(:where(.group\/input):has(:focus-visible) *){display:block}.scalar-app .group-has-\[input\]\/label\:mr-0:is(:where(.group\/label):has(:is(input)) *){margin-right:0}.scalar-app .group-aria-expanded\/button\:rotate-180:is(:where(.group\/button)[aria-expanded=true] *),.scalar-app .group-aria-expanded\/combobox-button\:rotate-180:is(:where(.group\/combobox-button)[aria-expanded=true] *){rotate:180deg}.scalar-app .group-\[\.alert\]\:bg-b-alert:is(:where(.group).alert *){background-color:var(--scalar-background-alert)}.scalar-app .group-\[\.alert\]\:bg-transparent:is(:where(.group).alert *){background-color:#0000}.scalar-app .group-\[\.alert\]\:shadow-none:is(:where(.group).alert *){--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.scalar-app .group-\[\.alert\]\:outline-orange:is(:where(.group).alert *){outline-color:var(--scalar-color-orange)}.scalar-app .group-\[\.error\]\:bg-b-danger:is(:where(.group).error *){background-color:var(--scalar-background-danger)}.scalar-app .group-\[\.error\]\:bg-transparent:is(:where(.group).error *){background-color:#0000}.scalar-app .group-\[\.error\]\:text-red:is(:where(.group).error *){color:var(--scalar-color-red)}.scalar-app .group-\[\.error\]\:shadow-none:is(:where(.group).error *){--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.scalar-app .group-\[\.error\]\:outline-red:is(:where(.group).error *){outline-color:var(--scalar-color-red)}.scalar-app .peer-checked\:text-c-1:is(:where(.peer):checked~*){color:var(--scalar-color-1)}.scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused)~*){opacity:0}.scalar-app .peer-has-\[\.color-selector\]\:hidden:is(:where(.peer):has(.color-selector)~*){display:none}.scalar-app .before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.scalar-app .before\:absolute:before{content:var(--tw-content);position:absolute}.scalar-app .before\:top-0:before{content:var(--tw-content);top:0}.scalar-app .before\:left-3:before{content:var(--tw-content);left:12px}.scalar-app .before\:left-\[calc\(\.75rem_\+_\.5px\)\]:before{content:var(--tw-content);left:calc(.75rem + .5px)}.scalar-app .before\:z-1:before{content:var(--tw-content);z-index:1}.scalar-app .before\:h-\[calc\(100\%_\+_\.5px\)\]:before{content:var(--tw-content);height:calc(100% + .5px)}.scalar-app .before\:w-\[\.5px\]:before{content:var(--tw-content);width:.5px}.scalar-app .before\:bg-border:before{content:var(--tw-content);background-color:var(--scalar-border-color)}.scalar-app .after\:content-\[\'\:\'\]:after{--tw-content: ":";content:var(--tw-content)}:is(.scalar-app .\*\:first\:line-clamp-1>*):first-child{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.scalar-app .\*\:first\:rounded-l>*):first-child{border-top-left-radius:var(--scalar-radius);border-bottom-left-radius:var(--scalar-radius)}:is(.scalar-app .\*\:first\:border-t-0>*):first-child,:is(.scalar-app .first\:\*\:border-t-0:first-child>*){border-top-style:var(--tw-border-style);border-top-width:0}:is(.scalar-app .\*\:first\:text-ellipsis>*):first-child{text-overflow:ellipsis}@media (hover: hover){:is(.scalar-app .group-hover\/auth\:\*\:first\:line-clamp-none:is(:where(.group\/auth):hover *)>*):first-child{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}}.scalar-app .last\:mb-0:last-child{margin-bottom:0}.scalar-app .last\:rounded-b-lg:last-child{border-bottom-right-radius:var(--scalar-radius-lg);border-bottom-left-radius:var(--scalar-radius-lg)}.scalar-app .last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}:is(.scalar-app .\*\:last\:rounded-r>*):last-child{border-top-right-radius:var(--scalar-radius);border-bottom-right-radius:var(--scalar-radius)}.scalar-app .last\:before\:h-full:last-child:before{content:var(--tw-content);height:100%}.scalar-app .last-of-type\:first-of-type\:border-b-0:last-of-type:first-of-type{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.scalar-app .focus-within\:z-20:focus-within{z-index:20}.scalar-app .focus-within\:border-\(--scalar-background-3\):focus-within{border-color:var(--scalar-background-3)}.scalar-app .focus-within\:bg-b-1:focus-within{background-color:var(--scalar-background-1)}.scalar-app .focus-within\:text-c-1:focus-within{color:var(--scalar-color-1)}@media (hover: hover){.scalar-app .hover\:cursor-default:hover{cursor:default}.scalar-app .hover\:border-\(--scalar-background-3\):hover{border-color:var(--scalar-background-3)}.scalar-app .hover\:border-inherit:hover{border-color:inherit}.scalar-app .hover\:bg-b-2:hover{background-color:var(--scalar-background-2)}.scalar-app .hover\:bg-b-3:hover{background-color:var(--scalar-background-3)}.scalar-app .hover\:bg-inherit:hover{background-color:inherit}.scalar-app .hover\:bg-sidebar-b-active:hover{background-color:var(--scalar-sidebar-item-active-background, var(--scalar-background-2))}.scalar-app .hover\:whitespace-normal:hover{white-space:normal}.scalar-app .hover\:text-c-1:hover{color:var(--scalar-color-1)}.scalar-app .hover\:text-c-2:hover{color:var(--scalar-color-2)}.scalar-app .hover\:underline:hover{text-decoration-line:underline}.scalar-app .hover\:brightness-75:hover{--tw-brightness: brightness(75%);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, )}}.scalar-app .focus\:border-b-1:focus{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--scalar-background-1)}.scalar-app .focus\:text-c-1:focus{color:var(--scalar-color-1)}.scalar-app .focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.scalar-app .focus-visible\:z-10:focus-visible{z-index:10}.scalar-app .active\:text-c-1:active{color:var(--scalar-color-1)}.scalar-app .disabled\:cursor-default:disabled{cursor:default}.scalar-app .disabled\:text-c-2:disabled{color:var(--scalar-color-2)}.scalar-app .has-\[\.empty-sidebar-item\]\:border-t:has(.empty-sidebar-item){border-top-style:var(--tw-border-style);border-top-width:var(--scalar-border-width)}.scalar-app .has-\[\:focus-visible\]\:absolute:has(:focus-visible){position:absolute}.scalar-app .has-\[\:focus-visible\]\:z-1:has(:focus-visible){z-index:1}.scalar-app .has-\[\:focus-visible\]\:rounded-\[4px\]:has(:focus-visible){border-radius:4px}.scalar-app .has-\[\:focus-visible\]\:bg-b-1:has(:focus-visible){background-color:var(--scalar-background-1)}.scalar-app .has-\[\:focus-visible\]\:opacity-100:has(:focus-visible){opacity:1}.scalar-app .has-\[\:focus-visible\]\:outline:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:1px}@media not all and (min-width: 800px){.scalar-app .max-md\:absolute\!{position:absolute!important}.scalar-app .max-md\:w-full\!{width:100%!important}}@media (min-width: 600px){.scalar-app .sm\:not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.scalar-app .sm\:order-none{order:0}.scalar-app .sm\:mr-1\.5{margin-right:6px}.scalar-app .sm\:mb-1\.5{margin-bottom:6px}.scalar-app .sm\:ml-1\.5{margin-left:6px}.scalar-app .sm\:flex{display:flex}.scalar-app .sm\:hidden{display:none}.scalar-app .sm\:max-w-max{max-width:-moz-max-content;max-width:max-content}.scalar-app .sm\:min-w-max{min-width:-moz-max-content;min-width:max-content}.scalar-app .sm\:flex-col{flex-direction:column}.scalar-app .sm\:flex-row{flex-direction:row}.scalar-app .sm\:justify-between{justify-content:space-between}.scalar-app .sm\:gap-px{gap:1px}.scalar-app .sm\:rounded{border-radius:var(--scalar-radius)}.scalar-app .sm\:rounded-lg{border-radius:var(--scalar-radius-lg)}.scalar-app .sm\:px-2{padding-inline:8px}.scalar-app .sm\:px-3{padding-inline:12px}.scalar-app .sm\:py-1\.5{padding-block:6px}:is(.scalar-app .sm\:\*\:rounded-lg>*){border-radius:var(--scalar-radius-lg)}}@media (min-width: 800px){.scalar-app .md\:right-10{right:40px}.scalar-app .md\:bottom-10{bottom:40px}.scalar-app .md\:mx-auto{margin-inline:auto}.scalar-app .md\:-ml-1\.25{margin-left:-5px}.scalar-app .md\:ml-1\.5{margin-left:6px}.scalar-app .md\:block{display:block}.scalar-app .md\:flex{display:flex}.scalar-app .md\:grid{display:grid}.scalar-app .md\:w-full{width:100%}.scalar-app .md\:max-w-\[720px\]{max-width:720px}.scalar-app .md\:min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.scalar-app .md\:flex-none{flex:none}.scalar-app .md\:translate-x-0{--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .md\:translate-y-0{--tw-translate-y: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scalar-app .md\:grid-cols-\[1fr_720px_1fr\]{grid-template-columns:1fr 720px 1fr}.scalar-app .md\:flex-row{flex-direction:row}.scalar-app .md\:border-r{border-right-style:var(--tw-border-style);border-right-width:var(--scalar-border-width)}.scalar-app .md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.scalar-app .md\:p-1\.5{padding:6px}.scalar-app .md\:px-0{padding-inline:0}.scalar-app .md\:px-1\.5{padding-inline:6px}.scalar-app .md\:px-2{padding-inline:8px}.scalar-app .md\:px-2\.5{padding-inline:10px}.scalar-app .md\:px-4{padding-inline:16px}.scalar-app .md\:px-\[18px\]{padding-inline:18px}.scalar-app .md\:py-2\.5{padding-block:10px}.scalar-app .md\:pb-2\.5{padding-bottom:10px}.scalar-app .md\:pb-\[37px\]{padding-bottom:37px}.scalar-app .md\:pl-0{padding-left:0}:is(.scalar-app .md\:\*\:border-t-0>*){border-top-style:var(--tw-border-style);border-top-width:0}}@media (min-width: 1000px){.scalar-app .lg\:order-none{order:0}.scalar-app .lg\:-mr-1{margin-right:-4px}.scalar-app .lg\:mb-0{margin-bottom:0}.scalar-app .lg\:flex{display:flex}.scalar-app .lg\:min-h-header{min-height:48px}.scalar-app .lg\:w-auto{width:auto}.scalar-app .lg\:max-w-\[580px\]{max-width:580px}.scalar-app .lg\:min-w-\[580px\]{min-width:580px}.scalar-app .lg\:flex-1{flex:1}.scalar-app .lg\:p-0{padding:0}.scalar-app .lg\:p-1{padding:4px}.scalar-app .lg\:px-1{padding-inline:4px}.scalar-app .lg\:px-2\.5{padding-inline:10px}.scalar-app .lg\:pt-1{padding-top:4px}.scalar-app .lg\:pr-24{padding-right:96px}}@media (min-width: 1200px){.scalar-app .xl\:\!flex{display:flex!important}.scalar-app .xl\:flex{display:flex}.scalar-app .xl\:hidden{display:none}.scalar-app .xl\:h-fit{height:-moz-fit-content;height:fit-content}.scalar-app .xl\:h-full{height:100%}.scalar-app .xl\:min-h-header{min-height:48px}.scalar-app .xl\:max-w-\[720px\]{max-width:720px}.scalar-app .xl\:min-w-0{min-width:0}.scalar-app .xl\:min-w-\[720px\]{min-width:720px}.scalar-app .xl\:flex-row{flex-direction:row}.scalar-app .xl\:overflow-auto{overflow:auto}.scalar-app .xl\:overflow-hidden{overflow:hidden}.scalar-app .xl\:rounded-none{border-radius:0}.scalar-app .xl\:pr-0\.5{padding-right:2px}.scalar-app .xl\:pl-2{padding-left:8px}:is(.scalar-app .\*\:xl\:border-t-0>*){border-top-style:var(--tw-border-style);border-top-width:0}:is(.scalar-app .\*\:xl\:border-l>*){border-left-style:var(--tw-border-style);border-left-width:var(--scalar-border-width)}:is(.scalar-app .\*\:first\:xl\:border-l-0>*):first-child{border-left-style:var(--tw-border-style);border-left-width:0}}.scalar-app .dark\:bg-b-2:where(.dark-mode,.dark-mode *){background-color:var(--scalar-background-2)}@media (hover: hover){.scalar-app .hover\:dark\:bg-b-2:hover:where(.dark-mode,.dark-mode *){background-color:var(--scalar-background-2)}}.scalar-app .ui-open\:rotate-90[data-headlessui-state~=open],:where([data-headlessui-state~=open]) :is(.scalar-app .ui-open\:rotate-90){rotate:90deg}.scalar-app .ui-open\:rotate-180[data-headlessui-state~=open],:where([data-headlessui-state~=open]) :is(.scalar-app .ui-open\:rotate-180){rotate:180deg}.scalar-app .last\:ui-open\:border-b-0:last-child[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .scalar-app .last\:ui-open\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.scalar-app .ui-not-open\:hidden[data-headlessui-state]:not([data-headlessui-state~=open]),:where([data-headlessui-state]:not([data-headlessui-state~=open])) :is(.scalar-app .ui-not-open\:hidden):not([data-headlessui-state]){display:none}.scalar-app .ui-not-open\:rotate-0[data-headlessui-state]:not([data-headlessui-state~=open]),:where([data-headlessui-state]:not([data-headlessui-state~=open])) :is(.scalar-app .ui-not-open\:rotate-0):not([data-headlessui-state]){rotate:none}.scalar-app .ui-checked\:bg-b-3[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) :is(.scalar-app .ui-checked\:bg-b-3){background-color:var(--scalar-background-3)}.scalar-app .ui-active\:bg-b-2[data-headlessui-state~=active],:where([data-headlessui-state~=active]) :is(.scalar-app .ui-active\:bg-b-2),:is(.scalar-app .ui-active\:\*\:bg-b-2[data-headlessui-state~=active]>*),:is(:where([data-headlessui-state~=active]) :is(.scalar-app .ui-active\:\*\:bg-b-2)>*){background-color:var(--scalar-background-2)}@media (max-width: 720px) and (max-height: 480px){.scalar-app .zoomed\:static{position:static}.scalar-app .zoomed\:p-1{padding:4px}}.app-platform-mac :is(.scalar-app .mac\:pl-\[72px\]){padding-left:72px}@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-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}.nav-item[data-v-507381a3]{cursor:pointer;border-radius:var(--scalar-radius-lg);background:var(--scalar-background-3);border:var(--scalar-border-width) solid var(--scalar-background-2);color:var(--scalar-color-3);flex:1;justify-content:center;align-items:center;min-width:0;padding:4.5px;display:flex;position:relative;overflow:hidden}.dark-mode .nav-item[data-v-507381a3]{background:var(--scalar-background-2)}@supports (color: color-mix(in lab,red,red)){.dark-mode .nav-item[data-v-507381a3]{background:color-mix(in srgb,var(--scalar-background-2),transparent)}}.nav-item-icon-copy[data-v-507381a3]{white-space:nowrap;max-width:100%;-webkit-mask-image:linear-gradient(to left,transparent 0,var(--scalar-background-2) 20px);mask-image:linear-gradient(to left,transparent 0,var(--scalar-background-2) 20px);overflow:hidden}.nav-item:hover .nav-item-icon-copy[data-v-507381a3]{-webkit-mask-image:linear-gradient(to left,transparent 20px,var(--scalar-background-2) 40px);mask-image:linear-gradient(to left,transparent 20px,var(--scalar-background-2) 40px)}.nav-item-copy[data-v-507381a3]{max-width:calc(100% - 20px)}.nav-item[data-v-507381a3]:hover{color:var(--scalar-color-1)}.nav-item__active[data-v-507381a3]{background-color:var(--scalar-background-1);color:var(--scalar-color-1);border-color:var(--scalar-border-color)}.dark-mode .nav-item__active[data-v-507381a3]{background-color:var(--scalar-background-2)}.nav-item-close[data-v-507381a3]{border-radius:var(--scalar-radius);stroke-width:1.5px;max-width:20px;color:var(--scalar-color-3);opacity:0;background:none;margin-left:-20px;padding:2px;position:absolute;right:3px}.nav-item:hover .nav-item-close[data-v-507381a3]{opacity:1}.nav-item-close[data-v-507381a3]:hover{background-color:var(--scalar-background-4)}.nav-item__active .nav-item-close[data-v-507381a3]:hover{background-color:var(--scalar-background-2)}.download-app-button[data-v-cb45fa05]{box-shadow:0 0 0 .5px var(--scalar-border-color);background:linear-gradient(#ffffffbf,#00000009)}.dark-mode .download-app-button[data-v-cb45fa05]{background:linear-gradient(#ffffff1a,#00000026)}.download-app-button[data-v-cb45fa05]:hover{background:linear-gradient(#00000009,#ffffffbf)}.dark-mode .download-app-button[data-v-cb45fa05]:hover{background:linear-gradient(#00000026,#ffffff1a)}.http-bg-gradient[data-v-076b14a1]{background:linear-gradient(#ffffffbf,#00000009)}.http-bg-gradient[data-v-076b14a1]:hover{background:linear-gradient(#00000009,#ffffffbf)}.dark-mode .http-bg-gradient[data-v-076b14a1]{background:linear-gradient(#ffffff09,#00000026)}.dark-mode .http-bg-gradient[data-v-076b14a1]:hover{background:linear-gradient(#00000026,#ffffff09)}.scroll-timeline-x[data-v-e0578855]{scroll-timeline:--scroll-timeline x;scroll-timeline:--scroll-timeline horizontal;-ms-overflow-style:none;scrollbar-width:none;overflow:auto}.commandmenu[data-v-f2bbd082]{box-shadow:var(--scalar-shadow-2);border-radius:var(--scalar-radius-lg);background-color:var(--scalar-background-1);opacity:0;width:100%;max-width:580px;max-height:60dvh;margin:12px;animation:.3s ease-in-out .1s forwards fadeincommandmenu-f2bbd082;position:fixed;top:150px;left:50%;transform:translate3d(-50%,10px,0)}.commandmenu-overlay[data-v-f2bbd082]{cursor:pointer;background:#0003;animation:.3s ease-in-out forwards fadeincommand-f2bbd082;position:fixed;inset:0}@keyframes fadeincommand-f2bbd082{0%{opacity:0}to{opacity:1}}@keyframes fadeincommandmenu-f2bbd082{0%{opacity:0;transform:translate3d(-50%,10px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}.scalar .scalar-app-layout[data-v-45e9730e]{background:var(--scalar-background-1);opacity:0;border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:8px;width:100%;max-width:1390px;height:calc(100% - 120px);margin:auto;animation:.35s forwards scalarapiclientfadein-45e9730e;position:relative;overflow:hidden}@media (max-width: 720px) and (max-height: 480px){.scalar .scalar-app-layout[data-v-45e9730e]{height:100%;max-height:90svh}}@keyframes scalarapiclientfadein-45e9730e{0%{opacity:0}to{opacity:1}}.scalar .scalar-app-exit[data-v-45e9730e]{cursor:pointer;z-index:-1;background:#00000038;width:100vw;height:100vh;transition:all .3s ease-in-out;animation:.35s forwards scalardrawerexitfadein-45e9730e;position:fixed;top:0;left:0}.dark-mode .scalar .scalar-app-exit[data-v-45e9730e]{background:#00000073}.scalar .scalar-app-exit[data-v-45e9730e]:before{text-align:center;color:#fff;opacity:.6;font-family:sans-serif;font-size:30px;font-weight:100;line-height:50px;position:absolute;top:0;right:12px}.scalar .scalar-app-exit[data-v-45e9730e]:hover:before{opacity:1}@keyframes scalardrawerexitfadein-45e9730e{0%{opacity:0}to{opacity:1}}.scalar-container[data-v-45e9730e]{visibility:visible;z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.scalar .url-form-input[data-v-45e9730e]{min-height:auto!important}.scalar .scalar-container[data-v-45e9730e]{line-height:normal}.scalar .scalar-app-header span[data-v-45e9730e]{color:var(--scalar-color-3)}.scalar .scalar-app-header a[data-v-45e9730e]{color:var(--scalar-color-1)}.scalar .scalar-app-header a[data-v-45e9730e]:hover{text-decoration:underline}.scalar-activate[data-v-45e9730e]{cursor:pointer;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin:0 .75rem .75rem auto;font-size:.875rem;font-weight:600;line-height:24px;display:flex}.scalar-activate-button[data-v-45e9730e]{color:var(--scalar-color-blue);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;align-items:center;gap:6px;padding:0 .5rem;display:flex}.scalar-activate:hover .scalar-activate-button[data-v-45e9730e]{background:var(--scalar-background-3);border-radius:3px}.open-api-client-button[data-v-f016469d]{cursor:pointer;text-align:center;white-space:nowrap;width:100%;height:31px;font-size:var(--scalar-mini);font-weight:var(--scalar-semibold);border-radius:var(--scalar-radius);box-shadow:0 0 0 .5px var(--scalar-border-color);color:var(--scalar-sidebar-color-1);justify-content:center;align-items:center;gap:6px;padding:9px 12px;line-height:1.385;text-decoration:none;display:flex}.open-api-client-button[data-v-f016469d]:hover{background:var(--scalar-sidebar-item-hover-background, var(--scalar-background-2))}[data-v-103d9d56] .cm-editor{background:none;outline:none;height:100%;padding:0}[data-v-103d9d56] .cm-placeholder{color:var(--scalar-color-3)}[data-v-103d9d56] .cm-content{font-family:var(--scalar-font-code);font-size:var(--scalar-small);max-height:20px;padding:8px 0}[data-v-103d9d56] .cm-tooltip{filter:brightness(var(--scalar-lifted-brightness));border-radius:var(--scalar-radius);box-shadow:var(--scalar-shadow-2);background:none!important;border:none!important;outline:none!important;overflow:hidden!important}[data-v-103d9d56] .cm-tooltip-autocomplete ul li{padding:3px 6px!important}[data-v-103d9d56] .cm-completionIcon-type:after{color:var(--scalar-color-3)!important}[data-v-103d9d56] .cm-tooltip-autocomplete ul li[aria-selected]{background:var(--scalar-background-2)!important;color:var(--scalar-color-1)!important}[data-v-103d9d56] .cm-tooltip-autocomplete ul{position:relative;padding:6px!important}[data-v-103d9d56] .cm-tooltip-autocomplete ul li:hover{border-radius:3px;color:var(--scalar-color-1)!important;background:var(--scalar-background-3)!important}[data-v-103d9d56] .cm-activeLine,[data-v-103d9d56] .cm-activeLineGutter{background-color:#0000}[data-v-103d9d56] .cm-selectionMatch,[data-v-103d9d56] .cm-matchingBracket{border-radius:var(--scalar-radius);background:var(--scalar-background-4)!important}[data-v-103d9d56] .cm-css-color-picker-wrapper{outline:1px solid var(--scalar-background-3);border-radius:3px;display:inline-flex;overflow:hidden}[data-v-103d9d56] .cm-gutters{color:var(--scalar-color-3);font-size:var(--scalar-small);background-color:#0000;border-right:none;border-radius:0 0 0 3px;line-height:22px}[data-v-103d9d56] .cm-gutters:before{content:"";border-radius:var(--scalar-radius) 0 0 var(--scalar-radius);background-color:var(--scalar-background-1);width:calc(100% - 2px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}[data-v-103d9d56] .cm-gutterElement{justify-content:flex-end;align-items:center;display:flex;position:relative;font-family:var(--scalar-font-code)!important;padding-left:0!important;padding-right:6px!important}[data-v-103d9d56] .cm-lineNumbers .cm-gutterElement{min-width:-moz-fit-content;min-width:fit-content}[data-v-103d9d56] .cm-gutter+.cm-gutter :not(.cm-foldGutter) .cm-gutterElement{padding-left:0!important}[data-v-103d9d56] .cm-scroller{overflow:auto}.line-wrapping[data-v-103d9d56]:focus-within .cm-content{white-space:break-spaces;word-break:break-all;min-height:-moz-fit-content;min-height:fit-content;padding:3px 6px;display:inline-table}.address-bar-history-button[data-v-a93fa60f]:hover{background:var(--scalar-background-3)}.address-bar-history-button[data-v-a93fa60f]:focus-within{background:var(--scalar-background-2)}.description[data-v-92012388] .markdown{font-weight:var(--scalar-semibold);color:var(--scalar-color--1);padding:0;display:block}.description[data-v-92012388] .markdown>:first-child{margin-top:0}[data-v-cb2a35da] .cm-editor{outline:none;width:100%;height:100%}[data-v-cb2a35da] .cm-line{padding:0}[data-v-cb2a35da] .cm-content{font-size:var(--scalar-small);align-items:center;padding:0;display:flex}.scroll-timeline-x[data-v-cb2a35da]{scroll-timeline:--scroll-timeline x;scroll-timeline:--scroll-timeline horizontal;-ms-overflow-style:none}.scroll-timeline-x-hidden[data-v-cb2a35da]{overflow-x:auto}.scroll-timeline-x-hidden[data-v-cb2a35da] .cm-scroller{scrollbar-width:none;-ms-overflow-style:none;padding-right:20px;overflow:auto}.scroll-timeline-x-hidden[data-v-cb2a35da]::-webkit-scrollbar{width:0;height:0;display:none}.scroll-timeline-x-hidden[data-v-cb2a35da] .cm-scroller::-webkit-scrollbar{width:0;height:0;display:none}.scroll-timeline-x-address[data-v-cb2a35da]{scrollbar-width:none;line-height:27px}.scroll-timeline-x-address[data-v-cb2a35da]:after{content:"";cursor:text;width:24px;height:100%;position:absolute;right:0}.scroll-timeline-x-address[data-v-cb2a35da]:empty:before{content:"Enter URL or cURL request";color:var(--scalar-color-3);pointer-events:none}.fade-left[data-v-cb2a35da],.fade-right[data-v-cb2a35da]{content:"";pointer-events:none;z-index:1;height:100%;animation-name:fadein-cb2a35da;animation-duration:1ms;animation-direction:reverse;animation-timeline:--scroll-timeline;position:sticky}.fade-left[data-v-cb2a35da]{background:linear-gradient(-90deg,var(--scalar-address-bar-bg) 0%,var(--scalar-address-bar-bg) 30%,var(--scalar-address-bar-bg) 100%)}@supports (color: color-mix(in lab,red,red)){.fade-left[data-v-cb2a35da]{background:linear-gradient(-90deg,color-mix(in srgb,var(--scalar-address-bar-bg),transparent 100%) 0%,color-mix(in srgb,var(--scalar-address-bar-bg),transparent 20%) 30%,var(--scalar-address-bar-bg) 100%)}}.fade-left[data-v-cb2a35da]{min-width:6px;animation-direction:normal;left:-1px}.fade-right[data-v-cb2a35da]{background:linear-gradient(90deg,var(--scalar-address-bar-bg) 0%,var(--scalar-address-bar-bg) 30%,var(--scalar-address-bar-bg) 100%)}@supports (color: color-mix(in lab,red,red)){.fade-right[data-v-cb2a35da]{background:linear-gradient(90deg,color-mix(in srgb,var(--scalar-address-bar-bg),transparent 100%) 0%,color-mix(in srgb,var(--scalar-address-bar-bg),transparent 20%) 30%,var(--scalar-address-bar-bg) 100%)}}.fade-right[data-v-cb2a35da]{min-width:24px;right:-1px}@keyframes fadein-cb2a35da{0%{opacity:0}1%{opacity:1}}.address-bar-bg-states[data-v-cb2a35da]{--scalar-address-bar-bg: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.address-bar-bg-states[data-v-cb2a35da]{--scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2))}}.address-bar-bg-states[data-v-cb2a35da]{background:var(--scalar-address-bar-bg)}.address-bar-bg-states[data-v-cb2a35da]:has(.cm-focused){--scalar-address-bar-bg: var(--scalar-background-1);border-color:var(--scalar-border-color);outline:1px solid var(--scalar-color-accent)}.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-cb2a35da],.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-cb2a35da]{--scalar-address-bar-bg: var(--scalar-background-1)}.sidebar-height[data-v-dcff7b49]{min-height:100%}@media (min-width: 800px){.sidebar-mask[data-v-dcff7b49]{-webkit-mask-image:linear-gradient(0,transparent 0,transparent 0,var(--scalar-background-2) 30px);mask-image:linear-gradient(0,transparent 0,transparent 0,var(--scalar-background-2) 30px)}}.resizer[data-v-dcff7b49]{cursor:col-resize;border-right:2px solid #0000;width:5px;transition:border-right-color .3s;position:absolute;top:0;bottom:0;right:0}.resizer[data-v-dcff7b49]:hover,.dragging .resizer[data-v-dcff7b49]{border-right-color:var(--scalar-background-3)}.dragging[data-v-dcff7b49]{cursor:col-resize}.dragging[data-v-dcff7b49]:before{content:"";width:100%;height:100%;display:block;position:absolute}[data-v-2b299aed] .cm-editor{padding:0}[data-v-2b299aed] .cm-content{font-family:var(--scalar-font);font-size:var(--scalar-small);background-color:#0000;align-items:center;width:100%;padding:5px 8px;display:flex}[data-v-2b299aed] .cm-content:has(.cm-pill){padding:5px 8px}[data-v-2b299aed] .cm-content .cm-pill:not(:last-of-type){margin-right:.5px}[data-v-2b299aed] .cm-content .cm-pill:not(:first-of-type){margin-left:.5px}[data-v-2b299aed] .cm-line{text-overflow:ellipsis;word-break:break-word;padding:0;overflow:hidden}.required[data-v-2b299aed]:after{content:"Required"}input[data-v-2b299aed]::-moz-placeholder{color:var(--scalar-color-3)}input[data-v-2b299aed]::placeholder{color:var(--scalar-color-3)}.scalar-password-input[data-v-2b299aed]{text-security:disc;-webkit-text-security:disc;-moz-text-security:disc}@media (min-width: 800px){.has-no-import-url,.has-import-url{contain:paint;max-width:100dvw;overflow-x:hidden}.has-no-import-url .scalar-client>main{opacity:1;background:var(--scalar-background-1);animation:.3s ease-in-out forwards transform-restore-layout}.has-import-url .scalar-client>main{opacity:0;border:var(--scalar-border-width) solid var(--scalar-border-color);z-index:10000;border-radius:12px;animation:.3s ease-in-out forwards transform-fade-layout;overflow:hidden;transform:scale(.85)translate(calc(50dvw + 80px))}.has-import-url .scalar-client .sidenav{display:none}.has-no-import-url .scalar-app,.has-import-url .scalar-app{background:var(--scalar-background-1)!important}}@keyframes transform-fade-layout{0%{opacity:0;transform:scale(.85)translate(calc(50dvw + 80px),10px)}to{opacity:1;transform:scale(.85)translate(calc(50dvw + 80px))}}@keyframes transform-restore-layout{0%{opacity:1;transform:scale(.85)translate(calc(50dvw + 80px))}to{opacity:1;transform:scale(1)translate(0)}}.openapi-color{color:var(--scalar-color-green)}.section-flare{position:fixed;top:0;right:-50dvw}.address-bar-history-button[data-v-8cf04803]:hover{background:var(--scalar-background-3)}.address-bar-history-button[data-v-8cf04803]:focus-within{background:var(--scalar-background-2)}.description[data-v-1b7a32a4] .markdown{font-weight:var(--scalar-semibold);color:var(--scalar-color--1);padding:0;display:block}.description[data-v-1b7a32a4] .markdown>:first-child{margin-top:0}[data-v-bd9d3fab] .cm-editor{background:none;outline:none;height:100%;padding:0}[data-v-bd9d3fab] .cm-placeholder{color:var(--scalar-color-3)}[data-v-bd9d3fab] .cm-content{font-family:var(--scalar-font-code);font-size:var(--scalar-small);max-height:20px;padding:8px 0}[data-v-bd9d3fab] .cm-tooltip{filter:brightness(var(--scalar-lifted-brightness));border-radius:var(--scalar-radius);box-shadow:var(--scalar-shadow-2);background:none!important;border:none!important;outline:none!important;overflow:hidden!important}[data-v-bd9d3fab] .cm-tooltip-autocomplete ul li{padding:3px 6px!important}[data-v-bd9d3fab] .cm-completionIcon-type:after{color:var(--scalar-color-3)!important}[data-v-bd9d3fab] .cm-tooltip-autocomplete ul li[aria-selected]{background:var(--scalar-background-2)!important;color:var(--scalar-color-1)!important}[data-v-bd9d3fab] .cm-tooltip-autocomplete ul{position:relative;padding:6px!important}[data-v-bd9d3fab] .cm-tooltip-autocomplete ul li:hover{border-radius:3px;color:var(--scalar-color-1)!important;background:var(--scalar-background-3)!important}[data-v-bd9d3fab] .cm-activeLine,[data-v-bd9d3fab] .cm-activeLineGutter{background-color:#0000}[data-v-bd9d3fab] .cm-selectionMatch,[data-v-bd9d3fab] .cm-matchingBracket{border-radius:var(--scalar-radius);background:var(--scalar-background-4)!important}[data-v-bd9d3fab] .cm-css-color-picker-wrapper{outline:1px solid var(--scalar-background-3);border-radius:3px;display:inline-flex;overflow:hidden}[data-v-bd9d3fab] .cm-gutters{color:var(--scalar-color-3);font-size:var(--scalar-small);background-color:#0000;border-right:none;border-radius:0 0 0 3px;line-height:22px}[data-v-bd9d3fab] .cm-gutters:before{content:"";border-radius:var(--scalar-radius) 0 0 var(--scalar-radius);background-color:var(--scalar-background-1);width:calc(100% - 2px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}[data-v-bd9d3fab] .cm-gutterElement{justify-content:flex-end;align-items:center;display:flex;position:relative;font-family:var(--scalar-font-code)!important;padding-left:0!important;padding-right:6px!important}[data-v-bd9d3fab] .cm-lineNumbers .cm-gutterElement{min-width:-moz-fit-content;min-width:fit-content}[data-v-bd9d3fab] .cm-gutter+.cm-gutter :not(.cm-foldGutter) .cm-gutterElement{padding-left:0!important}[data-v-bd9d3fab] .cm-scroller{overflow:auto}.line-wrapping[data-v-bd9d3fab]:focus-within .cm-content{white-space:break-spaces;word-break:break-all;min-height:-moz-fit-content;min-height:fit-content;padding:3px 6px;display:inline-table}.cm-pill{--tw-bg-base: var(--scalar-color-1);color:var(--tw-bg-base);font-size:var(--scalar-small);border-radius:30px;padding:0 9px;display:inline-block;background:var(--tw-bg-base)!important}@supports (color: color-mix(in lab,red,red)){.cm-pill{background:color-mix(in srgb,var(--tw-bg-base),transparent 94%)!important}}.cm-pill.bg-grey{background:var(--scalar-background-3)!important}.dark-mode .cm-pill{background:var(--tw-bg-base)!important}@supports (color: color-mix(in lab,red,red)){.dark-mode .cm-pill{background:color-mix(in srgb,var(--tw-bg-base),transparent 90%)!important}}.cm-pill:first-of-type{margin-left:0}.cm-editor .cm-widgetBuffer{display:none}.cm-foldPlaceholder:hover{color:var(--scalar-color-1)}.cm-foldGutter .cm-gutterElement{font-size:var(--scalar-heading-4);padding:2px!important}.cm-foldGutter .cm-gutterElement:first-of-type{display:none}.cm-foldGutter .cm-gutterElement .cm-foldMarker{padding:2px}.cm-foldGutter .cm-gutterElement:hover .cm-foldMarker{background:var(--scalar-background-2);border-radius:var(--scalar-radius);color:var(--scalar-color-1)}[data-v-3bb71855] .cm-editor{outline:none;width:100%;height:100%}[data-v-3bb71855] .cm-line{padding:0}[data-v-3bb71855] .cm-content{font-size:var(--scalar-small);align-items:center;padding:0;display:flex}.scroll-timeline-x[data-v-3bb71855]{scroll-timeline:--scroll-timeline x;scroll-timeline:--scroll-timeline horizontal;-ms-overflow-style:none}.scroll-timeline-x-hidden[data-v-3bb71855]{overflow-x:auto}.scroll-timeline-x-hidden[data-v-3bb71855] .cm-scroller{scrollbar-width:none;-ms-overflow-style:none;padding-right:20px;overflow:auto}.scroll-timeline-x-hidden[data-v-3bb71855]::-webkit-scrollbar{width:0;height:0;display:none}.scroll-timeline-x-hidden[data-v-3bb71855] .cm-scroller::-webkit-scrollbar{width:0;height:0;display:none}.scroll-timeline-x-address[data-v-3bb71855]{scrollbar-width:none;line-height:27px}.scroll-timeline-x-address[data-v-3bb71855]:after{content:"";cursor:text;width:24px;height:100%;position:absolute;right:0}.scroll-timeline-x-address[data-v-3bb71855]:empty:before{content:"Enter URL or cURL request";color:var(--scalar-color-3);pointer-events:none}.fade-left[data-v-3bb71855],.fade-right[data-v-3bb71855]{content:"";pointer-events:none;z-index:1;height:100%;animation-name:fadein-3bb71855;animation-duration:1ms;animation-direction:reverse;animation-timeline:--scroll-timeline;position:sticky}.fade-left[data-v-3bb71855]{background:linear-gradient(-90deg,var(--scalar-address-bar-bg) 0%,var(--scalar-address-bar-bg) 30%,var(--scalar-address-bar-bg) 100%)}@supports (color: color-mix(in lab,red,red)){.fade-left[data-v-3bb71855]{background:linear-gradient(-90deg,color-mix(in srgb,var(--scalar-address-bar-bg),transparent 100%) 0%,color-mix(in srgb,var(--scalar-address-bar-bg),transparent 20%) 30%,var(--scalar-address-bar-bg) 100%)}}.fade-left[data-v-3bb71855]{min-width:6px;animation-direction:normal;left:-1px}.fade-right[data-v-3bb71855]{background:linear-gradient(90deg,var(--scalar-address-bar-bg) 0%,var(--scalar-address-bar-bg) 30%,var(--scalar-address-bar-bg) 100%)}@supports (color: color-mix(in lab,red,red)){.fade-right[data-v-3bb71855]{background:linear-gradient(90deg,color-mix(in srgb,var(--scalar-address-bar-bg),transparent 100%) 0%,color-mix(in srgb,var(--scalar-address-bar-bg),transparent 20%) 30%,var(--scalar-address-bar-bg) 100%)}}.fade-right[data-v-3bb71855]{min-width:24px;right:-1px}@keyframes fadein-3bb71855{0%{opacity:0}1%{opacity:1}}.address-bar-bg-states[data-v-3bb71855]{--scalar-address-bar-bg: var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.address-bar-bg-states[data-v-3bb71855]{--scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2))}}.address-bar-bg-states[data-v-3bb71855]{background:var(--scalar-address-bar-bg)}.address-bar-bg-states[data-v-3bb71855]:has(.cm-focused){--scalar-address-bar-bg: var(--scalar-background-1);border-color:var(--scalar-border-color);outline-width:1px;outline-style:solid}.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-3bb71855],.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-3bb71855]{--scalar-address-bar-bg: var(--scalar-background-1)}.app-exit-button[data-v-d73c7e3d]{color:#fff;background:#0000001a}.app-exit-button[data-v-d73c7e3d]:hover{background:#ffffff1a}.fade-request-section-content[data-v-f97cc68c]{background:linear-gradient(to left,var(--scalar-background-1) 64%,transparent)}.filter-hover[data-v-f97cc68c]{height:100%;padding-left:24px;padding-right:39px;transition:width 0s ease-in-out .2s;position:absolute;right:0;overflow:hidden}.filter-hover[data-v-f97cc68c]:hover,.filter-hover[data-v-f97cc68c]:has(:focus-visible){z-index:10;width:100%}.filter-hover[data-v-f97cc68c]:before{content:"";background-color:var(--scalar-background-1);opacity:0;pointer-events:none;width:100%;height:-moz-fit-content;height:fit-content;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.filter-hover-item[data-v-f97cc68c]{opacity:0}.filter-hover-item[data-v-f97cc68c]:not(:last-of-type){transform:translate3d(0,3px,0)}.filter-hover:hover .filter-hover-item[data-v-f97cc68c]{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:last-of-type{transition-delay:50ms}.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(2){transition-delay:.1s}.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(3){transition-delay:.15s}.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(4){transition-delay:.2s}.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(5){transition-delay:.25s}.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(6){transition-delay:.3s}.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(7){transition-delay:.35s}.filter-hover:hover .filter-hover-item[data-v-f97cc68c],.filter-hover:has(:focus-visible) .filter-hover-item[data-v-f97cc68c]{opacity:1;transform:translateZ(0)}.filter-hover[data-v-f97cc68c]:hover:before,.filter-hover[data-v-f97cc68c]:has(:focus-visible):before{opacity:.9;backdrop-filter:blur(10px)}.filter-button[data-v-f97cc68c]{top:50%;transform:translateY(-50%)}.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-f97cc68c],.context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-f97cc68c]{--tw-text-opacity: 1;color:rgb(var(--scalar-color-1) / var(--tw-text-opacity))}.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-f97cc68c],.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-f97cc68c]{display:none}.schema>span[data-v-f2ab7aa3]:not(:first-child):before{content:"·";margin:0 .5ch;display:block}.schema>span[data-v-f2ab7aa3]{white-space:nowrap;display:flex}[data-v-1434cda7] .cm-editor{padding:0}[data-v-1434cda7] .cm-content{font-family:var(--scalar-font);font-size:var(--scalar-small);background-color:#0000;align-items:center;width:100%;padding:5px 8px;display:flex}[data-v-1434cda7] .cm-content:has(.cm-pill){padding:5px 8px}[data-v-1434cda7] .cm-content .cm-pill:not(:last-of-type){margin-right:.5px}[data-v-1434cda7] .cm-content .cm-pill:not(:first-of-type){margin-left:.5px}[data-v-1434cda7] .cm-line{text-overflow:ellipsis;padding:0;overflow:hidden}.filemask[data-v-1434cda7]{-webkit-mask-image:linear-gradient(to right,transparent 0,var(--scalar-background-2) 20px);mask-image:linear-gradient(to right,transparent 0,var(--scalar-background-2) 20px)}[data-v-e4bd17fa] .cm-content{font-size:var(--scalar-small)}[data-v-25ff4902] .cm-editor{padding:0}[data-v-25ff4902] .cm-content{font-family:var(--scalar-font);font-size:var(--scalar-small);background-color:#0000;align-items:center;width:100%;padding:5px 8px;display:flex}[data-v-25ff4902] .cm-content:has(.cm-pill){padding:5px 8px}[data-v-25ff4902] .cm-content .cm-pill:not(:last-of-type){margin-right:.5px}[data-v-25ff4902] .cm-content .cm-pill:not(:first-of-type){margin-left:.5px}[data-v-25ff4902] .cm-line{text-overflow:ellipsis;word-break:break-word;padding:0;overflow:hidden}.required[data-v-25ff4902]:after{content:"Required"}input[data-v-25ff4902]::-moz-placeholder{color:var(--scalar-color-3)}input[data-v-25ff4902]::placeholder{color:var(--scalar-color-3)}.scalar-password-input[data-v-25ff4902]{text-security:disc;-webkit-text-security:disc;-moz-text-security:disc}.request-section-content[data-v-2b56a6b2]{--scalar-border-width: .5px}.request-section-content-filter[data-v-2b56a6b2]{box-shadow:0 -10px 0 10px var(--scalar-background-1)}.request-item:focus-within .request-meta-buttons[data-v-2b56a6b2]{opacity:1}.group-hover-input[data-v-2b56a6b2]{border-width:var(--scalar-border-width);border-color:#0000}.group:hover .group-hover-input[data-v-2b56a6b2]{background:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.group:hover .group-hover-input[data-v-2b56a6b2]{background:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}.group:hover .group-hover-input[data-v-2b56a6b2]{border-color:var(--scalar-border-color)}.group-hover-input[data-v-2b56a6b2]:focus{border-color:var(--scalar-border-color)!important;background:none!important}.light-mode .bg-preview[data-v-c02b5bb8]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E")}.dark-mode .bg-preview[data-v-c02b5bb8]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E")}[data-v-10022578] .cm-editor{font-size:var(--scalar-small);background-color:#0000;outline:none}[data-v-10022578] .cm-gutters{background-color:var(--scalar-background-1);border-radius:var(--scalar-radius) 0 0 var(--scalar-radius)}.body-raw[data-v-10022578] .cm-scroller{min-width:100%;overflow:auto}.scalar-code-block[data-v-32d6d6ca] .hljs *{font-size:var(--scalar-small)}.ascii-art-animate .ascii-art-line[data-v-69ebd973]{border-right:1ch solid #0000;animation:4s step-end 1s both typewriter-69ebd973,.5s step-end infinite blinkTextCursor-69ebd973}@keyframes typewriter-69ebd973{0%{width:0}to{width:100%}}@keyframes blinkTextCursor-69ebd973{0%{border-right-color:currentColor}50%{border-right-color:#0000}}.keycap-n[data-v-b1211b87]{background:-webkit-linear-gradient(5deg,transparent 30%,var(--scalar-color-3) 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.keycap-hotkey[data-v-b1211b87]{line-height:26px;position:absolute;top:32px}.scalar-version-number[data-v-159bd9b3]{width:76px;height:76px;font-size:8px;font-family:var(--scalar-font-code);box-shadow:inset 2px 0 0 2px var(--scalar-background-2);text-align:center;text-transform:initial;text-decoration-color:var(--scalar-color-3);border-radius:9px 9px 16px 12px;flex-direction:column;justify-content:center;align-items:center;margin-top:-113px;margin-left:-36px;line-height:11px;display:flex;position:absolute;transform:skew(0,13deg)}.scalar-version-number a[data-v-159bd9b3]{background:var(--scalar-background-2);border:.5px solid var(--scalar-border-color);border-radius:3px;padding:2px 4px;font-weight:700;text-decoration:none}.gitbook-show[data-v-159bd9b3]{display:none}.v-enter-active[data-v-57ced68a]{transition:opacity .5s}.v-enter-from[data-v-57ced68a]{opacity:0}.animate-response-heading .response-heading[data-v-aaba9a18]{opacity:1;animation:.2s ease-in-out forwards push-response-aaba9a18}@keyframes push-response-aaba9a18{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.animate-response-heading .animate-response-children[data-v-aaba9a18]{opacity:0;animation:.2s ease-in-out 50ms forwards response-spans-aaba9a18}@keyframes response-spans-aaba9a18{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.request-card[data-v-6c4b269b]{font-size:var(--scalar-font-size-3)}.request-method[data-v-6c4b269b]{font-family:var(--scalar-font-code);text-transform:uppercase;margin-right:6px}.request-card-footer[data-v-6c4b269b]{flex-shrink:0;justify-content:flex-end;padding:6px;display:flex}.request-card-footer-addon[data-v-6c4b269b]{flex:1;align-items:center;min-width:0;display:flex}.request-editor-section[data-v-6c4b269b]{flex:1;display:flex}.request-card-simple[data-v-6c4b269b]{font-size:var(--scalar-small);justify-content:space-between;align-items:center;padding:8px 8px 8px 12px;display:flex}.code-snippet[data-v-6c4b269b]{flex-direction:column;width:100%;display:flex}.scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]{background:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]{background:color-mix(in srgb,var(--scalar-color-red),transparent 95%)}}.scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]{color:var(--scalar-color-red)}.scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:hover,.scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:focus{background:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:hover,.scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:focus{background:color-mix(in srgb,var(--scalar-color-red),transparent 90%)}}.resizer[data-v-e2c54c18]{cursor:col-resize;z-index:100;border-right:2px solid #0000;width:5px;transition:border-right-color .3s;position:absolute;top:0;bottom:0;right:0}.scalar-dragging{cursor:col-resize}.resizer:hover,.scalar-dragging .resizer{border-right-color:var(--scalar-background-3)}.scalar-dragging:after{content:"";display:block;position:absolute;inset:0}.ref-search-meta[data-v-0c30b37a]{background:var(--scalar-background-1);border-bottom-left-radius:var(--scalar-radius-lg);border-bottom-right-radius:var(--scalar-radius-lg);font-size:var(--scalar-font-size-4);color:var(--scalar-color-3);font-weight:var(--scalar-semibold);border-top:var(--scalar-border-width) solid var(--scalar-border-color);gap:12px;padding:6px 12px;display:flex}.splash-screen[data-v-af32615f]{opacity:0;animation:.5s ease-in-out forwards fadeIn-af32615f}.logo-icon[data-v-af32615f]{opacity:0;animation:.6s ease-in-out .2s forwards fadeInLogo-af32615f,2s ease-in-out .8s infinite pulse-af32615f}@keyframes fadeIn-af32615f{0%{opacity:0}to{opacity:.9}}@keyframes fadeInLogo-af32615f{0%{opacity:0;transform:scale(.9)}to{opacity:.8;transform:scale(1)}}@keyframes pulse-af32615f{0%,to{opacity:.8}50%{opacity:.6}}.scroll-timeline-x[data-v-981120f2]{scroll-timeline:--scroll-timeline x;scroll-timeline:--scroll-timeline horizontal;-ms-overflow-style:none;scrollbar-width:none;overflow:auto}.scroll-timeline-x[data-v-981120f2]::-webkit-scrollbar{display:none}.commandmenu[data-v-7f3e459b]{box-shadow:var(--scalar-shadow-2);border-radius:var(--scalar-radius-lg);background-color:var(--scalar-background-1);opacity:0;width:100%;max-width:580px;max-height:60dvh;margin:12px;animation:.3s ease-in-out .1s forwards fadeincommandmenu-7f3e459b;position:fixed;top:150px;left:50%;transform:translate3d(-50%,10px,0)}.commandmenu-overlay[data-v-7f3e459b]{cursor:pointer;background:#0003;animation:.3s ease-in-out forwards fadeincommand-7f3e459b;position:fixed;inset:0}@keyframes fadeincommand-7f3e459b{0%{opacity:0}to{opacity:1}}@keyframes fadeincommandmenu-7f3e459b{0%{opacity:0;transform:translate3d(-50%,10px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]{background:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]{background:color-mix(in srgb,var(--scalar-color-red),transparent 95%)}}.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]{color:var(--scalar-color-red)}.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover,.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus{background:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover,.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus{background:color-mix(in srgb,var(--scalar-color-red),transparent 90%)}}.empty-sidebar-item-content[data-v-75aacdc4]{display:none}.empty-sidebar-item .empty-sidebar-item-content[data-v-75aacdc4]{display:block}.rabbitjump[data-v-75aacdc4]{opacity:0}.empty-sidebar-item:hover .rabbitjump[data-v-75aacdc4]{opacity:1;animation:.5s step-end infinite rabbitAnimation-75aacdc4}.empty-sidebar-item:hover .rabbitsit[data-v-75aacdc4]{opacity:0;animation:.5s step-end infinite rabbitAnimation2-75aacdc4}.empty-sidebar-item:hover .rabbit-ascii[data-v-75aacdc4]{animation:8s linear infinite rabbitRun-75aacdc4}@keyframes rabbitRun-75aacdc4{0%{transform:translateZ(0)}25%{transform:translate3d(250px,0,0)}25.01%{transform:translate3d(-250px,0,0)}75%{transform:translate3d(250px,0,0)}75.01%{transform:translate3d(-250px,0,0)}to{transform:translateZ(0)}}@keyframes rabbitAnimation-75aacdc4{0%,to{opacity:1}50%{opacity:0}}@keyframes rabbitAnimation2-75aacdc4{0%,to{opacity:0}50%{opacity:1;transform:translate3d(0,-8px,0)}}.nav-single-tab[data-v-2e741aab]{width:100%;height:100%;color:var(--scalar-color-1);justify-content:center;align-items:center;display:flex;overflow:hidden}.nav-item[data-v-2e741aab]{cursor:pointer;border-radius:var(--scalar-radius-lg);background:var(--scalar-background-3);border:var(--scalar-border-width) solid var(--scalar-background-2);color:var(--scalar-color-3);flex:1;justify-content:center;align-items:center;min-width:0;padding:4.5px 1rem;display:flex;position:relative;overflow:hidden}.dark-mode .nav-item[data-v-2e741aab]{background:var(--scalar-background-2)}@supports (color: color-mix(in lab,red,red)){.dark-mode .nav-item[data-v-2e741aab]{background:color-mix(in srgb,var(--scalar-background-2),transparent)}}.nav-item-icon-copy[data-v-2e741aab]{white-space:nowrap;max-width:100%;-webkit-mask-image:linear-gradient(to left,transparent 0,var(--scalar-background-2) 20px);mask-image:linear-gradient(to left,transparent 0,var(--scalar-background-2) 20px);overflow:hidden}.nav-item:hover .nav-item-icon-copy[data-v-2e741aab]{-webkit-mask-image:linear-gradient(to left,transparent 20px,var(--scalar-background-2) 40px);mask-image:linear-gradient(to left,transparent 20px,var(--scalar-background-2) 40px)}.nav-item-copy[data-v-2e741aab]{max-width:calc(100% - 20px)}.nav-item[data-v-2e741aab]:hover{color:var(--scalar-color-1)}.nav-item__active[data-v-2e741aab]{background-color:var(--scalar-background-1);color:var(--scalar-color-1);border-color:var(--scalar-border-color)}.dark-mode .nav-item__active[data-v-2e741aab]{background-color:var(--scalar-background-2)}.nav-item-close[data-v-2e741aab]{border-radius:var(--scalar-radius);stroke-width:1.5px;max-width:20px;color:var(--scalar-color-3);opacity:0;background:none;margin-left:-20px;padding:2px;position:absolute;right:3px}.nav-item:hover .nav-item-close[data-v-2e741aab]{opacity:1}.nav-item-close[data-v-2e741aab]:hover{background-color:var(--scalar-background-4)}.nav-item__active .nav-item-close[data-v-2e741aab]:hover{background-color:var(--scalar-background-2)}.download-app-button[data-v-d9bec97b]{box-shadow:0 0 0 .5px var(--scalar-border-color);background:linear-gradient(#ffffffbf,#00000009)}.dark-mode .download-app-button[data-v-d9bec97b]{background:linear-gradient(#ffffff1a,#00000026)}.download-app-button[data-v-d9bec97b]:hover{background:linear-gradient(#00000009,#ffffffbf)}.dark-mode .download-app-button[data-v-d9bec97b]:hover{background:linear-gradient(#00000026,#ffffff1a)}#scalar-client{background-color:var(--scalar-background-2);flex-direction:column;width:100dvw;height:100dvh;display:flex;position:relative}.dark-mode #scalar-client{background-color:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.dark-mode #scalar-client{background-color:color-mix(in srgb,var(--scalar-background-1) 65%,black)}}.scalar-collection-auth[data-v-e15e1c6f]{border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:var(--scalar-radius-lg);overflow:hidden}[data-v-6fc24fdf] .cm-editor{padding:0}[data-v-6fc24fdf] .cm-content{font-family:var(--scalar-font);font-size:var(--scalar-small);background-color:#0000;align-items:center;width:100%;padding:5px 8px;display:flex}[data-v-6fc24fdf] .cm-content:has(.cm-pill){padding:5px 8px}[data-v-6fc24fdf] .cm-content .cm-pill:not(:last-of-type){margin-right:.5px}[data-v-6fc24fdf] .cm-content .cm-pill:not(:first-of-type){margin-left:.5px}[data-v-6fc24fdf] .cm-line{text-overflow:ellipsis;padding:0;overflow:hidden}[data-v-28c8509c] .cm-editor{padding:0}[data-v-28c8509c] .cm-content{font-family:var(--scalar-font);font-size:var(--scalar-small);background-color:#0000;align-items:center;width:100%;padding:5px 8px;display:flex}[data-v-28c8509c] .cm-content:has(.cm-pill){padding:5px 8px}[data-v-28c8509c] .cm-content .cm-pill:not(:last-of-type){margin-right:.5px}[data-v-28c8509c] .cm-content .cm-pill:not(:first-of-type){margin-left:.5px}[data-v-28c8509c] .cm-line{text-overflow:ellipsis;padding:0;overflow:hidden}[data-v-7c1a2f6c] .cm-content{min-height:-moz-fit-content;min-height:fit-content}[data-v-7c1a2f6c] .cm-scroller{max-width:100%;overflow:auto hidden}.scalar-button-danger[data-v-cda64f02]{background:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-button-danger[data-v-cda64f02]{background:color-mix(in srgb,var(--scalar-color-red),transparent 95%)}}.scalar-button-danger[data-v-cda64f02]{color:var(--scalar-color-red)}.scalar-button-danger[data-v-cda64f02]:hover,.scalar-button-danger[data-v-cda64f02]:focus{background:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-button-danger[data-v-cda64f02]:hover,.scalar-button-danger[data-v-cda64f02]:focus{background:color-mix(in srgb,var(--scalar-color-red),transparent 90%)}}.group-hover-input[data-v-5a23cb87]{border-width:var(--scalar-border-width);border-color:#0000}.group:hover .group-hover-input[data-v-5a23cb87]{background:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.group:hover .group-hover-input[data-v-5a23cb87]{background:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}.group:hover .group-hover-input[data-v-5a23cb87]{border-color:var(--scalar-border-color)}.group-hover-input[data-v-5a23cb87]:focus{border-color:var(--scalar-border-color)!important;background:none!important}.scalar .scalar-app-layout[data-v-3209f6ba]{background:var(--scalar-background-1);opacity:0;border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:8px;width:100%;max-width:1390px;height:calc(100% - 120px);margin:auto;animation:.35s forwards scalarapiclientfadein-3209f6ba;position:relative;overflow:hidden}@media (max-width: 720px) and (max-height: 480px){.scalar .scalar-app-layout[data-v-3209f6ba]{height:100%;max-height:90svh}}@keyframes scalarapiclientfadein-3209f6ba{0%{opacity:0}to{opacity:1}}.scalar .scalar-app-exit[data-v-3209f6ba]{cursor:pointer;z-index:-1;background:#00000038;width:100vw;height:100vh;transition:all .3s ease-in-out;animation:.35s forwards scalardrawerexitfadein-3209f6ba;position:fixed;top:0;left:0}.dark-mode .scalar .scalar-app-exit[data-v-3209f6ba]{background:#00000073}.scalar .scalar-app-exit[data-v-3209f6ba]:before{text-align:center;color:#fff;opacity:.6;font-family:sans-serif;font-size:30px;font-weight:100;line-height:50px;position:absolute;top:0;right:12px}.scalar .scalar-app-exit[data-v-3209f6ba]:hover:before{opacity:1}@keyframes scalardrawerexitfadein-3209f6ba{0%{opacity:0}to{opacity:1}}.scalar-container[data-v-3209f6ba]{visibility:visible;z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.scalar .url-form-input[data-v-3209f6ba]{min-height:auto!important}.scalar .scalar-container[data-v-3209f6ba]{line-height:normal}.scalar .scalar-app-header span[data-v-3209f6ba]{color:var(--scalar-color-3)}.scalar .scalar-app-header a[data-v-3209f6ba]{color:var(--scalar-color-1)}.scalar .scalar-app-header a[data-v-3209f6ba]:hover{text-decoration:underline}.scalar-activate[data-v-3209f6ba]{cursor:pointer;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin:0 .75rem .75rem auto;font-size:.875rem;font-weight:600;line-height:24px;display:flex}.scalar-activate-button[data-v-3209f6ba]{color:var(--scalar-color-blue);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;align-items:center;gap:6px;padding:0 .5rem;display:flex}.scalar-activate:hover .scalar-activate-button[data-v-3209f6ba]{background:var(--scalar-background-3);border-radius:3px}.schema>span[data-v-4df72868]:not(:first-child):before{content:"·";margin:0 .5ch;display:block}.schema>span[data-v-4df72868]{white-space:nowrap;display:flex}[data-v-04661eb4] .cm-editor{padding:0}[data-v-04661eb4] .cm-content{font-family:var(--scalar-font);font-size:var(--scalar-small);background-color:#0000;align-items:center;width:100%;padding:5px 8px;display:flex}[data-v-04661eb4] .cm-content:has(.cm-pill){padding:5px 8px}[data-v-04661eb4] .cm-content .cm-pill:not(:last-of-type){margin-right:.5px}[data-v-04661eb4] .cm-content .cm-pill:not(:first-of-type){margin-left:.5px}[data-v-04661eb4] .cm-line{text-overflow:ellipsis;padding:0;overflow:hidden}.filemask[data-v-04661eb4]{-webkit-mask-image:linear-gradient(to right,transparent 0,var(--scalar-background-2) 20px);mask-image:linear-gradient(to right,transparent 0,var(--scalar-background-2) 20px)}[data-v-9aa4b63a] .cm-content{font-size:var(--scalar-small)}.auth-combobox-position[data-v-0bb98074]{margin-left:120px}.scroll-timeline-x[data-v-0bb98074]{scroll-timeline:--scroll-timeline x;scroll-timeline:--scroll-timeline horizontal;scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.fade-left[data-v-0bb98074],.fade-right[data-v-0bb98074]{content:"";pointer-events:none;height:100%;min-height:24px;animation-name:fadein-0bb98074;animation-duration:1ms;animation-direction:reverse;animation-timeline:--scroll-timeline;position:sticky}.fade-left[data-v-0bb98074]{background:linear-gradient(-90deg,var(--scalar-background-1) 0%,var(--scalar-background-1) 60%,var(--scalar-background-1) 100%)}@supports (color: color-mix(in lab,red,red)){.fade-left[data-v-0bb98074]{background:linear-gradient(-90deg,color-mix(in srgb,var(--scalar-background-1),transparent 100%) 0%,color-mix(in srgb,var(--scalar-background-1),transparent 20%) 60%,var(--scalar-background-1) 100%)}}.fade-left[data-v-0bb98074]{min-width:3px;animation-direction:normal;left:-1px}.fade-right[data-v-0bb98074]{background:linear-gradient(90deg,var(--scalar-background-1) 0%,var(--scalar-background-1) 60%,var(--scalar-background-1) 100%)}@supports (color: color-mix(in lab,red,red)){.fade-right[data-v-0bb98074]{background:linear-gradient(90deg,color-mix(in srgb,var(--scalar-background-1),transparent 100%) 0%,color-mix(in srgb,var(--scalar-background-1),transparent 20%) 60%,var(--scalar-background-1) 100%)}}.fade-right[data-v-0bb98074]{min-width:24px;margin-left:-20px;top:0;right:-1px}@keyframes fadein-0bb98074{0%{opacity:0}15%{opacity:1}}.auth-combobox-position[data-v-3f1067a4]{margin-left:120px}.scroll-timeline-x[data-v-3f1067a4]{scroll-timeline:--scroll-timeline x;scroll-timeline:--scroll-timeline horizontal;scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.fade-left[data-v-3f1067a4],.fade-right[data-v-3f1067a4]{content:"";pointer-events:none;height:100%;min-height:24px;animation-name:fadein-3f1067a4;animation-duration:1ms;animation-direction:reverse;animation-timeline:--scroll-timeline;position:sticky}.fade-left[data-v-3f1067a4]{background:linear-gradient(-90deg,var(--scalar-background-1) 0%,var(--scalar-background-1) 60%,var(--scalar-background-1) 100%)}@supports (color: color-mix(in lab,red,red)){.fade-left[data-v-3f1067a4]{background:linear-gradient(-90deg,color-mix(in srgb,var(--scalar-background-1),transparent 100%) 0%,color-mix(in srgb,var(--scalar-background-1),transparent 20%) 60%,var(--scalar-background-1) 100%)}}.fade-left[data-v-3f1067a4]{min-width:3px;animation-direction:normal;left:-1px}.fade-right[data-v-3f1067a4]{background:linear-gradient(90deg,var(--scalar-background-1) 0%,var(--scalar-background-1) 60%,var(--scalar-background-1) 100%)}@supports (color: color-mix(in lab,red,red)){.fade-right[data-v-3f1067a4]{background:linear-gradient(90deg,color-mix(in srgb,var(--scalar-background-1),transparent 100%) 0%,color-mix(in srgb,var(--scalar-background-1),transparent 20%) 60%,var(--scalar-background-1) 100%)}}.fade-right[data-v-3f1067a4]{min-width:24px;margin-left:-20px;top:0;right:-1px}@keyframes fadein-3f1067a4{0%{opacity:0}15%{opacity:1}}[data-v-2891f052] code.hljs *{font-size:var(--scalar-small)}.request-section-content[data-v-e85e2882]{--scalar-border-width: .5px}.request-section-content-filter[data-v-e85e2882]{box-shadow:0 -10px 0 10px var(--scalar-background-1)}.request-item:focus-within .request-meta-buttons[data-v-e85e2882]{opacity:1}.group-hover-input[data-v-e85e2882]{border-width:var(--scalar-border-width);border-color:#0000}.group:hover .group-hover-input[data-v-e85e2882]{background:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.group:hover .group-hover-input[data-v-e85e2882]{background:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}.group:hover .group-hover-input[data-v-e85e2882]{border-color:var(--scalar-border-color)}.group-hover-input[data-v-e85e2882]:focus{border-color:var(--scalar-border-color)!important;background:none!important}.light-mode .bg-preview[data-v-0956ad2d]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E")}.dark-mode .bg-preview[data-v-0956ad2d]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E")}[data-v-85d2902e] .cm-editor{font-size:var(--scalar-small);background-color:#0000;outline:none}[data-v-85d2902e] .cm-gutters{background-color:var(--scalar-background-1);border-radius:var(--scalar-radius) 0 0 var(--scalar-radius)}.body-raw[data-v-85d2902e] .cm-scroller{min-width:100%;overflow:auto}.scalar-code-block[data-v-17966bf4] .hljs *{font-size:var(--scalar-small)}.response-body-virtual[data-headlessui-state=open],.response-body-virtual[data-headlessui-state=open] .diclosure-panel{flex-direction:column;flex-grow:1;display:flex}.scalar-version-number[data-v-6d2bdb61]{width:76px;height:76px;font-size:8px;font-family:var(--scalar-font-code);box-shadow:inset 2px 0 0 2px var(--scalar-background-2);text-align:center;text-transform:initial;text-decoration-color:var(--scalar-color-3);border-radius:9px 9px 16px 12px;flex-direction:column;justify-content:center;align-items:center;margin-top:-113px;margin-left:-36px;line-height:11px;display:flex;position:absolute;transform:skew(0,13deg)}.scalar-version-number a[data-v-6d2bdb61]{background:var(--scalar-background-2);border:.5px solid var(--scalar-border-color);border-radius:3px;padding:2px 4px;font-weight:700;text-decoration:none}.gitbook-show[data-v-6d2bdb61]{display:none}.v-enter-active[data-v-7ec8af01]{transition:opacity .5s}.v-enter-from[data-v-7ec8af01]{opacity:0}.animate-response-heading .response-heading[data-v-7138ed84]{opacity:1;animation:.2s ease-in-out forwards push-response-7138ed84}@keyframes push-response-7138ed84{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.animate-response-heading .animate-response-children[data-v-7138ed84]{opacity:0;animation:.2s ease-in-out 50ms forwards response-spans-7138ed84}@keyframes response-spans-7138ed84{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ellipsis-position[data-v-01a1ab71]{transform:translate3d(calc(-100% - 4.5px),0,0)}.indent-border-line-offset[data-v-4f5a9d1f]:before{left:var(--0bed2d4e)}.indent-padding-left[data-v-4f5a9d1f]{padding-left:calc(var(--57ee1db0) + 6px)}.sidebar-folderitem[data-v-4f5a9d1f] .ellipsis-position{right:6px;transform:none}.search-button-fade[data-v-bca9c474]{background:linear-gradient(var(--scalar-background-1) 32px,var(--scalar-background-1) 38px,transparent)}@supports (color: color-mix(in lab,red,red)){.search-button-fade[data-v-bca9c474]{background:linear-gradient(var(--scalar-background-1) 32px,color-mix(in srgb,var(--scalar-background-1),transparent) 38px,transparent)}}.empty-sidebar-item-content[data-v-bca9c474]{display:none}.empty-sidebar-item .empty-sidebar-item-content[data-v-bca9c474]{display:block}.rabbitjump[data-v-bca9c474]{opacity:0}.empty-sidebar-item:hover .rabbitjump[data-v-bca9c474]{opacity:1;animation:.5s step-end infinite rabbitAnimation-bca9c474}.empty-sidebar-item:hover .rabbitsit[data-v-bca9c474]{opacity:0;animation:.5s step-end infinite rabbitAnimation2-bca9c474}.empty-sidebar-item:hover .rabbit-ascii[data-v-bca9c474]{animation:8s linear infinite rabbitRun-bca9c474}@keyframes rabbitRun-bca9c474{0%{transform:translateZ(0)}25%{transform:translate3d(250px,0,0)}25.01%{transform:translate3d(-250px,0,0)}75%{transform:translate3d(250px,0,0)}75.01%{transform:translate3d(-250px,0,0)}to{transform:translateZ(0)}}@keyframes rabbitAnimation-bca9c474{0%,to{opacity:1}50%{opacity:0}}@keyframes rabbitAnimation2-bca9c474{0%,to{opacity:0}50%{opacity:1;transform:translate3d(0,-8px,0)}}.request-text-color-text[data-v-c508c571]{color:var(--scalar-color-1);background:linear-gradient(var(--scalar-background-1),var(--scalar-background-3));box-shadow:0 0 0 1px var(--scalar-border-color)}@media screen and (max-width: 800px){.sidebar-active-hide-layout[data-v-c508c571]{display:none}.sidebar-active-width[data-v-c508c571]{width:100%}}.gitbook-show[data-v-c8df97c6]{display:none}.app-exit-button[data-v-c8df97c6]{color:#fff;background:#0000001a}.app-exit-button[data-v-c8df97c6]:hover{background:#ffffff1a}.request-text-color-text[data-v-57ae0d10]{color:var(--scalar-color-1);background:linear-gradient(var(--scalar-background-1),var(--scalar-background-3));box-shadow:0 0 0 1px var(--scalar-border-color)}@media screen and (max-width: 800px){.sidebar-active-hide-layout[data-v-57ae0d10]{display:none}.sidebar-active-width[data-v-57ae0d10]{width:100%}}.group-hover-input[data-v-fced736a]{border-width:var(--scalar-border-width);border-color:#0000}.group:hover .group-hover-input[data-v-fced736a]{background:var(--scalar-background-1)}@supports (color: color-mix(in lab,red,red)){.group:hover .group-hover-input[data-v-fced736a]{background:color-mix(in srgb,var(--scalar-background-1),var(--scalar-background-2))}}.group:hover .group-hover-input[data-v-fced736a]{border-color:var(--scalar-border-color)}.group-hover-input[data-v-fced736a]:focus{border-color:var(--scalar-border-color)!important;background:none!important}[data-v-68d5218e] .markdown h2{font-size:var(--scalar-font-size-2)}[data-v-5997a667] .cm-content{min-height:-moz-fit-content;min-height:fit-content}[data-v-5997a667] .cm-scroller{max-width:100%;overflow:auto hidden}[data-v-83bfcc8a] .cm-editor{padding:0}[data-v-83bfcc8a] .cm-content{font-family:var(--scalar-font);font-size:var(--scalar-small);background-color:#0000;align-items:center;width:100%;padding:5px 8px;display:flex}[data-v-83bfcc8a] .cm-content:has(.cm-pill){padding:5px 8px}[data-v-83bfcc8a] .cm-content .cm-pill:not(:last-of-type){margin-right:.5px}[data-v-83bfcc8a] .cm-content .cm-pill:not(:first-of-type){margin-left:.5px}[data-v-83bfcc8a] .cm-line{text-overflow:ellipsis;padding:0;overflow:hidden}.scalar-collection-auth[data-v-cc87292e]{border:var(--scalar-border-width) solid var(--scalar-border-color);border-radius:var(--scalar-radius-lg);overflow:hidden}.scalar-button-danger[data-v-f353959a]{background:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-button-danger[data-v-f353959a]{background:color-mix(in srgb,var(--scalar-color-red),transparent 95%)}}.scalar-button-danger[data-v-f353959a]{color:var(--scalar-color-red)}.scalar-button-danger[data-v-f353959a]:hover,.scalar-button-danger[data-v-f353959a]:focus{background:var(--scalar-color-red)}@supports (color: color-mix(in lab,red,red)){.scalar-button-danger[data-v-f353959a]:hover,.scalar-button-danger[data-v-f353959a]:focus{background:color-mix(in srgb,var(--scalar-color-red),transparent 90%)}}.dragover-asChild[data-v-a89d6a6e],.dragover-above[data-v-a89d6a6e],.dragover-below[data-v-a89d6a6e]{position:relative}.dragover-above[data-v-a89d6a6e]:after,.dragover-below[data-v-a89d6a6e]:after{content:"";background:var(--scalar-color-blue);width:100%;height:3px;display:block;position:absolute;top:-1.5px}@supports (color: color-mix(in lab,red,red)){.dragover-above[data-v-a89d6a6e]:after,.dragover-below[data-v-a89d6a6e]:after{background:color-mix(in srgb,var(--scalar-color-blue),transparent 85%)}}.dragover-above[data-v-a89d6a6e]:after,.dragover-below[data-v-a89d6a6e]:after{pointer-events:none;border-radius:var(--scalar-radius)}.dragover-below[data-v-a89d6a6e]:after{top:initial;bottom:-1.5px}.dragover-asChild[data-v-a89d6a6e]:after{content:"";background:var(--scalar-color-blue);width:100%;height:100%;display:block;position:absolute;top:0;left:0}@supports (color: color-mix(in lab,red,red)){.dragover-asChild[data-v-a89d6a6e]:after{background:color-mix(in srgb,var(--scalar-color-blue),transparent 85%)}}.dragover-asChild[data-v-a89d6a6e]:after{pointer-events:none;border-radius:var(--scalar-radius)}.empty-variable-name[data-v-0b6c70e4]:empty:before{content:"Untitled";color:var(--scalar-color-3)}.form-group[data-v-694018d6]{margin-bottom:1rem}.modal-actions[data-v-694018d6]{justify-content:flex-end;gap:1rem;display:flex}:root{--scalar-loaded-api-reference: true}@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-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false}@property --tw-font-weight{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-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@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-duration{syntax: "*"; inherits: false}@layer scalar-config{.scalar-api-reference[data-v-4529c98b]{--refs-sidebar-width: var(--scalar-sidebar-width, 0px);--refs-header-height: calc( var(--scalar-custom-header-height) + var(--scalar-header-height, 0px) );--refs-viewport-offset: calc( var(--refs-header-height, 0px) + var(--refs-content-offset, 0px) );--refs-viewport-height: calc( var(--full-height, 100dvh) - var(--refs-viewport-offset, 0px) );--refs-content-max-width: var(--scalar-content-max-width, 1540px)}.scalar-api-reference.references-classic[data-v-4529c98b]{--refs-content-max-width: var(--scalar-content-max-width, 1420px);min-height:100dvh;--refs-sidebar-width: 0}.scalar-api-reference[data-v-4529c98b]:has(.api-reference-toolbar){--refs-content-offset: 48px}}.references-layout[data-v-4529c98b]{min-height:100dvh;min-width:100%;max-width:100%;flex:1;--full-height: 100dvh;display:grid;grid-template-rows:var(--scalar-header-height, 0px) repeat(2,auto);grid-template-columns:auto 1fr;grid-template-areas:"header header" "navigation rendered" "footer footer";background:var(--scalar-background-1)}.references-editor[data-v-4529c98b]{grid-area:editor;display:flex;min-width:0;background:var(--scalar-background-1)}.references-rendered[data-v-4529c98b]{position:relative;grid-area:rendered;min-width:0;background:var(--scalar-background-1)}.scalar-api-reference.references-classic[data-v-4529c98b],.references-classic .references-rendered[data-v-4529c98b]{height:initial!important;max-height:initial!important}@layer scalar-config{.references-sidebar[data-v-4529c98b]{--refs-sidebar-width: var(--scalar-sidebar-width, 280px)}}.references-footer[data-v-4529c98b]{grid-area:footer}@media (max-width: 1000px){.references-layout[data-v-4529c98b]{grid-template-columns:100%;grid-template-rows:var(--scalar-header-height, 0px) 0px auto auto;grid-template-areas:"header" "navigation" "rendered" "footer"}.references-editable[data-v-4529c98b]{grid-template-areas:"header" "navigation" "editor"}.references-rendered[data-v-4529c98b]{position:static}}@media (max-width: 1000px){.scalar-api-references-standalone-mobile[data-v-4529c98b]{--scalar-header-height: 50px}}.darklight-reference[data-v-4529c98b]{width:100%;margin-top:auto}.start[data-v-673f10b6]{padding:24px;display:flex;flex-flow:wrap;justify-content:space-between;position:relative;z-index:0}.swagger-editor .start[data-v-673f10b6]{padding-top:24px}.start-h1[data-v-673f10b6]{font-size:var(--scalar-heading-2);margin-top:0;line-height:1.45;margin-bottom:0;font-weight:var(--scalar-bold);color:var(--scalar-color-1);width:100%;position:relative}.start-h3[data-v-673f10b6]{font-size:var(--scalar-paragraph);margin-top:0;margin-bottom:6px;display:block;line-height:1.45;font-weight:var(--scalar-bold);color:var(--scalar-color-1);width:100%}.start-h1[data-v-673f10b6]:not(:first-of-type){margin-top:24px}.start-p[data-v-673f10b6]{font-size:var(--scalar-paragraph);color:var(--scalar-color-2);line-height:1.5;width:100%;margin-top:12px}.start-ul[data-v-673f10b6]{margin-top:12px;font-size:var(--scalar-paragraph);line-height:1.5;padding-left:0;list-style:initial;display:flex;flex-flow:wrap;gap:24px}.start-ul li[data-v-673f10b6]{margin:0;padding:0;list-style:none;width:calc(50% - 24px);color:var(--scalar-color-2)}.start-ul li[data-v-673f10b6]:first-of-type{margin-top:0}.start-section[data-v-673f10b6]{width:100%;margin-bottom:12px;display:flex;flex-flow:wrap}.start-section[data-v-673f10b6]:last-of-type{margin-bottom:48px}.start-h2[data-v-673f10b6]{background:var(--scalar-background-2);border-top-left-radius:var(--scalar-radius-lg);border-top-right-radius:var(--scalar-radius-lg);border:1px solid var(--scalar-border-color);color:var(--scalar-color-3);font-size:var(--scalar-mini);font-weight:var(--scalar-semibold);padding:9px;width:100%}.start-item[data-v-673f10b6]{align-items:center;background:var(--scalar-background-2);border-right:1px solid var(--scalar-border-color);border-bottom:1px solid var(--scalar-border-color);color:var(--scalar-color-1);cursor:pointer;display:flex;flex:1;font-size:var(--scalar-mini);font-weight:var(--scalar-semibold);padding:9px;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.start-section-integrations .start-item[data-v-673f10b6]:first-of-type{border-bottom-left-radius:var(--scalar-radius-lg);border-left:1px solid var(--scalar-border-color)}.start-section-integrations .start-item[data-v-673f10b6]:last-of-type{border-bottom-right-radius:var(--scalar-radius-lg)}.start-section-colors .start-item[data-v-673f10b6]{min-width:33.33%}.start-section-colors .start-item[data-v-673f10b6]:nth-child(3n+2){border-left:1px solid var(--scalar-border-color)}.start-section-colors .start-item[data-v-673f10b6]:last-of-type,.start-section-colors .start-item-active[data-v-673f10b6]:last-of-type:before{border-radius:0 0 var(--scalar-radius-lg) var(--scalar-radius-lg)}.start-item[data-v-673f10b6]:empty{pointer-events:none}.start-item svg[data-v-673f10b6]{width:14px;height:14px;margin-right:6px}.start-item[data-v-673f10b6]:hover{background:var(--scalar-background-3)}.start-item-active[data-v-673f10b6]{z-index:10;position:relative;color:var(--scalar-color-1)}.start-item-active[data-v-673f10b6]:before{border:1px solid var(--scalar-color-1);content:"";inset:-1px;pointer-events:none;position:absolute}.start-section-color .start-item[data-v-673f10b6]{text-transform:capitalize}.start-cta[data-v-673f10b6]{display:flex;gap:12px;width:100%;margin-top:24px;margin-bottom:0}.start-row[data-v-673f10b6]{width:100%;margin-top:12px;overflow:hidden}.start-hero-copy[data-v-673f10b6]{background:var(--scalar-background-2);padding:12px;border-radius:var(--scalar-radius-lg)}.start-p-small[data-v-673f10b6]{font-weight:var(--scalar-semibold);font-size:var(--scalar-mini);color:var(--scalar-color-2);margin-bottom:12px;line-height:1.4}.start-cta[data-v-673f10b6]{margin-bottom:12px;width:-moz-fit-content;width:fit-content;white-space:nowrap}.start-copy[data-v-673f10b6]{padding:76px 48px 48px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.start-logo[data-v-673f10b6]{color:var(--scalar-color-1);margin-bottom:24px;width:72px;aspect-ratio:1;position:relative;box-shadow:var(--scalar-shadow-2);border-radius:50%}.start-logo[data-v-673f10b6]:before{content:"";width:300%;aspect-ratio:1;left:-100%;top:-100%;position:absolute;z-index:-1;border-radius:50%;background-size:24px 24px;box-shadow:inset 0 0 50px var(--scalar-background-1),inset 0 0 50px var(--scalar-background-1);background-image:linear-gradient(to right,var(--scalar-border-color) 1px,transparent 1px),linear-gradient(to bottom,var(--scalar-border-color) 1px,transparent 1px)}.start-logo svg[data-v-673f10b6]{width:100%;height:auto;background:var(--scalar-background-1);padding:3px;border-radius:50%;position:relative}@media screen and (max-width: 600px){.start-section-colors .start-item[data-v-673f10b6],.start-item[data-v-673f10b6]{width:100%;border-radius:0;border-right:none;border-top:1px solid var(--scalar-border-color)}.start-item[data-v-673f10b6]:empty{display:none}.start-h2[data-v-673f10b6]{border-bottom:none}.start li[data-v-673f10b6]{width:100%}.start-copy[data-v-673f10b6]{padding:48px 0 24px}}@media screen and (max-width: 1000px){.start[data-v-673f10b6]{padding:0;overflow:auto}}.client-libraries-content[data-v-f0cbe3aa]{container:client-libraries-content / inline-size;display:flex;justify-content:center;overflow:hidden;padding:0 12px;background-color:var(--scalar-background-1);border-left:var(--scalar-border-width) solid var(--scalar-border-color);border-right:var(--scalar-border-width) solid var(--scalar-border-color)}.client-libraries[data-v-f0cbe3aa]{display:flex;align-items:center;justify-content:center;width:100%;position:relative;cursor:pointer;white-space:nowrap;padding:8px 2px;gap:6px;color:var(--scalar-color-3);border-bottom:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.client-libraries[data-v-f0cbe3aa]:not(.client-libraries__active):hover:before{content:"";position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);background:var(--scalar-background-2);left:2px;top:2px;z-index:0;border-radius:var(--scalar-radius)}.client-libraries[data-v-f0cbe3aa]:active{color:var(--scalar-color-1)}.client-libraries[data-v-f0cbe3aa]:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--scalar-color-accent)}@media screen and (max-width: 450px){.client-libraries[data-v-f0cbe3aa]:nth-of-type(4),.client-libraries[data-v-f0cbe3aa]:nth-of-type(5){display:none}}.client-libraries-icon[data-v-f0cbe3aa]{max-width:14px;max-height:14px;min-width:14px;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;color:currentColor}.client-libraries-icon__more svg[data-v-f0cbe3aa]{height:initial}@container client-libraries-content (width < 400px){.client-libraries__select[data-v-f0cbe3aa]{width:-moz-fit-content;width:fit-content}.client-libraries__select .client-libraries-icon__more+span[data-v-f0cbe3aa]{display:none}}@container client-libraries-content (width < 380px){.client-libraries[data-v-f0cbe3aa]{width:100%}.client-libraries span[data-v-f0cbe3aa]{display:none}}.client-libraries__active[data-v-f0cbe3aa]{color:var(--scalar-color-1);border-bottom:1px solid var(--scalar-color-1)}@keyframes codeloader-f0cbe3aa{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.client-libraries .client-libraries-text[data-v-f0cbe3aa]{font-size:var(--scalar-small);position:relative;display:flex;align-items:center}.client-libraries__active .client-libraries-text[data-v-f0cbe3aa]{color:var(--scalar-color-1);font-weight:var(--scalar-semibold)}@media screen and (max-width: 600px){.references-classic .client-libraries[data-v-f0cbe3aa]{flex-direction:column}}.selected-client[data-v-33fea7c3]{color:var(--scalar-color-1);font-size:var(--scalar-small);font-family:var(--scalar-font-code);padding:9px 12px;border-top:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--scalar-background-1);border:var(--scalar-border-width) solid var(--scalar-border-color);border-bottom-left-radius:var(--scalar-radius-lg);border-bottom-right-radius:var(--scalar-radius-lg);min-height:-moz-fit-content;min-height:fit-content}.client-libraries-heading[data-v-33fea7c3]{font-size:var(--scalar-small);font-weight:var(--scalar-font-medium);color:var(--scalar-color-1);padding:9px 12px;background-color:var(--scalar-background-2);display:flex;align-items:center;max-height:32px;border:var(--scalar-border-width) solid var(--scalar-border-color);border-top-left-radius:var(--scalar-radius-lg);border-top-right-radius:var(--scalar-radius-lg)}[data-v-33fea7c3] .scalar-codeblock-pre .hljs{margin-top:8px}
/**
 * Avatar Component Styles
 * Robust image display component with comprehensive fallback system
 * Follows clean CSS modules architecture with semantic design tokens
 */

/* ========================================
   AVATAR CONTAINER
   ======================================== */

._avatar_4y5nj_11 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  overflow: hidden;
  background-color: var(--avatar-background);
  color: var(--avatar-text);
  border: 1px solid var(--avatar-border);
  flex-shrink: 0;
  transition: all var(--transition-fast);
}

._avatar_4y5nj_11:hover {
  border-color: var(--avatar-border-hover);
  transform: var(--avatar-hover-transform);
}

/* ========================================
   SIZE VARIANTS
   ======================================== */

._size-sm_4y5nj_34 {
  width: var(--avatar-size-sm);
  height: var(--avatar-size-sm);
  font-size: var(--avatar-font-size-sm);
  font-weight: var(--avatar-font-weight);
}

._size-md_4y5nj_41 {
  width: var(--avatar-size-md);
  height: var(--avatar-size-md);
  font-size: var(--avatar-font-size-md);
  font-weight: var(--avatar-font-weight);
}

._size-lg_4y5nj_48 {
  width: var(--avatar-size-lg);
  height: var(--avatar-size-lg);
  font-size: var(--avatar-font-size-lg);
  font-weight: var(--avatar-font-weight);
}

._size-xl_4y5nj_55 {
  width: var(--avatar-size-xl);
  height: var(--avatar-size-xl);
  font-size: var(--avatar-font-size-xl);
  font-weight: var(--avatar-font-weight);
}

/* ========================================
   CONTENT TYPES
   ======================================== */

/* Image content */
._content_4y5nj_67 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  transition: all var(--transition-fast);
}

/* Hidden image for loading */
._hiddenImg_4y5nj_76 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

._content_4y5nj_67:hover {
  transform: var(--avatar-image-hover-transform);
}

/* Initials fallback */
._initials_4y5nj_92 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--avatar-initials-background);
  color: var(--avatar-initials-text);
  font-weight: var(--avatar-font-weight);
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Default icon fallback */
._defaultIcon_4y5nj_106 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--avatar-default-background);
  color: var(--avatar-default-text);
}

._iconSvg_4y5nj_116 {
  width: 60%;
  height: 60%;
  flex-shrink: 0;
}

/* ========================================
   LOADING STATES
   ======================================== */

/* Loading skeleton */
._skeleton_4y5nj_127 {
  position: relative;
  border-radius: inherit;
  background-color: var(--avatar-skeleton-background);
  overflow: hidden;
}

._skeletonPulse_4y5nj_134 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, var(--avatar-skeleton-highlight), transparent);
  animation: _skeletonShimmer_4y5nj_1 2s infinite;
}

@keyframes _skeletonShimmer_4y5nj_1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* Retry indicator */
._retryIndicator_4y5nj_154 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--avatar-retry-background);
  border-radius: var(--radius-full);
  padding: var(--space-1);
  border: 1px solid var(--avatar-retry-border);
}

._spinner_4y5nj_165 {
  width: var(--space-3);
  height: var(--space-3);
  border: 2px solid var(--avatar-retry-text);
  border-top: 2px solid transparent;
  border-radius: var(--radius-full);
  animation: _spin_4y5nj_165 1s linear infinite;
}

@keyframes _spin_4y5nj_165 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Loading state modifiers */
._loading_4y5nj_184 ._content_4y5nj_67 {
  filter: blur(2px);
}

._retrying_4y5nj_188 ._content_4y5nj_67 {
  filter: blur(1px) grayscale(50%);
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

/* Focus states */
._avatar_4y5nj_11:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  ._avatar_4y5nj_11,
  ._content_4y5nj_67,
  ._skeletonPulse_4y5nj_134,
  ._spinner_4y5nj_165 {
    animation: none;
    transition: none;
  }

  ._avatar_4y5nj_11:hover,
  ._content_4y5nj_67:hover {
    transform: none;
  }
}

/* High contrast mode */
@media (prefers-contrast: high) {
  ._avatar_4y5nj_11 {
    border-width: 2px;
    border-color: var(--text-primary);
  }

  ._initials_4y5nj_92,
  ._defaultIcon_4y5nj_106 {
    color: var(--text-primary);
    background-color: var(--surface-primary);
  }
}

/* ========================================
   DARK THEME ADJUSTMENTS
   ======================================== */

[data-theme='dark'] ._avatar_4y5nj_11 {
  border-color: var(--avatar-border-dark);
}

[data-theme='dark'] ._avatar_4y5nj_11:hover {
  border-color: var(--avatar-border-hover-dark);
}

[data-theme='dark'] ._initials_4y5nj_92 {
  background-color: var(--avatar-initials-background-dark);
  color: var(--avatar-initials-text-dark);
}

[data-theme='dark'] ._defaultIcon_4y5nj_106 {
  background-color: var(--avatar-default-background-dark);
  color: var(--avatar-default-text-dark);
}

[data-theme='dark'] ._skeleton_4y5nj_127 {
  background-color: var(--avatar-skeleton-background-dark);
}

[data-theme='dark'] ._skeletonPulse_4y5nj_134 {
  background: linear-gradient(
    90deg,
    transparent,
    var(--avatar-skeleton-highlight-dark),
    transparent
  );
}

/* ========================================
   INTERACTIVE STATES
   ======================================== */

/* Avatar group context (for future use) */
._avatar_4y5nj_11[data-group='true'] {
  border: 2px solid var(--surface-primary);
  margin-left: calc(-1 * var(--avatar-group-overlap, var(--space-2)));
  transition: all var(--transition-fast);
  z-index: 1;
}

._avatar_4y5nj_11[data-group='true']:hover {
  z-index: 2;
  transform: scale(var(--avatar-group-hover-scale, 1.1));
  border-color: var(--avatar-border-hover);
}

/* Status indicators (for future use) */
._avatar_4y5nj_11[data-status]::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25%;
  height: 25%;
  border-radius: var(--radius-full);
  border: 2px solid var(--surface-primary);
}

._avatar_4y5nj_11[data-status='online']::after {
  background-color: var(--state-success);
}

._avatar_4y5nj_11[data-status='offline']::after {
  background-color: var(--color-gray-400);
}

._avatar_4y5nj_11[data-status='busy']::after {
  background-color: var(--state-warning);
}

._avatar_4y5nj_11[data-status='away']::after {
  background-color: var(--state-error);
}
/**
 * Select Component Styles
 * Clean CSS modules architecture with component-specific design tokens
 * Compatible with Base UI data attributes
 * NO opacity anywhere - solid colors only for maintainable styling
 */

/* Positioner wrapper - ensures select dropdown is above page content */
._positioner_1ozoy_9 {
  z-index: var(--z-dropdown);
}

/* Select Content - Dropdown Panel */
._content_1ozoy_14 {
  /* Positioning */
  position: relative;
  z-index: var(--z-dropdown);
  max-height: 24rem; /* max-h-96 equivalent */
  min-width: 8rem;

  /* Layout */
  overflow: hidden;

  /* Design using design tokens */
  background-color: var(--surface-overlay);
  color: var(--text-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);

  /* Transform origin using Base UI CSS variable */
  transform-origin: var(--transform-origin);
}

/* Base UI uses data-open instead of data-state */
._content_1ozoy_14[data-open] {
  animation: _selectIn_1ozoy_1 200ms ease-out;
}

._content_1ozoy_14:not([data-open]) {
  animation: _selectOut_1ozoy_1 150ms ease-in;
}

/* Side-specific adjustments - Base UI uses data-side */
._content_1ozoy_14[data-side='bottom'] {
  transform-origin: top;
}

._content_1ozoy_14[data-side='top'] {
  transform-origin: bottom;
}

._content_1ozoy_14[data-side='left'] {
  transform-origin: right;
}

._content_1ozoy_14[data-side='right'] {
  transform-origin: left;
}

/* Viewport / List */
._viewport_1ozoy_62 {
  padding: var(--space-1);
}

/* Scroll Buttons */
._scrollButton_1ozoy_67 {
  display: flex;
  cursor: default;
  align-items: center;
  justify-content: center;
  padding: var(--space-1) 0;
}

._scrollButton_1ozoy_67 svg {
  width: 1rem;
  height: 1rem;
}

/* Label */
._label_1ozoy_81 {
  padding: var(--space-2) var(--space-2) var(--space-1-5);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
}

/* Item */
._item_1ozoy_89 {
  position: relative;
  display: flex;
  width: 100%;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  padding: var(--space-1-5) var(--space-2) var(--space-1-5) var(--space-2);
  padding-right: var(--space-8);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  outline: none;
  transition: background-color var(--transition-fast);
}

/* Base UI uses data-highlighted instead of :focus */
._item_1ozoy_89[data-highlighted] {
  background-color: var(--surface-muted);
  color: var(--text-primary);
}

._item_1ozoy_89[data-disabled] {
  pointer-events: none;
  opacity: 0.5;
}

/* Item Indicator */
._itemIndicator_1ozoy_116 {
  position: absolute;
  right: var(--space-2);
  display: flex;
  height: 0.875rem;
  width: 0.875rem;
  align-items: center;
  justify-content: center;
}

._itemIndicator_1ozoy_116 svg {
  width: 1rem;
  height: 1rem;
}

/* Separator */
._separator_1ozoy_132 {
  margin: var(--space-1) calc(-1 * var(--space-1));
  height: 1px;
  background-color: var(--border-default);
}

/* Animations - NO OPACITY, scale only */
@keyframes _selectIn_1ozoy_1 {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}

@keyframes _selectOut_1ozoy_1 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.95);
  }
}
/**
 * Popover Component Styles
 * Uses design tokens for consistent theming
 * Compatible with Base UI data attributes
 */

/* Positioner wrapper - ensures popover stack is above page content */
._positioner_15g95_8 {
  z-index: var(--z-popover);
}

/* Popover Content */
._content_15g95_13 {
  /* Positioning - using z-index token */
  z-index: var(--z-popover);
  width: 18rem; /* 72 * 0.25rem = 18rem */

  /* Layout */
  padding: var(--space-4);

  /* Design using tokens with enhanced visibility */
  background-color: var(--surface-overlay);
  color: var(--text-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xl);

  /* Full opacity for solid appearance */
  opacity: 1;

  /* Focus styles */
  outline: none;

  /* Transform origin using Base UI CSS variable */
  transform-origin: var(--transform-origin);

  /* Smooth transitions */
  transition: all var(--transition-base);
}

/* Base UI uses data-open instead of data-state */
._content_15g95_13[data-open] {
  animation: _popoverIn_15g95_1 200ms ease-out;
}

._content_15g95_13:not([data-open]) {
  animation: _popoverOut_15g95_1 200ms ease-in;
}

/* Animations */
@keyframes _popoverIn_15g95_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes _popoverOut_15g95_1 {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

/* Side-specific slide animations - Base UI uses data-side */
._content_15g95_13[data-side='bottom'] {
  transform-origin: top;
}

._content_15g95_13[data-side='bottom'][data-open] {
  animation: _popoverInFromTop_15g95_1 200ms ease-out;
}

._content_15g95_13[data-side='top'] {
  transform-origin: bottom;
}

._content_15g95_13[data-side='top'][data-open] {
  animation: _popoverInFromBottom_15g95_1 200ms ease-out;
}

._content_15g95_13[data-side='left'] {
  transform-origin: right;
}

._content_15g95_13[data-side='left'][data-open] {
  animation: _popoverInFromRight_15g95_1 200ms ease-out;
}

._content_15g95_13[data-side='right'] {
  transform-origin: left;
}

._content_15g95_13[data-side='right'][data-open] {
  animation: _popoverInFromLeft_15g95_1 200ms ease-out;
}

/* Slide animations */
@keyframes _popoverInFromTop_15g95_1 {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-0.5rem);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes _popoverInFromBottom_15g95_1 {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes _popoverInFromLeft_15g95_1 {
  from {
    opacity: 0;
    transform: scale(0.95) translateX(-0.5rem);
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}

@keyframes _popoverInFromRight_15g95_1 {
  from {
    opacity: 0;
    transform: scale(0.95) translateX(0.5rem);
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
/**
 * Backlog Review Feature Styles
 */

/* ========================================
   REVIEW PAGE LAYOUT
   ======================================== */

._container_11q8q_9 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  overflow: auto;
  background: var(--surface-base);
}

._header_11q8q_18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

._title_11q8q_25 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._viewToggle_11q8q_31 {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  background: var(--surface-secondary);
  border-radius: var(--radius-md);
}

._viewToggleBtn_11q8q_39 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._viewToggleBtn_11q8q_39:hover {
  color: var(--text-primary);
}

._viewToggleBtn_11q8q_39[data-active='true'] {
  background: var(--surface-base);
  color: var(--text-primary);
  box-shadow: var(--shadow-sm);
}

/* ========================================
   SECTIONS
   ======================================== */

._sectionsContainer_11q8q_65 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_11q8q_65 {
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  overflow: hidden;
}

._sectionHeader_11q8q_78 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s ease;
}

._sectionHeader_11q8q_78:hover {
  background: var(--surface-secondary);
}

._sectionExpander_11q8q_95 {
  display: flex;
  align-items: center;
  color: var(--text-tertiary);
}

._sectionIcon_11q8q_101 {
  display: flex;
  align-items: center;
  color: var(--text-secondary);
}

._sectionIconText_11q8q_107 {
  font-size: var(--font-size-base);
}

._sectionTitle_11q8q_111 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._sectionCount_11q8q_117 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  padding: 0.125rem 0.5rem;
  background: var(--surface-tertiary);
  border-radius: var(--radius-sm);
}

._sectionCount_11q8q_117[data-empty='true'] {
  color: var(--text-tertiary);
}

._sectionSpacer_11q8q_130 {
  flex: 1;
}

._sectionContent_11q8q_134 {
  padding: 0 1rem 1rem;
}

._sectionDescription_11q8q_138 {
  margin-bottom: 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._sectionEmpty_11q8q_144 {
  padding: 1rem 0;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  text-align: center;
}

._sectionTruncated_11q8q_151 {
  margin-top: 0.75rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
}

/* ========================================
   TASK LIST
   ======================================== */

._taskList_11q8q_162 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._taskCard_11q8q_168 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: var(--surface-secondary);
  border-left: 3px solid var(--border-default);
  border-radius: var(--radius-sm);
  transition: background 0.15s ease;
}

._taskCard_11q8q_168:hover {
  background: var(--surface-tertiary);
}

._taskContent_11q8q_183 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  cursor: pointer;
}

._taskMain_11q8q_192 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

._taskTitle_11q8q_200 {
  flex: 1;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._taskDuration_11q8q_210 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  white-space: nowrap;
}

._taskMeta_11q8q_216 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  flex-shrink: 0;
}

._taskProject_11q8q_225 {
  color: var(--text-secondary);
}

._taskPriority_11q8q_229 {
  font-weight: var(--font-weight-medium);
}

._taskMetadata_11q8q_233 {
  color: var(--text-tertiary);
}

._taskActions_11q8q_237 {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-shrink: 0;
}

._destructiveAction_11q8q_244 {
  color: var(--color-red-500);
}

._destructiveAction_11q8q_244:hover {
  color: var(--color-red-600);
  background: var(--color-red-500-alpha-10);
}

/* ========================================
   EMPTY STATE
   ======================================== */

._emptyState_11q8q_257 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}

._emptyIcon_11q8q_266 {
  margin-bottom: 1rem;
  color: var(--text-tertiary);
}

._emptyTitle_11q8q_271 {
  margin-bottom: 0.5rem;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._emptyDescription_11q8q_278 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

/* ========================================
   LOADING STATE
   ======================================== */

._loading_11q8q_287 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._loadingSkeleton_11q8q_293 {
  height: 3rem;
  background: var(--surface-secondary);
  border-radius: var(--radius-md);
  animation: _pulse_11q8q_1 1.5s ease-in-out infinite;
}

@keyframes _pulse_11q8q_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* ========================================
   BATCHING SECTION
   ======================================== */

._batchingContainer_11q8q_314 {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-default);
}

._batchingTitle_11q8q_320 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}

._batchingSubtitle_11q8q_327 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin-bottom: 1rem;
}

._batchDuration_11q8q_333 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-right: 0.5rem;
}

._batchActions_11q8q_339 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._batchTaskList_11q8q_345 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._batchTaskItem_11q8q_351 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: var(--surface-secondary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.15s ease;
}

._batchTaskItem_11q8q_351:hover {
  background: var(--surface-tertiary);
}

._batchTaskTitle_11q8q_366 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._batchTaskDuration_11q8q_371 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* ========================================
   DORMANT PROJECTS
   ======================================== */

._dormantProjectList_11q8q_380 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._dormantProjectCard_11q8q_386 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: var(--surface-secondary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.15s ease;
}

._dormantProjectCard_11q8q_386:hover {
  background: var(--surface-tertiary);
}

._dormantProjectIcon_11q8q_401 {
  display: flex;
  align-items: center;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._dormantProjectName_11q8q_408 {
  flex: 1;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._dormantProjectReason_11q8q_415 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
}
/**
 * Projects View Styles
 * Kanban-based project layout with secondary navbar
 */

/* ========================================
   WRAPPER & CONTAINER
   ======================================== */

._projectsWrapper_1gty2_10 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._projectsContent_1gty2_17 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  background-color: var(--surface-base);
}

/* ========================================
   PROJECTS NAVBAR (Secondary navigation bar)
   ======================================== */

._projectsNavbar_1gty2_29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--surface-base);
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
  gap: 1rem;
}

._navbarLeft_1gty2_40 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarProjectCount_1gty2_46 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._navbarRight_1gty2_55 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarTypeFilter_1gty2_61 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._navbarTypeBtn_1gty2_67 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._navbarTypeBtn_1gty2_67:hover {
  color: var(--text-secondary);
  border-color: var(--border-hover);
}

._navbarTypeBtnActive_1gty2_87 {
  color: var(--text-primary);
}

._navbarTypeBtnAllActive_1gty2_91 {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  border-color: var(--border-hover);
}

._navbarTypeBtnWork_1gty2_97 {
  border-color: var(--color-blue-500);
  background: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
}

._navbarTypeBtnPersonal_1gty2_102 {
  border-color: var(--color-green-500);
  background: color-mix(in srgb, var(--color-green-500) 15%, transparent);
}

._navbarNewBtn_1gty2_107 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-inverse);
  background-color: var(--action-primary);
  border: 1px solid var(--action-primary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._navbarNewBtn_1gty2_107:hover {
  background-color: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
}

/* ========================================
   ERROR & LOADING STATES
   ======================================== */

._errorBanner_1gty2_131 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  margin: 0.5rem 1rem;
  background-color: var(--state-error-bg);
  color: var(--state-error);
  border-radius: var(--radius);
  font-size: var(--font-size-sm);
}

._loadingState_1gty2_143 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}
._verified_lvyh0_1 {
  margin-left: 0.125rem;
  max-width: 20px;
  max-height: 20px;
  height: 1.25em;
  fill: currentColor;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: text-bottom;
}
._root_98iqw_1 {
  width: 100%;
  min-width: 250px;
  max-width: 550px;
  overflow: hidden;
  /* Base font styles */
  color: var(--tweet-font-color);
  font-family: var(--tweet-font-family);
  font-weight: 400;
  box-sizing: border-box;
  border: var(--tweet-border);
  border-radius: 12px;
  margin: var(--tweet-container-margin);
  background-color: var(--tweet-bg-color);
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
}
._root_98iqw_1:hover {
  background-color: var(--tweet-bg-color-hover);
}
._article_98iqw_21 {
  position: relative;
  box-sizing: inherit;
  padding: 0.75rem 1rem;
}
.react-tweet-theme {
  --tweet-container-margin: 1.5rem 0;

  /* Header */
  --tweet-header-font-size: 0.9375rem;
  --tweet-header-line-height: 1.25rem;

  /* Text */
  --tweet-body-font-size: 1.25rem;
  --tweet-body-font-weight: 400;
  --tweet-body-line-height: 1.5rem;
  --tweet-body-margin: 0;

  /* Quoted Tweet */
  --tweet-quoted-container-margin: 0.75rem 0;
  --tweet-quoted-body-font-size: 0.938rem;
  --tweet-quoted-body-font-weight: 400;
  --tweet-quoted-body-line-height: 1.25rem;
  --tweet-quoted-body-margin: 0.25rem 0 0.75rem 0;

  /* Info */
  --tweet-info-font-size: 0.9375rem;
  --tweet-info-line-height: 1.25rem;

  /* Actions like the like, reply and copy buttons */
  --tweet-actions-font-size: 0.875rem;
  --tweet-actions-line-height: 1rem;
  --tweet-actions-font-weight: 700;
  --tweet-actions-icon-size: 1.25em;
  --tweet-actions-icon-wrapper-size: calc(
    var(--tweet-actions-icon-size) + 0.75em
  );

  /* Reply button */
  --tweet-replies-font-size: 0.875rem;
  --tweet-replies-line-height: 1rem;
  --tweet-replies-font-weight: 700;
}

:where(.react-tweet-theme) * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:is([data-theme='light'], .light) :where(.react-tweet-theme),
:where(.react-tweet-theme) {
  --tweet-skeleton-gradient: linear-gradient(
    270deg,
    #fafafa,
    #eaeaea,
    #eaeaea,
    #fafafa
  );
  --tweet-border: 1px solid rgb(207, 217, 222);
  --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;
  --tweet-font-color: rgb(15, 20, 25);
  --tweet-font-color-secondary: rgb(83, 100, 113);
  --tweet-bg-color: #fff;
  --tweet-bg-color-hover: rgb(247, 249, 249);
  --tweet-quoted-bg-color-hover: rgba(0, 0, 0, 0.03);
  --tweet-color-blue-primary: rgb(29, 155, 240);
  --tweet-color-blue-primary-hover: rgb(26, 140, 216);
  --tweet-color-blue-secondary: rgb(0, 111, 214);
  --tweet-color-blue-secondary-hover: rgba(0, 111, 214, 0.1);
  --tweet-color-red-primary: rgb(249, 24, 128);
  --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1);
  --tweet-color-green-primary: rgb(0, 186, 124);
  --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1);
  --tweet-twitter-icon-color: var(--tweet-font-color);
  --tweet-verified-old-color: rgb(130, 154, 171);
  --tweet-verified-blue-color: var(--tweet-color-blue-primary);
}

:is([data-theme='dark'], .dark) :where(.react-tweet-theme) {
  --tweet-skeleton-gradient: linear-gradient(
    270deg,
    #15202b,
    rgb(30, 39, 50),
    rgb(30, 39, 50),
    rgb(21, 32, 43)
  );
  --tweet-border: 1px solid rgb(66, 83, 100);
  --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;
  --tweet-font-color: rgb(247, 249, 249);
  --tweet-font-color-secondary: rgb(139, 152, 165);
  --tweet-bg-color: rgb(21, 32, 43);
  --tweet-bg-color-hover: rgb(30, 39, 50);
  --tweet-quoted-bg-color-hover: rgba(255, 255, 255, 0.03);
  --tweet-color-blue-primary: rgb(29, 155, 240);
  --tweet-color-blue-primary-hover: rgb(26, 140, 216);
  --tweet-color-blue-secondary: rgb(107, 201, 251);
  --tweet-color-blue-secondary-hover: rgba(107, 201, 251, 0.1);
  --tweet-color-red-primary: rgb(249, 24, 128);
  --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1);
  --tweet-color-green-primary: rgb(0, 186, 124);
  --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1);
  --tweet-twitter-icon-color: var(--tweet-font-color);
  --tweet-verified-old-color: rgb(130, 154, 171);
  --tweet-verified-blue-color: #fff;
}

@media (prefers-color-scheme: dark) {
  :where(.react-tweet-theme) {
    --tweet-skeleton-gradient: linear-gradient(
      270deg,
      #15202b,
      rgb(30, 39, 50),
      rgb(30, 39, 50),
      rgb(21, 32, 43)
    );
    --tweet-border: 1px solid rgb(66, 83, 100);
    --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
      Helvetica, Arial, sans-serif;
    --tweet-font-color: rgb(247, 249, 249);
    --tweet-font-color-secondary: rgb(139, 152, 165);
    --tweet-bg-color: rgb(21, 32, 43);
    --tweet-bg-color-hover: rgb(30, 39, 50);
    --tweet-color-blue-primary: rgb(29, 155, 240);
    --tweet-color-blue-primary-hover: rgb(26, 140, 216);
    --tweet-color-blue-secondary: rgb(107, 201, 251);
    --tweet-color-blue-secondary-hover: rgba(107, 201, 251, 0.1);
    --tweet-color-red-primary: rgb(249, 24, 128);
    --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1);
    --tweet-color-green-primary: rgb(0, 186, 124);
    --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1);
    --tweet-twitter-icon-color: var(--tweet-font-color);
    --tweet-verified-old-color: rgb(130, 154, 171);
    --tweet-verified-blue-color: #fff;
  }
}
._verifiedOld_lcna5_1 {
  color: var(--tweet-verified-old-color);
}
._verifiedBlue_lcna5_4 {
  color: var(--tweet-verified-blue-color);
}
._verifiedGovernment_lcna5_7 {
  /* color: var(--tweet-verified-government-color); */
  color: rgb(130, 154, 171);
}
._label_36ucz_1 {
  display: flex;
  height: calc(1.0625em);
  width: calc(1.0625em);
  max-width: 17px;
  max-height: 17px;
  margin-left: 4px;
  margin-right: 2px;
  border: var(--tweet-border);
  border-radius: 2px;
}

._label_36ucz_1 > img {
  width: 100%;
  height: 100%;
}
._header_nqq4j_1 {
  display: flex;
  padding-bottom: 0.75rem;
  line-height: var(--tweet-header-line-height);
  font-size: var(--tweet-header-font-size);
  white-space: nowrap;
  overflow-wrap: break-word;
  overflow: hidden;
}

._avatar_nqq4j_11 {
  position: relative;
  height: 48px;
  width: 48px;
}
._avatarOverflow_nqq4j_16 {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  border-radius: 9999px;
}
._avatarSquare_nqq4j_23 {
  border-radius: 4px;
}
._avatarShadow_nqq4j_26 {
  height: 100%;
  width: 100%;
  transition-property: background-color;
  transition-duration: 0.2s;
  box-shadow: rgb(0 0 0 / 3%) 0px 0px 2px inset;
}
._avatarShadow_nqq4j_26:hover {
  background-color: rgba(26, 26, 26, 0.15);
}

._author_nqq4j_37 {
  max-width: calc(100% - 84px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0.5rem;
}
._authorLink_nqq4j_44 {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
}
._authorLink_nqq4j_44:hover {
  text-decoration-line: underline;
}
._authorVerified_nqq4j_53 {
  display: inline-flex;
}
._authorLinkText_nqq4j_56 {
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._authorMeta_nqq4j_63 {
  display: flex;
}
._authorFollow_nqq4j_66 {
  display: flex;
}
._username_nqq4j_69 {
  color: var(--tweet-font-color-secondary);
  text-decoration: none;
  text-overflow: ellipsis;
}
._follow_nqq4j_74 {
  color: var(--tweet-color-blue-secondary);
  text-decoration: none;
  font-weight: 700;
}
._follow_nqq4j_74:hover {
  text-decoration-line: underline;
}
._separator_nqq4j_82 {
  padding: 0 0.25rem;
}

._brand_nqq4j_86 {
  margin-inline-start: auto;
}

._twitterIcon_nqq4j_90 {
  width: 23.75px;
  height: 23.75px;
  color: var(--tweet-twitter-icon-color);
  fill: currentColor;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._root_1ec15_1 {
  text-decoration: none;
  color: var(--tweet-font-color-secondary);
  font-size: 0.9375rem;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
._root_1ec15_1:hover {
  text-decoration-thickness: 1px;
  text-decoration-line: underline;
}
._root_eihfa_1 {
  font-weight: inherit;
  color: var(--tweet-color-blue-secondary);
  text-decoration: none;
  cursor: pointer;
}
._root_eihfa_1:hover {
  text-decoration-thickness: 1px;
  text-decoration-line: underline;
}
._root_1xq52_1 {
  font-size: var(--tweet-body-font-size);
  font-weight: var(--tweet-body-font-weight);
  line-height: var(--tweet-body-line-height);
  margin: var(--tweet-body-margin);
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
._root_g9tkv_1 {
  margin-top: 0.75rem;
  overflow: hidden;
  position: relative;
}
._rounded_g9tkv_6 {
  border: var(--tweet-border);
  border-radius: 12px;
}
._mediaWrapper_g9tkv_10 {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 2px;
  height: 100%;
  width: 100%;
}
._grid2Columns_g9tkv_17 {
  grid-template-columns: repeat(2, 1fr);
}
._grid3_g9tkv_20 > a:first-child {
  grid-row: span 2;
}
._grid2x2_g9tkv_23 {
  grid-template-rows: repeat(2, 1fr);
}
._mediaContainer_g9tkv_26 {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._mediaLink_g9tkv_34 {
  text-decoration: none;
  outline-style: none;
}
._skeleton_g9tkv_38 {
  padding-bottom: 56.25%;
  width: 100%;
  display: block;
}
._image_g9tkv_43 {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
._anchor_fp31d_1 {
  display: flex;
  align-items: center;
  color: white;
  padding: 0 1rem;
  border: 1px solid transparent;
  border-radius: 9999px;
  font-weight: 700;
  transition: background-color 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline-style: none;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._videoButton_fp31d_17 {
  position: relative;
  height: 67px;
  width: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tweet-color-blue-primary);
  transition-property: background-color;
  transition-duration: 0.2s;
  border: 4px solid #fff;
  border-radius: 9999px;
  cursor: pointer;
}
._videoButton_fp31d_17:hover,
._videoButton_fp31d_17:focus-visible {
  background-color: var(--tweet-color-blue-primary-hover);
}
._videoButtonIcon_fp31d_35 {
  margin-left: 3px;
  width: calc(50% + 4px);
  height: calc(50% + 4px);
  max-width: 100%;
  color: #fff;
  fill: currentColor;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._watchOnTwitter_fp31d_44 {
  position: absolute;
  top: 12px;
  right: 8px;
}
._watchOnTwitter_fp31d_44 > a {
  min-width: 2rem;
  min-height: 2rem;
  font-size: 0.875rem;
  line-height: 1rem;
  backdrop-filter: blur(4px);
  background-color: rgba(15, 20, 25, 0.75);
}
._watchOnTwitter_fp31d_44 > a:hover {
  background-color: rgba(39, 44, 48, 0.75);
}
._viewReplies_fp31d_60 {
  position: relative;
  min-height: 2rem;
  background-color: var(--tweet-color-blue-primary);
  border-color: var(--tweet-color-blue-primary);
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
._viewReplies_fp31d_60:hover {
  background-color: var(--tweet-color-blue-primary-hover);
}
._root_i24yn_1 {
  color: inherit;
  text-decoration: none;
  font-size: var(--tweet-info-font-size);
  line-height: var(--tweet-info-line-height);
}
._root_i24yn_1:hover {
  text-decoration-thickness: 1px;
  text-decoration-line: underline;
}
._info_19qcj_1 {
  display: flex;
  align-items: center;
  color: var(--tweet-font-color-secondary);
  margin-top: 0.125rem;
  overflow-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._infoLink_19qcj_10 {
  color: inherit;
  text-decoration: none;
}
._infoLink_19qcj_10 {
  height: var(--tweet-actions-icon-wrapper-size);
  width: var(--tweet-actions-icon-wrapper-size);
  font: inherit;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -4px;
  border-radius: 9999px;
  transition-property: background-color;
  transition-duration: 0.2s;
}
._infoLink_19qcj_10:hover {
  background-color: var(--tweet-color-blue-secondary-hover);
}
._infoIcon_19qcj_30 {
  color: inherit;
  fill: currentColor;
  height: var(--tweet-actions-icon-size);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._infoLink_19qcj_10:hover > ._infoIcon_19qcj_30 {
  color: var(--tweet-color-blue-secondary);
}
._actions_n2anf_1 {
  display: flex;
  align-items: center;
  color: var(--tweet-font-color-secondary);
  padding-top: 0.25rem;
  margin-top: 0.25rem;
  border-top: var(--tweet-border);
  overflow-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._like_n2anf_13,
._reply_n2anf_14,
._copy_n2anf_15 {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  margin-right: 1.25rem;
}
._like_n2anf_13:hover,
._reply_n2anf_14:hover,
._copy_n2anf_15:hover {
  background-color: rgba(0, 0, 0, 0);
}
._like_n2anf_13:hover > ._likeIconWrapper_n2anf_27 {
  background-color: var(--tweet-color-red-primary-hover);
}
._like_n2anf_13:hover > ._likeCount_n2anf_30 {
  color: var(--tweet-color-red-primary);
  text-decoration-line: underline;
}
._likeIconWrapper_n2anf_27,
._replyIconWrapper_n2anf_35,
._copyIconWrapper_n2anf_36 {
  width: var(--tweet-actions-icon-wrapper-size);
  height: var(--tweet-actions-icon-wrapper-size);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -0.25rem;
  border-radius: 9999px;
}
._likeIcon_n2anf_27,
._replyIcon_n2anf_35,
._copyIcon_n2anf_36 {
  height: var(--tweet-actions-icon-size);
  fill: currentColor;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._likeIcon_n2anf_27 {
  color: var(--tweet-color-red-primary);
}
._likeCount_n2anf_30,
._replyText_n2anf_56,
._copyText_n2anf_57 {
  font-size: var(--tweet-actions-font-size);
  font-weight: var(--tweet-actions-font-weight);
  line-height: var(--tweet-actions-line-height);
  margin-left: 0.25rem;
}

._reply_n2anf_14:hover > ._replyIconWrapper_n2anf_35 {
  background-color: var(--tweet-color-blue-secondary-hover);
}
._reply_n2anf_14:hover > ._replyText_n2anf_56 {
  color: var(--tweet-color-blue-secondary);
  text-decoration-line: underline;
}
._replyIcon_n2anf_35 {
  color: var(--tweet-color-blue-primary);
}

._copy_n2anf_15 {
  font: inherit;
  background: none;
  border: none;
  cursor: pointer;
}
._copy_n2anf_15:hover > ._copyIconWrapper_n2anf_36 {
  background-color: var(--tweet-color-green-primary-hover);
}
._copy_n2anf_15:hover ._copyIcon_n2anf_36 {
  color: var(--tweet-color-green-primary);
}
._copy_n2anf_15:hover > ._copyText_n2anf_57 {
  color: var(--tweet-color-green-primary);
  text-decoration-line: underline;
}
._replies_1cutb_1 {
  padding: 0.25rem 0;
}
._link_1cutb_4 {
  text-decoration: none;
  color: var(--tweet-color-blue-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline-style: none;
  transition-property: background-color;
  transition-duration: 0.2s;
  padding: 0 1rem;
  border: var(--tweet-border);
  border-radius: 9999px;
}
._link_1cutb_4:hover {
  background-color: var(--tweet-color-blue-secondary-hover);
}
._text_1cutb_23 {
  font-weight: var(--tweet-replies-font-weight);
  font-size: var(--tweet-replies-font-size);
  line-height: var(--tweet-replies-line-height);
  overflow-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._root_q5799_1 {
  width: 100%;
  overflow: hidden;
  border: var(--tweet-border);
  border-radius: 12px;
  margin: var(--tweet-quoted-container-margin);
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
  cursor: pointer;
}

._root_q5799_1:hover {
  background-color: var(--tweet-quoted-bg-color-hover);
}

._article_q5799_16 {
  position: relative;
  box-sizing: inherit;
}
._header_f00ab_1 {
  display: flex;
  padding: 0.75rem 0.75rem 0 0.75rem;
  line-height: var(--tweet-header-line-height);
  font-size: var(--tweet-header-font-size);
  white-space: nowrap;
  overflow-wrap: break-word;
  overflow: hidden;
}

._avatar_f00ab_11 {
  position: relative;
  height: 20px;
  width: 20px;
}
._avatarOverflow_f00ab_16 {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  border-radius: 9999px;
}
._avatarSquare_f00ab_23 {
  border-radius: 4px;
}

._author_f00ab_27 {
  display: flex;
  margin: 0 0.5rem;
  align-items: center;
}

._authorText_f00ab_33 {
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._username_f00ab_40 {
  color: var(--tweet-font-color-secondary);
  text-decoration: none;
  text-overflow: ellipsis;
  margin-left: 0.125rem;
}
._root_175ot_1 {
  font-size: var(--tweet-quoted-body-font-size);
  font-weight: var(--tweet-quoted-body-font-weight);
  line-height: var(--tweet-quoted-body-line-height);
  margin: var(--tweet-quoted-body-margin);
  overflow-wrap: break-word;
  white-space: pre-wrap;
  padding: 0 0.75rem;
}
._root_16yxa_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.75rem;
}
._root_16yxa_1 > h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
._skeleton_oi7hr_1 {
  display: block;
  width: 100%;
  border-radius: 5px;
  background-image: var(--tweet-skeleton-gradient);
  background-size: 400% 100%;
  animation: _loading_oi7hr_1 8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  ._skeleton_oi7hr_1 {
    animation: none;
    background-position: 200% 0;
  }
}

@keyframes _loading_oi7hr_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._root_17qqv_1 {
  pointer-events: none;
  padding-bottom: 0.25rem;
}
/* Markdown Editor Styles */

._editorWrapper_1kqdm_3 {
  width: 100%;
  min-height: 80px;
  border-radius: var(--radius-sm);
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  transition: border-color 0.15s ease;
}

._editorWrapper_1kqdm_3:focus-within {
  border-color: var(--action-primary);
  outline: none;
}

._editor_1kqdm_3 {
  width: 100%;
}

._editorContent_1kqdm_21 {
  padding: var(--spacing-sm) var(--spacing-md);
  min-height: 80px;
  font-size: var(--text-sm);
  color: var(--text-primary);
  line-height: 1.6;
  outline: none;
}

/* Placeholder - Tiptap uses .is-editor-empty class */
._editorContent_1kqdm_21._is-editor-empty_1kqdm_30:first-child::before {
  content: attr(data-placeholder);
  color: var(--text-tertiary);
  pointer-events: none;
  float: left;
  height: 0;
}

/* Prose styling for rendered content */
._editorContent_1kqdm_21 h1 {
  font-size: var(--text-xl);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm);
  color: var(--text-primary);
}

._editorContent_1kqdm_21 h2 {
  font-size: var(--text-lg);
  font-weight: 600;
  margin: 0 0 var(--spacing-xs);
  color: var(--text-primary);
}

._editorContent_1kqdm_21 h3 {
  font-size: var(--text-base);
  font-weight: 600;
  margin: 0 0 var(--spacing-xs);
  color: var(--text-primary);
}

._editorContent_1kqdm_21 p {
  margin: 0 0 var(--spacing-xs);
}

._editorContent_1kqdm_21 p:last-child {
  margin-bottom: 0;
}

._editorContent_1kqdm_21 ul,
._editorContent_1kqdm_21 ol {
  margin: 0 0 var(--spacing-sm);
  padding-left: 1.5rem;
  list-style-position: outside;
}

._editorContent_1kqdm_21 li {
  margin-bottom: var(--spacing-xs);
}

._editorContent_1kqdm_21 li p {
  margin: 0;
}

/* Task list */
._editorContent_1kqdm_21 ul[data-type='taskList'] {
  list-style: none;
  padding-left: 0;
}

._editorContent_1kqdm_21 ul[data-type='taskList'] li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}

._editorContent_1kqdm_21 ul[data-type='taskList'] li > label {
  margin-top: 2px;
}

._editorContent_1kqdm_21 ul[data-type='taskList'] li > div {
  flex: 1;
}

._editorContent_1kqdm_21 ul[data-type='taskList'] input[type='checkbox'] {
  width: 16px;
  height: 16px;
  accent-color: var(--action-primary);
  cursor: pointer;
}

/* Blockquote */
._editorContent_1kqdm_21 blockquote {
  border-left: 3px solid var(--border);
  margin: 0 0 var(--spacing-sm);
  padding-left: var(--spacing-md);
  color: var(--text-secondary);
  font-style: italic;
}

/* Code */
._editorContent_1kqdm_21 code {
  background: color-mix(in srgb, var(--surface-elevated) 50%, var(--border) 50%);
  padding: 0.15em 0.4em;
  border-radius: var(--radius-sm);
  font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: 0.9em;
}

._editorContent_1kqdm_21 pre {
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: var(--spacing-sm);
  margin: 0 0 var(--spacing-sm);
  overflow-x: auto;
}

._editorContent_1kqdm_21 pre code {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

/* Horizontal rule */
._editorContent_1kqdm_21 hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: var(--spacing-md) 0;
}

/* Bold, italic, underline, strikethrough */
._editorContent_1kqdm_21 strong {
  font-weight: 600;
}

._editorContent_1kqdm_21 em {
  font-style: italic;
}

._editorContent_1kqdm_21 u {
  text-decoration: underline;
}

._editorContent_1kqdm_21 s {
  text-decoration: line-through;
  color: var(--text-tertiary);
}

/* Links */
._editorContent_1kqdm_21 a {
  color: var(--action-primary);
  text-decoration: underline;
  cursor: pointer;
}

._editorContent_1kqdm_21 a:hover {
  color: var(--action-primary-hover);
}

/* Bubble Menu */
._bubbleWrapper_1kqdm_181 {
  display: flex;
  position: absolute;
  z-index: var(--z-floating);
}

._bubbleMenu_1kqdm_187 {
  display: flex;
  gap: 2px;
  padding: var(--spacing-xs);
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._bubbleButton_1kqdm_197 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.1s ease;
}

._bubbleButton_1kqdm_197:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

._bubbleButtonActive_1kqdm_216 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: var(--action-primary);
  color: white;
  border-radius: var(--radius-sm);
  cursor: pointer;
}

/* Slash Command Menu */
._commandMenu_1kqdm_230 {
  position: absolute;
  z-index: var(--z-floating);
  width: 280px;
  max-height: 320px;
  overflow-y: auto;
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  padding: var(--spacing-xs);
}

._commandEmpty_1kqdm_243 {
  padding: var(--spacing-md);
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  text-align: center;
}

._commandItem_1kqdm_250 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.1s ease;
}

._commandItem_1kqdm_250:hover,
._commandItem_1kqdm_250[data-selected='true'],
._commandItem_1kqdm_250[aria-selected='true'] {
  background: var(--surface-hover);
}

._commandIcon_1kqdm_266 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  flex-shrink: 0;
}

._commandText_1kqdm_279 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}

._commandTitle_1kqdm_286 {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--text-primary);
}

._commandDescription_1kqdm_292 {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**
 * Practices Page Styles
 */

._container_w2u60_5 {
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem;
  background: var(--surface-base);
}

._content_w2u60_12 {
  max-width: none;
  margin: 0 2%;
}

._header_w2u60_17 {
  margin-bottom: 1.5rem;
}

._title_w2u60_21 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}

._subtitle_w2u60_28 {
  font-size: 0.875rem;
  color: var(--text-tertiary);
}

._grid_w2u60_33 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}

._card_w2u60_39 {
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: 0.5rem;
  padding: 1rem;
  transition: border-color 0.15s ease;
}

._card_w2u60_39:hover {
  border-color: var(--border-hover);
}

._cardHeader_w2u60_51 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._cardIcon_w2u60_58 {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--text-secondary);
}

._cardTitle_w2u60_64 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}

._cardContent_w2u60_70 {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  line-height: 1.5;
}

._list_w2u60_76 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._listItem_w2u60_85 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

._bullet_w2u60_91 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--text-tertiary);
  margin-top: 0.5rem;
  flex-shrink: 0;
}

._table_w2u60_100 {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

._table_w2u60_100 th,
._table_w2u60_100 td {
  padding: 0.375rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid var(--border-subtle);
}

._table_w2u60_100 th {
  font-weight: 500;
  color: var(--text-tertiary);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

._table_w2u60_100 td {
  color: var(--text-secondary);
}

._table_w2u60_100 tr:last-child td {
  border-bottom: none;
}

._priorityBadge_w2u60_129 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
}

._p1_w2u60_140 {
  background: var(--priority-p1-bg, rgba(239, 68, 68, 0.15));
  color: var(--priority-p1-text, #ef4444);
}

._p2_w2u60_145 {
  background: var(--priority-p2-bg, rgba(245, 158, 11, 0.15));
  color: var(--priority-p2-text, #f59e0b);
}

._p3_w2u60_150 {
  background: var(--priority-p3-bg, rgba(59, 130, 246, 0.15));
  color: var(--priority-p3-text, #3b82f6);
}

._p4_w2u60_155 {
  background: var(--priority-p4-bg, rgba(156, 163, 175, 0.15));
  color: var(--priority-p4-text, #6b7280);
}

._kbd_w2u60_160 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.25rem;
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: 0.25rem;
  font-family: var(--font-mono, monospace);
  font-size: 0.6875rem;
  color: var(--text-secondary);
}

._emphasis_w2u60_175 {
  color: var(--text-primary);
  font-weight: 500;
}

._wideCard_w2u60_180 {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
  ._container_w2u60_5 {
    padding: 1rem;
  }

  ._grid_w2u60_33 {
    grid-template-columns: 1fr;
  }
}
/* ============================================================================
   OKR MODULE STYLES
   ============================================================================ */

/* ============================================================================
   OKR VIEW - Main Container
   ============================================================================ */

._okrView_1v5uw_9 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bg-primary);
}

._okrHeader_1v5uw_16 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--border-subtle);
}

._okrHeaderLeft_1v5uw_24 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._okrIcon_1v5uw_30 {
  color: var(--action-primary);
}

._okrTitle_1v5uw_34 {
  font-size: var(--text-xl);
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

._okrHeaderRight_1v5uw_41 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._createObjectiveBtn_1v5uw_47 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._createObjectiveBtn_1v5uw_47:hover {
  background-color: var(--surface-elevated);
}

/* ============================================================================
   Navigation - Tabs and Period Nav
   ============================================================================ */

._okrNav_1v5uw_70 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-base);
}

._okrNavLeft_1v5uw_79 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._okrNavRight_1v5uw_85 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._okrTabs_1v5uw_91 {
  display: flex;
  align-items: center;
  gap: 0;
}

._okrTab_1v5uw_91 {
  padding: 0.25rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._okrTab_1v5uw_91:hover {
  color: var(--text-primary);
}

._okrTabActive_1v5uw_113 {
  color: var(--text-primary);
  background: var(--surface-elevated);
  border-color: var(--border-default);
}

._okrPeriodNav_1v5uw_119 {
  display: flex;
  align-items: center;
  gap: 0;
}

._okrPeriodNavBtn_1v5uw_125 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._okrPeriodNavBtn_1v5uw_125:hover {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
}

._okrPeriodLabel_1v5uw_144 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--action-primary);
  text-align: center;
  background: transparent;
  border: none;
  cursor: pointer;
}

._okrPeriodCurrent_1v5uw_155 {
  color: var(--action-primary);
}

._okrFilterSelect_1v5uw_159 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
}

/* ============================================================================
   Stats Bar
   ============================================================================ */

._okrStats_1v5uw_173 {
  display: flex;
  gap: var(--space-6);
  padding: var(--space-3) var(--space-6);
  border-bottom: 1px solid var(--border-subtle);
  background: var(--bg-secondary);
}

._okrStat_1v5uw_173 {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

._okrStatValue_1v5uw_187 {
  font-size: var(--text-lg);
  font-weight: 600;
  color: var(--text-primary);
}

._okrStatLabel_1v5uw_193 {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ============================================================================
   Content Area
   ============================================================================ */

._okrContent_1v5uw_204 {
  flex: 1;
  overflow-y: auto;
  padding: var(--space-4) var(--space-6);
}

._okrList_1v5uw_210 {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

/* Loading State */
._okrLoading_1v5uw_217 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  height: 200px;
  color: var(--text-secondary);
}

._okrLoadingSpinner_1v5uw_227 {
  animation: _spin_1v5uw_1 1s linear infinite;
}

@keyframes _spin_1v5uw_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Error State */
._okrError_1v5uw_241 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  height: 200px;
  color: var(--status-error);
}

/* Empty State */
._okrEmpty_1v5uw_252 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  height: 300px;
  text-align: center;
}

._okrEmptyIcon_1v5uw_262 {
  color: var(--text-tertiary);
}

._okrEmptyTitle_1v5uw_266 {
  font-size: var(--text-lg);
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

._okrEmptyText_1v5uw_273 {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin: 0;
  max-width: 300px;
}

._okrEmptyBtn_1v5uw_280 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  font-size: var(--text-sm);
  font-weight: 500;
  color: white;
  background: var(--action-primary);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  margin-top: var(--space-3);
}

._okrEmptyBtn_1v5uw_280:hover {
  background: var(--action-primary-hover);
}

/* ============================================================================
   Objective Card
   ============================================================================ */

._objectiveCard_1v5uw_303 {
  background: var(--bg-primary);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

._objectiveCard_1v5uw_303:hover {
  border-color: var(--border-default);
}

._objectiveCompleted_1v5uw_314 {
  opacity: 0.7;
}

._objectiveCancelled_1v5uw_318 {
  opacity: 0.5;
}

._objectiveHeader_1v5uw_322 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-subtle);
}

._objectiveExpandBtn_1v5uw_331 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  flex-shrink: 0;
}

._objectiveExpandBtn_1v5uw_331:hover {
  color: var(--text-primary);
  background: var(--bg-tertiary);
}

._objectiveIcon_1v5uw_350 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--action-primary);
  background: var(--action-primary-subtle);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

._objectiveTitleSection_1v5uw_362 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}

._objectiveTitle_1v5uw_362 {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._objectiveStatusBadge_1v5uw_380 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-2);
  font-size: var(--text-xs);
  font-weight: 500;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

._statusCompleted_1v5uw_391 {
  color: var(--status-success);
  background: var(--status-success-subtle);
}

._statusCancelled_1v5uw_396 {
  color: var(--text-tertiary);
  background: var(--bg-tertiary);
}

._objectiveProgress_1v5uw_401 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-shrink: 0;
}

._objectiveProgressBar_1v5uw_408 {
  width: 100px;
  height: 6px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._objectiveProgressFill_1v5uw_416 {
  height: 100%;
  background: var(--action-primary);
  border-radius: var(--radius-full);
  transition: width 0.3s ease;
}

._objectiveProgressText_1v5uw_423 {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--text-secondary);
  min-width: 40px;
  text-align: right;
}

._objectiveKRCount_1v5uw_431 {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._objectiveActions_1v5uw_437 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  flex-shrink: 0;
}

._objectiveActionBtn_1v5uw_444 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
}

._objectiveActionBtn_1v5uw_444:hover {
  color: var(--text-primary);
  background: var(--bg-tertiary);
}

._objectiveDescription_1v5uw_462 {
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin: 0;
  border-bottom: 1px solid var(--border-subtle);
}

/* Menu */
._objectiveMenuWrapper_1v5uw_471 {
  position: relative;
}

._menuBackdrop_1v5uw_475 {
  position: fixed;
  inset: 0;
  z-index: 10;
}

._objectiveMenu_1v5uw_471 {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 20;
  min-width: 180px;
  background: var(--bg-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

._menuItem_1v5uw_494 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  padding: var(--space-2) var(--space-3);
  font-size: var(--text-sm);
  color: var(--text-primary);
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
}

._menuItem_1v5uw_494:hover {
  background: var(--bg-secondary);
}

._menuItemDanger_1v5uw_512 {
  color: var(--status-error);
}

._menuDivider_1v5uw_516 {
  height: 1px;
  background: var(--border-subtle);
  margin: var(--space-1) 0;
}

._menuSection_1v5uw_522 {
  padding: var(--space-2) var(--space-3);
}

._menuSectionLabel_1v5uw_526 {
  display: block;
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-2);
}

._menuProjectItem_1v5uw_535 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  padding: var(--space-1) 0;
}

/* ============================================================================
   Key Results List
   ============================================================================ */

._keyResultsList_1v5uw_548 {
  padding: var(--space-3) var(--space-4);
}

._noKeyResults_1v5uw_552 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  text-align: center;
}

._noKeyResults_1v5uw_552 p {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  margin: 0;
}

._addKRButton_1v5uw_567 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  font-size: var(--text-sm);
  color: var(--action-primary);
  background: var(--action-primary-subtle);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
}

._addKRButton_1v5uw_567:hover {
  background: var(--action-primary);
  color: white;
}

/* ============================================================================
   Key Result Item
   ============================================================================ */

._krItem_1v5uw_589 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  background: var(--bg-secondary);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-2);
}

._krItem_1v5uw_589:last-child {
  margin-bottom: 0;
}

._krCompleted_1v5uw_603 {
  opacity: 0.7;
}

._krCompleted_1v5uw_603 ._krTitle_1v5uw_607 {
  text-decoration: line-through;
}

._krMain_1v5uw_611 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

._krProgress_1v5uw_619 {
  flex-shrink: 0;
}

._krBooleanToggle_1v5uw_623 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--text-tertiary);
  background: var(--bg-tertiary);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all 0.15s ease;
}

._krBooleanToggle_1v5uw_623:hover {
  border-color: var(--border-default);
}

._krBooleanComplete_1v5uw_641 {
  color: white;
  background: var(--status-success);
  border-color: var(--status-success);
}

._krProgressValue_1v5uw_647 {
  min-width: 60px;
  padding: var(--space-1) var(--space-2);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--text-primary);
  text-align: center;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  cursor: pointer;
}

._krProgressValue_1v5uw_647:hover {
  border-color: var(--action-primary);
}

._krProgressEdit_1v5uw_664 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

._krProgressInput_1v5uw_670 {
  width: 50px;
  padding: var(--space-1) var(--space-2);
  font-size: var(--text-sm);
  color: var(--text-primary);
  background: var(--bg-primary);
  border: 1px solid var(--action-primary);
  border-radius: var(--radius-sm);
  text-align: center;
}

._krProgressInput_1v5uw_670:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._krProgressUnit_1v5uw_686 {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
}

._krContent_1v5uw_691 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

._krTitle_1v5uw_607 {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--text-primary);
}

._krDescription_1v5uw_705 {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
}

._krProgressBar_1v5uw_710 {
  width: 80px;
  height: 4px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  overflow: hidden;
  flex-shrink: 0;
}

._krProgressFill_1v5uw_719 {
  height: 100%;
  background: var(--action-primary);
  border-radius: var(--radius-full);
  transition: width 0.3s ease;
}

._krActions_1v5uw_726 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  flex-shrink: 0;
}

._krActionBtn_1v5uw_733 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
}

._krActionBtn_1v5uw_733:hover {
  color: var(--text-primary);
  background: var(--bg-tertiary);
}

._krDeleteBtn_1v5uw_751:hover {
  color: var(--status-error);
}

/* ============================================================================
   Modal - Matching TaskModal style
   ============================================================================ */

._modalOverlay_1v5uw_759 {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5vh 20px;
  background-color: rgba(0, 0, 0, 0.4);
  animation: _fadeIn_1v5uw_1 0.15s ease-out;
}

@keyframes _fadeIn_1v5uw_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _scaleIn_1v5uw_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

._modal_1v5uw_759 {
  width: 100%;
  max-width: 560px;
  max-height: 85vh;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: _scaleIn_1v5uw_1 0.15s ease-out;
}

._modalHeader_1v5uw_804 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._modalHeaderLeft_1v5uw_812 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._modalBreadcrumbSep_1v5uw_820 {
  color: var(--text-tertiary);
}

._modalCloseBtn_1v5uw_824 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._modalCloseBtn_1v5uw_824:hover {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

._modalTabs_1v5uw_843 {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._modalTab_1v5uw_843 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._modalTab_1v5uw_843:hover {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

._modalTabActive_1v5uw_867 {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

._modalContent_1v5uw_872 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}

._modalMain_1v5uw_879 {
  flex: 1;
  padding: 1rem;
  overflow-y: auto;
}

._inputGroup_1v5uw_885 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-bottom: 1rem;
}

._inputGroup_1v5uw_885:last-child {
  margin-bottom: 0;
}

._inputLabel_1v5uw_896 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._titleInput_1v5uw_904 {
  width: 100%;
  padding: 0.625rem 0.75rem;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  outline: none;
  transition: border-color 0.15s ease;
}

._titleInput_1v5uw_904:focus {
  border-color: var(--action-primary);
}

._titleInput_1v5uw_904::-moz-placeholder {
  color: var(--text-tertiary);
  font-weight: var(--font-weight-normal);
}

._titleInput_1v5uw_904::placeholder {
  color: var(--text-tertiary);
  font-weight: var(--font-weight-normal);
}

._descriptionInput_1v5uw_926 {
  width: 100%;
  padding: 0.625rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  outline: none;
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
  transition: border-color 0.15s ease;
}

._descriptionInput_1v5uw_926:focus {
  border-color: var(--action-primary);
}

._descriptionInput_1v5uw_926::-moz-placeholder {
  color: var(--text-tertiary);
}

._descriptionInput_1v5uw_926::placeholder {
  color: var(--text-tertiary);
}

._modalFooter_1v5uw_949 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
}

._modalCancelBtn_1v5uw_958 {
  padding: 0.5rem 1rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._modalCancelBtn_1v5uw_958:hover {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

._modalSaveBtn_1v5uw_975 {
  padding: 0.5rem 1rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: white;
  background-color: var(--action-primary);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

._modalSaveBtn_1v5uw_975:hover:not(:disabled) {
  background-color: var(--action-primary-hover);
}

._modalSaveBtn_1v5uw_975:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ============================================================================
   Key Result Form (in modal)
   ============================================================================ */

._krListForm_1v5uw_1000 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._krFormItem_1v5uw_1006 {
  padding: 0.75rem;
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
}

._krFormHeader_1v5uw_1013 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

._krFormNumber_1v5uw_1020 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--action-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._krFormRemove_1v5uw_1028 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._krFormRemove_1v5uw_1028:hover {
  color: var(--status-error);
  background-color: var(--surface-elevated);
}

._krFormTitleInput_1v5uw_1047 {
  width: 100%;
  padding: 0.5rem 0.625rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  margin-bottom: 0.5rem;
  outline: none;
  transition: border-color 0.15s ease;
}

._krFormTitleInput_1v5uw_1047:focus {
  border-color: var(--action-primary);
}

._krFormTitleInput_1v5uw_1047::-moz-placeholder {
  color: var(--text-tertiary);
}

._krFormTitleInput_1v5uw_1047::placeholder {
  color: var(--text-tertiary);
}

._krFormTypeRow_1v5uw_1068 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

._krFormTypeLabel_1v5uw_1075 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  flex-shrink: 0;
}

._krFormTypeButtons_1v5uw_1081 {
  display: flex;
  gap: 0.375rem;
  flex-wrap: wrap;
}

._krFormTypeBtn_1v5uw_1087 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._krFormTypeBtn_1v5uw_1087:hover {
  border-color: var(--border-hover);
}

._krFormTypeBtnActive_1v5uw_1105 {
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
  border-color: var(--action-primary);
}

._krFormTargetRow_1v5uw_1111 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._krFormTargetLabel_1v5uw_1117 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._krFormTargetInput_1v5uw_1122 {
  width: 80px;
  padding: 0.375rem 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  outline: none;
  transition: border-color 0.15s ease;
}

._krFormTargetInput_1v5uw_1122:focus {
  border-color: var(--action-primary);
}

._addKRFormButton_1v5uw_1138 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: transparent;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._addKRFormButton_1v5uw_1138:hover {
  color: var(--action-primary);
  border-color: var(--action-primary);
  background-color: var(--action-primary-subtle);
}

/* ============================================================================
   Period Selector (in modal)
   ============================================================================ */

._periodSelector_1v5uw_1163 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._timeframeButtons_1v5uw_1169 {
  display: flex;
  gap: 0;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._timeframeBtn_1v5uw_1177 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background-color: var(--surface-base);
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
}

._timeframeBtn_1v5uw_1177:first-child {
  border-right: 1px solid var(--border-default);
}

._timeframeBtn_1v5uw_1177:hover {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
}

._timeframeBtnActive_1v5uw_1197 {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
}

._periodSelect_1v5uw_1163 {
  padding: 0.375rem 0.625rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s ease;
}

._periodSelect_1v5uw_1163:focus {
  border-color: var(--action-primary);
}
/**
 * Inbox View Styles
 * Table-based layout with secondary navbar
 */

/* ========================================
   WRAPPER & CONTAINER
   ======================================== */

._inboxWrapper_v2m75_10 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._container_v2m75_17 {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px 24px;
  overflow: hidden;
  background: var(--surface-secondary);
}

/* ========================================
   INBOX NAVBAR (Secondary navigation bar)
   ======================================== */

._inboxNavbar_v2m75_30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--surface-base);
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
  gap: 1rem;
}

._navbarLeft_v2m75_41 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarTaskCount_v2m75_47 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._navbarRight_v2m75_56 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._navbarSearch_v2m75_63 {
  position: relative;
  width: 140px;
  flex-shrink: 0;
}

._navbarSearchIcon_v2m75_69 {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-tertiary);
  pointer-events: none;
  z-index: 1;
}

._navbarSearchInput_v2m75_79 {
  height: 1.75rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-size: var(--font-size-xs) !important;
  width: 100%;
}

._navbarSearchClear_v2m75_87 {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px;
  border: none;
  background: var(--surface-tertiary);
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

._navbarSearchClear_v2m75_87:hover {
  color: var(--text-primary);
  background: var(--surface-active);
}

._navbarSeparator_v2m75_109 {
  width: 1px;
  height: 1rem;
  background-color: var(--border-default);
  margin: 0 0.25rem;
}

._navbarToggle_v2m75_116 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  transition: background 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._navbarToggle_v2m75_116:hover {
  background: var(--surface-hover);
}

._navbarTypeFilter_v2m75_133 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._navbarTypeBtn_v2m75_139 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._navbarTypeBtn_v2m75_139:hover {
  color: var(--text-secondary);
  border-color: var(--border-hover);
}

._navbarTypeBtnActive_v2m75_159 {
  color: var(--text-primary);
}

._navbarTypeBtnWork_v2m75_163 {
  border-color: var(--color-blue-500);
  background: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
}

._navbarTypeBtnPersonal_v2m75_168 {
  border-color: var(--color-green-500);
  background: color-mix(in srgb, var(--color-green-500) 15%, transparent);
}

._navbarSelect_v2m75_173 {
  height: 1.75rem !important;
  min-height: 1.75rem !important;
  font-size: var(--font-size-xs) !important;
  padding: 0 0.5rem !important;
  width: auto !important;
  min-width: 80px;
}

._navbarClearBtn_v2m75_182 {
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: underline;
}

._navbarClearBtn_v2m75_182:hover {
  color: var(--text-secondary);
}

._navbarNewBtn_v2m75_196 {
  height: 1.75rem !important;
  font-size: var(--font-size-xs) !important;
  padding: 0 0.5rem !important;
}

/* ========================================
   TOOLBAR
   ======================================== */

._toolbar_v2m75_206 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: nowrap;
  overflow-x: auto;
}

/* Search */
._searchWrapper_v2m75_216 {
  position: relative;
  width: 200px;
  flex-shrink: 0;
}

._searchIcon_v2m75_222 {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-tertiary);
  pointer-events: none;
  z-index: 1;
}

._searchInput_v2m75_232 {
  padding-left: 32px !important;
  width: 100%;
}

._clearSearch_v2m75_237 {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px;
  border: none;
  background: var(--surface-tertiary);
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

._clearSearch_v2m75_237:hover {
  color: var(--text-primary);
  background: var(--surface-active);
}

/* Inbox toggle */
._inboxToggle_v2m75_260 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: var(--radius);
  transition: background 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._inboxToggle_v2m75_260:hover {
  background: var(--surface-hover);
}

/* Filter selects */
._filterSelect_v2m75_278 {
  font-size: 13px;
  flex-shrink: 0;
}

/* ========================================
   TABLE CONTAINER
   ======================================== */

._tableContainer_v2m75_287 {
  flex: 1;
  overflow: auto;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background: var(--surface-primary);
}

/* ========================================
   TABLE
   ======================================== */

._table_v2m75_287 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

/* Table head */
._tableHead_v2m75_306 {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--surface-secondary);
  border-bottom: 1px solid var(--border-default);
}

._tableHead_v2m75_306 th {
  padding: 8px 12px;
  text-align: left;
  font-weight: 500;
  font-size: 11px;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* Column widths */
._headerCheckbox_v2m75_326 {
  width: 40px;
  padding-left: 16px !important;
}

._headerTitle_v2m75_331 {
  /* flex-1 equivalent */
}

._headerProject_v2m75_335 {
  width: 140px;
}

._headerDate_v2m75_339 {
  width: 80px;
}

._headerTime_v2m75_343 {
  width: 60px;
}

._headerPriority_v2m75_347 {
  width: 50px;
  text-align: center !important;
}

._headerSubtasks_v2m75_352 {
  width: 60px;
}

/* Table rows */
._tableRow_v2m75_357 {
  border-bottom: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: background 0.1s ease;
}

._tableRow_v2m75_357:last-child {
  border-bottom: none;
}

._tableRow_v2m75_357:hover {
  background: var(--surface-hover);
}

._tableRow_v2m75_357 td {
  padding: 10px 12px;
  vertical-align: middle;
}

/* Cell styles */
._cellCheckbox_v2m75_377 {
  width: 40px;
  padding-left: 16px !important;
}

._cellTitle_v2m75_382 {
  max-width: 0;
  overflow: hidden;
}

._taskTitle_v2m75_387 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-weight: 500;
}

._taskTitleCompleted_v2m75_396 {
  color: var(--text-tertiary);
  text-decoration: line-through;
}

._cellProject_v2m75_401 {
  width: 160px;
}

/* Inline project select */
._inlineProjectSelect_v2m75_406 {
  height: auto !important;
  min-height: 24px;
  padding: 2px 4px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  width: auto !important;
  min-width: 0;
}

._inlineProjectSelect_v2m75_406:hover {
  background: var(--surface-hover) !important;
  border-radius: 4px;
}

._inlineProjectSelect_v2m75_406:focus {
  ring: none !important;
  outline: none !important;
}

._inlineProjectSelect_v2m75_406 svg {
  display: none;
}

._noProject_v2m75_431 {
  color: var(--text-tertiary);
  font-size: 12px;
}

._cellDate_v2m75_436 {
  width: 80px;
}

._cellTime_v2m75_440 {
  width: 60px;
}

._cellPriority_v2m75_444 {
  width: 50px;
  text-align: center;
}

._cellSubtasks_v2m75_449 {
  width: 60px;
}

/* ========================================
   BADGES
   ======================================== */

/* Project badge */
._projectBadge_v2m75_458 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
  max-width: 120px;
}

._projectName_v2m75_469 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._projectWork_v2m75_475 {
  background: var(--state-info-bg);
  color: var(--state-info);
}

._projectPersonal_v2m75_480 {
  background: var(--state-success-bg);
  color: var(--state-success);
}

/* Date/Time badges */
._dateBadge_v2m75_486,
._timeBadge_v2m75_487 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
}

/* Priority badge */
._priorityBadge_v2m75_497 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}

._priorityP1_v2m75_508 {
  background: var(--state-error-bg);
  color: var(--state-error);
}

._priorityP2_v2m75_513 {
  background: var(--state-warning-bg);
  color: var(--state-warning);
}

._priorityP3_v2m75_518 {
  background: var(--state-info-bg);
  color: var(--state-info);
}

._priorityP4_v2m75_523 {
  background: var(--surface-tertiary);
  color: var(--text-secondary);
}

/* Subtask badge */
._subtaskBadge_v2m75_529 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: var(--text-tertiary);
}

/* ========================================
   GROUP HEADERS
   ======================================== */

._groupHeader_v2m75_541 {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._groupHeader_v2m75_541:hover ._groupHeaderCell_v2m75_546 {
  background: var(--surface-tertiary);
}

._groupHeaderCell_v2m75_546 {
  padding: 0 !important;
  background: var(--surface-secondary);
  border-bottom: 1px solid var(--border-default);
}

._groupHeaderContent_v2m75_556 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
}

._groupHeaderLeft_v2m75_563 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
}

._groupTitle_v2m75_570 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
}

._groupCount_v2m75_576 {
  font-size: 11px;
  color: var(--text-tertiary);
  background: var(--surface-active);
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 500;
}

/* ========================================
   LOADING & EMPTY STATES
   ======================================== */

._loading_v2m75_589 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

._loadingSpinner_v2m75_596 {
  width: 24px;
  height: 24px;
  border: 2px solid var(--border-default);
  border-top-color: var(--action-primary);
  border-radius: 50%;
  animation: _spin_v2m75_1 0.8s linear infinite;
}

@keyframes _spin_v2m75_1 {
  to {
    transform: rotate(360deg);
  }
}

._empty_v2m75_611 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px;
  color: var(--text-tertiary);
  font-size: 14px;
  gap: 8px;
}

._emptyIcon_v2m75_622 {
  opacity: 0.4;
  color: var(--text-disabled);
}
/**
 * Day View Module
 * Maximized day view with enhanced focus
 */

/* ========================================
   WRAPPER & CONTAINER
   ======================================== */

._dayViewWrapper_5ns5q_10 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* ========================================
   DAY NAVBAR (Secondary navigation bar)
   ======================================== */

._dayNavbar_5ns5q_21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--surface-base);
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
  gap: 1rem;
}

._navbarLeft_5ns5q_32 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarWeekBtn_5ns5q_38 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._navbarWeekBtn_5ns5q_38:hover {
  color: var(--text-primary);
  border-color: var(--border-hover);
}

._navbarArrows_5ns5q_58 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

._navbarNavBtn_5ns5q_64 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._navbarNavBtn_5ns5q_64:hover {
  color: var(--text-primary);
  border-color: var(--border-hover);
  background: var(--surface-hover);
}

._navbarDateDisplay_5ns5q_84 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._navbarDayName_5ns5q_90 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._navbarDayNumber_5ns5q_96 {
  font-weight: var(--font-weight-bold);
}

._navbarDateMonth_5ns5q_100 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._navbarTodayBadge_5ns5q_105 {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--action-primary);
  background: var(--action-primary-subtle);
  border-radius: var(--radius-full);
}

._navbarSyncIndicator_5ns5q_116 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  color: var(--text-secondary);
  background: var(--surface-elevated);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
}

._navbarSyncIcon_5ns5q_127 {
  animation: _navbarSpin_5ns5q_1 1s linear infinite;
}

._navbarSyncText_5ns5q_131 {
  white-space: nowrap;
}

@keyframes _navbarSpin_5ns5q_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._navbarFocusGapsBadge_5ns5q_144 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: var(--surface-elevated);
  border-radius: var(--radius-full);
}

._navbarRight_5ns5q_155 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._navbarSeparator_5ns5q_161 {
  width: 1px;
  height: 1rem;
  background-color: var(--border-default);
  margin: 0 0.25rem;
}

._navbarDaySelector_5ns5q_168 {
  display: flex;
  gap: 0.25rem;
}

._navbarDaySelectorBtn_5ns5q_173 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._navbarDaySelectorBtn_5ns5q_173:hover {
  color: var(--text-secondary);
  border-color: var(--border-hover);
}

._navbarDaySelectorBtnActive_5ns5q_192 {
  color: var(--text-primary);
  background: var(--surface-elevated);
  border-color: var(--action-primary);
}

._navbarDaySelectorName_5ns5q_198 {
  font-weight: var(--font-weight-medium);
}

._navbarDaySelectorDate_5ns5q_202 {
  font-size: var(--font-size-xs);
  opacity: 0.7;
}

._navbarCalendarToggle_5ns5q_207 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  transition: background 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._navbarCalendarToggle_5ns5q_207:hover {
  background: var(--surface-hover);
}

._navbarCalendarToggle_5ns5q_207 input {
  accent-color: var(--action-primary);
}

._navbarSlotToggle_5ns5q_228 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._navbarSlotToggle_5ns5q_228:hover {
  color: var(--text-secondary);
  border-color: var(--border-hover);
}

._navbarSlotToggleActive_5ns5q_248 {
  color: var(--action-primary);
  background: var(--action-primary-subtle);
  border-color: var(--action-primary);
}

._navbarModeToggle_5ns5q_254 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--surface-elevated);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._navbarModeToggle_5ns5q_254:hover {
  color: var(--text-primary);
  border-color: var(--border-hover);
}

._navbarAddBtn_5ns5q_274 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-inverse);
  background-color: var(--action-primary);
  border: 1px solid var(--action-primary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._navbarAddBtn_5ns5q_274:hover {
  background-color: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
}

/* ========================================
   MAIN CONTAINER
   ======================================== */

._todayView_5ns5q_298 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  background-color: var(--surface-base);
  overflow: hidden;
}

/* Wider container when plan mode layout is active */
._todayView_5ns5q_298:has(._planModeLayout_5ns5q_310) {
  max-width: 100%;
  padding: 0 2rem;
}

._loading_5ns5q_315 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-tertiary);
  font-size: var(--font-size-lg);
}

/* ========================================
   CONTENT
   ======================================== */

._content_5ns5q_328 {
  flex: 1;
  overflow: hidden;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
}

/* ========================================
   LAYOUT MODES
   ======================================== */

._normalLayout_5ns5q_342 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  min-height: 0;
}

._planModeLayout_5ns5q_310 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  flex: 1;
  min-height: 0;
  /* Force full height */
  height: calc(100vh - 200px);
}

._planModeLayout_5ns5q_310 > * {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* ========================================
   TIMELINE SECTION
   ======================================== */

._timelineSection_5ns5q_371 {
  background: var(--surface-raised);
  border-radius: var(--radius-lg);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

._sectionHeader_5ns5q_381 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._sectionTitle_5ns5q_388 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

._timeline_5ns5q_371 {
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

._timelineHeader_5ns5q_404 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

._slotToggle_5ns5q_412 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  border: 1px solid var(--border-subtle);
  background: var(--surface-base);
  border-radius: var(--radius-sm);
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: all 0.15s ease;
  margin-left: auto;
}

._slotToggle_5ns5q_412:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._slotToggleActive_5ns5q_433 {
  background: color-mix(in srgb, var(--status-success) 10%, transparent);
  border-color: color-mix(in srgb, var(--status-success) 30%, transparent);
  color: var(--status-success);
}

._slotToggleActive_5ns5q_433:hover {
  background: color-mix(in srgb, var(--status-success) 15%, transparent);
  border-color: color-mix(in srgb, var(--status-success) 40%, transparent);
}

/* Calendar entry toggle - checkbox style */
._calendarEntryToggle_5ns5q_445 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  border: 1px solid var(--border-subtle);
  background: var(--surface-base);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._calendarEntryToggle_5ns5q_445:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._calendarEntryToggle_5ns5q_445:has(input:checked) {
  background: color-mix(in srgb, var(--brand-primary) 10%, transparent);
  border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent);
  color: var(--brand-primary);
}

._calendarEntryToggle_5ns5q_445:has(input:checked):hover {
  background: color-mix(in srgb, var(--brand-primary) 15%, transparent);
  border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent);
}

._calendarEntryToggle_5ns5q_445 input[type='checkbox'] {
  accent-color: var(--brand-primary);
  width: 0.875rem;
  height: 0.875rem;
  margin: 0;
  cursor: pointer;
}

/* Header controls row */
._headerControls_5ns5q_485 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Syncing indicator with logo and spinning border */
._syncingIndicator_5ns5q_492 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._syncingLogo_5ns5q_498 {
  position: relative;
  width: 24px;
  height: 24px;
}

._syncingLogo_5ns5q_498 img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

._syncingSpinner_5ns5q_514 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-top-color: var(--brand-primary);
  border-radius: 50%;
  animation: _spin_5ns5q_1 0.8s linear infinite;
}

@keyframes _spin_5ns5q_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ========================================
   DAY NOTE
   ======================================== */

._dayNote_5ns5q_539 {
  padding: 1rem 1.25rem;
  background: var(--surface-raised);
  border-radius: var(--radius);
  border-left: 4px solid var(--brand-primary);
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  font-style: italic;
}

/* ========================================
   TASKS SECTION
   ======================================== */

._tasksSection_5ns5q_553 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

._tasksSectionHeader_5ns5q_561 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._taskCount_5ns5q_568 {
  font-size: var(--font-size-base);
  color: var(--text-tertiary);
}

._tasksList_5ns5q_573 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.75rem;
  background: var(--surface-raised);
  border-radius: var(--radius-lg);
  min-height: 200px;
  overflow-y: auto;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease;
}

._tasksList_5ns5q_573._dropActive_5ns5q_588 {
  background: var(--brand-primary-subtle);
  box-shadow: inset 0 0 0 2px var(--brand-primary);
}

._emptyState_5ns5q_593 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 120px;
  color: var(--text-tertiary);
  font-size: var(--font-size-base);
}

/* ========================================
   TASK SECTIONS (Work/Personal)
   ======================================== */

._taskSection_5ns5q_607 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._taskSection_5ns5q_607 + ._taskSection_5ns5q_607 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-subtle);
}

._taskSectionHeader_5ns5q_619 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._taskSectionHeader_5ns5q_619 svg {
  opacity: 0.7;
}

._taskSectionHeaderWork_5ns5q_635 {
}

._taskSectionHeaderWork_5ns5q_635 svg {
  color: var(--color-blue-500);
  opacity: 1;
}

._taskSectionHeaderPersonal_5ns5q_644 {
}

._taskSectionHeaderPersonal_5ns5q_644 svg {
  color: var(--color-green-500);
  opacity: 1;
}

/* ========================================
   ADD TASK BUTTON
   ======================================== */

._addTaskButton_5ns5q_657 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0.75rem;
  border: 1px solid var(--border-subtle);
  background: var(--surface-base);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: all 0.15s ease;
  align-self: flex-start;
}

._addTaskButton_5ns5q_657:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}

/* ========================================
   ANIMATIONS
   ======================================== */

/* Initial state - scaled down and faded */
._animateIn_5ns5q_685 {
  opacity: 0;
  transform: scale(0.92);
}

/* Visible state - full size and opacity */
._animateVisible_5ns5q_691 {
  opacity: 1;
  transform: scale(1);
  transition:
    opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Exit state - scale down and fade out */
._animateOut_5ns5q_700 {
  opacity: 0;
  transform: scale(0.95);
  transition:
    opacity 0.2s ease-out,
    transform 0.2s ease-out;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  ._animateIn_5ns5q_685,
  ._animateVisible_5ns5q_691,
  ._animateOut_5ns5q_700 {
    transform: none;
    transition: opacity 0.15s ease;
  }
}

/* ========================================
   TASK CARD OVERRIDES FOR TODAY VIEW
   Larger fonts and spacing for the maximized view
   Using !important to override productivity.module.css
   ======================================== */

/* Task card wrapper - no extra padding */
._tasksList_5ns5q_573 [class*='taskCardWrapper'] {
  padding: 0 !important;
}

/* Task title - larger font (15px) */
._tasksList_5ns5q_573 [class*='taskTitle'] {
  font-size: 0.9375rem !important; /* 15px */
  line-height: 1.5 !important;
}

/* Task checkbox - larger and vertically aligned with first line */
._tasksList_5ns5q_573 [class*='taskCheckbox'] {
  width: 1.25rem !important;
  height: 1.25rem !important;
  align-self: flex-start !important;
  margin-top: 0.125rem !important; /* Align with text baseline */
}

/* Scheduled time - larger and more visible */
._tasksList_5ns5q_573 [class*='taskScheduledTime'] {
  font-size: 0.9375rem !important; /* 15px */
}

/* Inline badges - larger */
._tasksList_5ns5q_573 [class*='taskCardInlineBadges'] {
  gap: 0.5rem !important;
}

._tasksList_5ns5q_573 [class*='taskProjectBadge'],
._tasksList_5ns5q_573 [class*='subtaskBadge'],
._tasksList_5ns5q_573 [class*='recurringBadge'] {
  font-size: 0.8125rem !important; /* 13px */
  padding: 0.25rem 0.625rem !important;
}

/* Subtasks - larger font */
._tasksList_5ns5q_573 [class*='taskCardSubtasks'] {
  margin-top: 0.5rem !important;
  padding-top: 0 !important;
  gap: 0.5rem !important;
}

._tasksList_5ns5q_573 [class*='taskCardSubtaskTitle'] {
  font-size: 0.9375rem !important; /* 15px */
  cursor: pointer !important;
  pointer-events: auto !important;
}

._tasksList_5ns5q_573 [class*='taskCardSubtaskTitle']:hover {
  text-decoration: underline !important;
}

._tasksList_5ns5q_573 [class*='taskCardSubtaskCheckbox'] {
  width: 1.125rem !important;
  height: 1.125rem !important;
}

/* Task section headers - larger and colored */
._tasksList_5ns5q_573 [class*='taskSection'] {
  gap: 0.625rem !important;
}

._tasksList_5ns5q_573 [class*='taskSectionHeader'] {
  font-size: 0.875rem !important; /* 14px */
  padding: 0.5rem 0 !important;
  color: var(--text-secondary) !important;
}

._tasksList_5ns5q_573 [class*='taskSectionHeader'] svg {
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
}

/* Work section header icon - blue */
._tasksList_5ns5q_573 [class*='taskSectionHeaderWork'] svg {
  color: var(--color-blue-500) !important;
}

/* Personal section header icon - green */
._tasksList_5ns5q_573 [class*='taskSectionHeaderPersonal'] svg {
  color: var(--color-green-500) !important;
}

/* Project badge - ensure no clipping and proper size */
._tasksList_5ns5q_573 [class*='taskProjectBadge'] {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* ========================================
   WEEKEND VIEW HEADER
   ======================================== */

._weekendViewHeader_5ns5q_821 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0 1rem 0;
}

._weekendDateRange_5ns5q_828 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

/* ========================================
   DAY SELECTOR (Multi-day timeline toggle)
   ======================================== */

._daySelector_5ns5q_838 {
  display: flex;
  gap: 0.375rem;
}

._daySelectorButton_5ns5q_843 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.375rem 0.625rem;
  border: 1px solid var(--border-subtle);
  background: var(--surface-base);
  border-radius: var(--radius-sm);
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: all 0.15s ease;
}

._daySelectorButton_5ns5q_843:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._daySelectorButtonActive_5ns5q_864 {
  background: color-mix(in srgb, var(--brand-primary) 10%, transparent);
  border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent);
  color: var(--brand-primary);
}

._daySelectorButtonActive_5ns5q_864:hover {
  background: color-mix(in srgb, var(--brand-primary) 15%, transparent);
  border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent);
}

._daySelectorName_5ns5q_875 {
  font-weight: var(--font-weight-medium);
}

._daySelectorDate_5ns5q_879 {
  font-weight: var(--font-weight-semibold);
}

._daySelectorButtonActive_5ns5q_864 ._daySelectorDate_5ns5q_879 {
  color: var(--brand-primary);
}

._daySelectorToday_5ns5q_887 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--brand-primary);
  background: color-mix(in srgb, var(--brand-primary) 12%, transparent);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
}

/* ========================================
   FOCUS SLOTS PANEL
   ======================================== */

._focusSlotsPanel_5ns5q_900 {
  margin-top: 1rem;
  padding: 0.75rem;
  background: var(--surface-base);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius);
}

._focusSlotsFreeTime_5ns5q_908 {
  font-size: var(--font-size-sm);
  color: var(--status-success);
  margin-bottom: 0.5rem;
}

._focusSlotsHeader_5ns5q_914 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-subtle);
}

._focusSlotsTitle_5ns5q_923 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._focusSlotsBreakdown_5ns5q_929 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._focusSlotsList_5ns5q_934 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._focusSlotItem_5ns5q_940 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
}

._focusSlotBadge_5ns5q_947 {
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  flex-shrink: 0;
}

._focusSlotL_5ns5q_960 {
  background: #dcfce7;
  color: #166534;
}

._focusSlotM_5ns5q_965 {
  background: #fef3c7;
  color: #92400e;
}

._focusSlotS_5ns5q_970 {
  background: #f3f4f6;
  color: #6b7280;
}

._focusSlotTime_5ns5q_975 {
  flex: 1;
  color: var(--text-secondary);
}

._focusSlotDuration_5ns5q_980 {
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, monospace);
}

/* ========================================
   MODIFIER KEY VISUAL FEEDBACK
   ======================================== */

/* When Shift is held, show grab cursor to indicate drag mode */
._shiftHeld_5ns5q_990 ._tasksList_5ns5q_573 [class*='taskCardWrapper'] {
  cursor: grab !important;
}

._shiftHeld_5ns5q_990 ._tasksList_5ns5q_573 [class*='taskCardWrapper']:active {
  cursor: grabbing !important;
}

/* ========================================
   DURATION PROMPT DIALOG
   Shown when dropping task without duration
   ======================================== */

._durationPromptOverlay_5ns5q_1003 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._durationPromptDialog_5ns5q_1016 {
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  min-width: 280px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

._durationPromptTitle_5ns5q_1025 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  text-align: center;
  margin-bottom: 1rem;
}

._durationPromptButtons_5ns5q_1033 {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

._durationPromptButton_5ns5q_1033 {
  flex: 1;
  padding: 0.75rem 1rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  background: var(--action-primary);
  color: white;
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all 0.15s ease;
}

._durationPromptButton_5ns5q_1033:hover {
  background: var(--action-primary-hover);
}

._durationPromptSkip_5ns5q_1056 {
  width: 100%;
  padding: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
}

._durationPromptSkip_5ns5q_1056:hover {
  color: var(--text-secondary);
}
/**
 * Productivity Analytics Module
 * Styles for multi-week analytics dashboard
 */

/* ========================================
   MAIN CONTAINER
   ======================================== */

/* Wrapper that contains navbar + scrollable content */
._analyticsWrapper_1ankl_11 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

._container_1ankl_19 {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  overflow-y: auto;
  padding: 1.5rem;
  gap: 1.5rem;
}

/* Two-column layout: main (3/4) + insights sidebar (1/4) */
._analyticsLayout_1ankl_30 {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 1.5rem;
  flex: 1;
  min-height: 0;
}

@media (max-width: 1200px) {
  ._analyticsLayout_1ankl_30 {
    grid-template-columns: 1fr;
  }
}

._analyticsMain_1ankl_44 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}

._analyticsSidebar_1ankl_51 {
  position: sticky;
  top: 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
}

@media (max-width: 1200px) {
  ._analyticsSidebar_1ankl_51 {
    position: static;
    max-height: none;
  }
}

/* ========================================
   ANALYTICS NAVBAR (Secondary navigation bar)
   ======================================== */

._analyticsNavbar_1ankl_70 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--surface-base);
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
  gap: 1rem;
  flex-wrap: wrap;
}

._navbarLeft_1ankl_82 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarDateRange_1ankl_88 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._navbarRight_1ankl_97 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._navbarSelect_1ankl_104 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
}

._navbarSelect_1ankl_104:hover {
  border-color: var(--border-hover);
}

._navbarSeparator_1ankl_118 {
  width: 1px;
  height: 1rem;
  background-color: var(--border-default);
  margin: 0 0.25rem;
}

._navbarChip_1ankl_125 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
  border-radius: var(--radius-full);
}

._navbarChipRemove_1ankl_136 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.875rem;
  height: 0.875rem;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0.7;
  padding: 0;
}

._navbarChipRemove_1ankl_136:hover {
  opacity: 1;
}

._navbarClearBtn_1ankl_154 {
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: underline;
}

._navbarClearBtn_1ankl_154:hover {
  color: var(--text-secondary);
}

._navbarRefreshBtn_1ankl_168 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  background-color: var(--surface-elevated);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._navbarRefreshBtn_1ankl_168:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._navbarRefreshBtn_1ankl_168:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ========================================
   HEADER (Legacy - kept for backwards compatibility)
   ======================================== */

._header_1ankl_196 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

._headerLeft_1ankl_204 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

._title_1ankl_210 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._dateRange_1ankl_217 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._headerRight_1ankl_222 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._timeRangeSelect_1ankl_228 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
}

._timeRangeSelect_1ankl_228:hover {
  border-color: var(--border-hover);
}

._refreshBtn_1ankl_242 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  background-color: var(--surface-elevated);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._refreshBtn_1ankl_242:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._refreshBtn_1ankl_242:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._spinning_1ankl_266 {
  animation: _spin_1ankl_266 1s linear infinite;
}

@keyframes _spin_1ankl_266 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ========================================
   SUMMARY CARDS
   ======================================== */

._summaryGrid_1ankl_283 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._summaryCard_1ankl_289 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

._summaryIcon_1ankl_299 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius);
  background-color: var(--surface-base);
  color: var(--text-secondary);
  flex-shrink: 0;
}

._summaryContent_1ankl_311 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

._summaryLabel_1ankl_318 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

._summaryValue_1ankl_325 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._summarySubValue_1ankl_331 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* ========================================
   FILTERS
   ======================================== */

._filtersBar_1ankl_340 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
}

._filterLabel_1ankl_351 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

._filterSelect_1ankl_358 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
}

._filterChip_1ankl_368 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
  border-radius: var(--radius-full);
}

._filterChipRemove_1ankl_379 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0.7;
}

._filterChipRemove_1ankl_379:hover {
  opacity: 1;
}

._clearFiltersBtn_1ankl_396 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: underline;
}

._clearFiltersBtn_1ankl_396:hover {
  color: var(--text-secondary);
}

/* ========================================
   CHARTS SECTION
   ======================================== */

._chartsGrid_1ankl_414 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

@media (max-width: 1024px) {
  ._chartsGrid_1ankl_414 {
    grid-template-columns: 1fr;
  }
}

._chartCard_1ankl_426 {
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

._chartHeader_1ankl_433 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._chartTitle_1ankl_440 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._chartTitleIcon_1ankl_449 {
  color: var(--text-tertiary);
}

._chartSubtitle_1ankl_453 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: help;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  text-underline-offset: 2px;
}

._chartStatCard_1ankl_461 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--bg-tertiary);
  border: 1px solid var(--border-primary);
}

._chartStatContent_1ankl_471 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._chartStatLabel_1ankl_477 {
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  line-height: 1;
}

._chartStatValue_1ankl_486 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

._chartContainer_1ankl_492 {
  width: 100%;
  height: 250px;
}

._chartFullWidth_1ankl_497 {
  grid-column: 1 / -1;
}

._chartExplanation_1ankl_501 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.75rem 0 0 0;
  padding: 0.625rem 0.75rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: var(--bg-secondary);
  border-radius: var(--radius-sm);
  line-height: 1.5;
}

._chartExplanationIcon_1ankl_514 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  margin-top: 0.125rem;
}

/* ========================================
   HEATMAP
   ======================================== */

._heatmapContainer_1ankl_524 {
  width: 100%;
  min-height: 150px;
}

/* ========================================
   INSIGHTS PANEL
   ======================================== */

/* Insights sidebar panel (for page-level sidebar) */
._insightsSidebarPanel_1ankl_534 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

._insightsHeader_1ankl_544 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-subtle);
}

._insightsGrid_1ankl_555 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Explainer section at bottom of sidebar */
._insightsExplainer_1ankl_562 {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
  border: 1px solid var(--border-subtle);
}

._explainerHeader_1ankl_570 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.625rem;
}

._explainerList_1ankl_582 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._explainerItem_1ankl_588 {
  display: flex;
  gap: 0.375rem;
  align-items: flex-start;
  font-size: 0.6875rem;
  line-height: 1.4;
}

._explainerIcon_1ankl_596 {
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

._explainerTitle_1ankl_602 {
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._explainerDesc_1ankl_607 {
  color: var(--text-tertiary);
}

/* Inline insights panel (for top of page) */
._insightsInlinePanel_1ankl_612 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  margin-bottom: 1rem;
}

._insightsInlineHeader_1ankl_623 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._insightsInlineGrid_1ankl_632 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._insightInlineCard_1ankl_638 {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 1 280px;
  max-width: 400px;
  padding: 0.75rem;
  background: var(--bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-subtle);
}

._insightInlineCard_1ankl_638._positive_1ankl_650 {
  border-left: 3px solid var(--success);
}

._insightInlineCard_1ankl_638._negative_1ankl_654 {
  border-left: 3px solid var(--danger);
}

._insightInlineCard_1ankl_638._neutral_1ankl_658 {
  border-left: 3px solid var(--text-tertiary);
}

._insightInlineIcon_1ankl_662 {
  flex-shrink: 0;
  color: var(--text-secondary);
  margin-top: 0.125rem;
}

._insightInlineContent_1ankl_668 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._insightInlineTitle_1ankl_674 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._insightInlineDescription_1ankl_680 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  line-height: 1.4;
}

._insightCard_1ankl_686 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
}

._insightCard_1ankl_686._positive_1ankl_650 {
  border-left: 3px solid var(--success);
}

._insightCard_1ankl_686._negative_1ankl_654 {
  border-left: 3px solid var(--danger);
}

._insightCard_1ankl_686._neutral_1ankl_658 {
  border-left: 3px solid var(--text-tertiary);
}

._insightIcon_1ankl_707 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

._insightCard_1ankl_686._positive_1ankl_650 ._insightIcon_1ankl_707 {
  background-color: var(--success-subtle);
  color: var(--success);
}

._insightCard_1ankl_686._negative_1ankl_654 ._insightIcon_1ankl_707 {
  background-color: var(--danger-subtle);
  color: var(--danger);
}

._insightCard_1ankl_686._neutral_1ankl_658 ._insightIcon_1ankl_707 {
  background-color: var(--surface-elevated);
  color: var(--text-tertiary);
}

._insightContent_1ankl_732 {
  flex: 1;
  min-width: 0;
}

._insightTitle_1ankl_737 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-bottom: 0.125rem;
}

._insightDescription_1ankl_744 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  line-height: 1.4;
}

._insightValue_1ankl_750 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--action-primary);
  margin-top: 0.25rem;
}

/* ========================================
   WEEK DETAIL PANEL
   ======================================== */

._weekDetailPanel_1ankl_761 {
  margin-top: 1rem;
  padding: 1.5rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

._weekDetailHeader_1ankl_769 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._weekDetailTitle_1ankl_776 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._weekDetailCloseBtn_1ankl_785 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}

._weekDetailCloseBtn_1ankl_785:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._weekDetailContent_1ankl_804 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}

/* ========================================
   LOADING & EMPTY STATES
   ======================================== */

._loadingState_1ankl_814 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

._loadingSpinner_1ankl_823 {
  width: 2rem;
  height: 2rem;
  border: 2px solid var(--border-default);
  border-top-color: var(--action-primary);
  border-radius: 50%;
  animation: _spin_1ankl_266 1s linear infinite;
}

._loadingText_1ankl_832 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._emptyState_1ankl_837 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}

._emptyIcon_1ankl_846 {
  color: var(--text-tertiary);
  margin-bottom: 1rem;
}

._emptyTitle_1ankl_851 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

._emptyDescription_1ankl_858 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  max-width: 300px;
}

/* ========================================
   ERROR STATE
   ======================================== */

._errorState_1ankl_868 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
  text-align: center;
}

._errorIcon_1ankl_878 {
  color: var(--danger);
}

._errorMessage_1ankl_882 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._retryBtn_1ankl_887 {
  padding: 0.5rem 1rem;
  font-size: var(--font-size-sm);
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._retryBtn_1ankl_887:hover {
  background-color: var(--action-primary);
  color: white;
}

/* ========================================
   BACKLOG HEALTH
   ======================================== */

._backlogSection_1ankl_907 {
  margin-bottom: 1.5rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

._backlogHeader_1ankl_914 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--border-subtle);
}

._backlogHeaderLeft_1ankl_922 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._backlogIcon_1ankl_928 {
  color: var(--text-secondary);
}

._backlogTitle_1ankl_932 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._backlogControls_1ankl_938 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._backlogContent_1ankl_944 {
  padding: 1rem;
}

._headerTitle_1ankl_948 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._selectSmall_1ankl_955 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
}

._selectSmall_1ankl_955:hover {
  border-color: var(--border-hover);
}

/* Main section: chart + summary side by side */
._backlogMainSection_1ankl_970 {
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

@media (max-width: 768px) {
  ._backlogMainSection_1ankl_970 {
    grid-template-columns: 1fr;
  }
}

._backlogChartContainer_1ankl_986 {
  min-height: 320px;
  flex: 1;
}

/* P&L-style summary panel */
._backlogSummary_1ankl_992 {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
  font-size: var(--font-size-sm);
}

._summaryHeader_1ankl_1001 {
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

._summaryDivider_1ankl_1007 {
  height: 1px;
  background-color: var(--border-default);
  margin: 0.5rem 0;
}

._summaryRow_1ankl_1013 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
}

._summaryLabel_1ankl_318 {
  color: var(--text-secondary);
}

._summaryValuePositive_1ankl_1024 {
  color: var(--success);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryValueNegative_1ankl_1030 {
  color: var(--danger);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryValueNeutral_1ankl_1036 {
  color: var(--text-secondary);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryRowLarge_1ankl_1042 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-top: 0.25rem;
}

._summaryValueLarge_1ankl_1050 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

._trendIndicator_1ankl_1057 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.5rem;
}

._trendIconUp_1ankl_1065 {
  color: var(--danger);
  width: 16px;
  height: 16px;
}

._trendIconDown_1ankl_1071 {
  color: var(--success);
  width: 16px;
  height: 16px;
}

._trendIconNeutral_1ankl_1077 {
  color: var(--text-tertiary);
  width: 16px;
  height: 16px;
}

._trendText_1ankl_1083 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* Chart section wrapper */
._chartSection_1ankl_1089 {
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

._chartEmpty_1ankl_1096 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

/* ========================================
   COLLAPSIBLE SECTION
   ======================================== */

._collapsibleSection_1ankl_1109 {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

._collapsibleHeader_1ankl_1116 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.875rem 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color var(--transition-fast);
}

._collapsibleHeader_1ankl_1116:hover {
  background-color: var(--surface-hover);
}

._collapsibleHeaderLeft_1ankl_1133 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._collapsibleChevron_1ankl_1139 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._collapsibleIcon_1ankl_1144 {
  color: var(--text-secondary);
  flex-shrink: 0;
}

._collapsibleTitle_1ankl_1149 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._collapsibleControls_1ankl_1155 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._collapsibleContent_1ankl_1161 {
  padding: 0 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Collapsed state badge */
._collapsedBadge_1ankl_1169 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-left: 0.5rem;
  padding: 0.125rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background-color: var(--surface-base);
  border-radius: var(--radius-full);
}

._badgePositive_1ankl_1181 {
  color: var(--success);
  font-weight: var(--font-weight-medium);
}

._badgeNegative_1ankl_1186 {
  color: var(--danger);
  font-weight: var(--font-weight-medium);
}